@charset "UTF-8";
/* core + marcom styles */
/*
	* CORE less file
	* import all other core less files into here
*/
/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to
 * make sure we're resetting all spacing elements.
 *
 */
html,
body {
  border: 0;
  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
img {
  min-height: 0;
}
:focus {
  outline: 0;
}
/*
	* REUSABLE STANDARD MEASUREMENTS
*/
/*
	* LAYOUT DIMENSIONS
*/
/* gutters */
/* header */
/* slide outs */
/*
	* Z-INDEX
*/
/* reference to arrivals (header.less) */
/*
	* Z-INDEX
*/
/*
	* SPEEDS
*/
/*
	*** OLD
*/
/* breakpoints are mobile-first */
/* reusable standard measurements */
/* layout measurements */
/*@header_height: 						60px;*/
/* transition speeds */
/* .circle() */
.circle {
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
/* .border(BORDER-COLOR) */
/* .button(BACKGROUND-COLOR, BORDER-COLOR) */
.button {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  color: #ffffff;
  height: 60px;
  width: 280px;
  background-color: #333333;
  border-radius: 0;
  border: 2px solid;
  border-color: #333333;
  text-transform: uppercase;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  text-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  cursor: pointer;
  letter-spacing: 0.2em;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  /* toggle buttons (nested inside .button-toggle) */
  /* smart button states */
}
.button:active {
  position: relative;
  top: 2px;
}
.button:active {
  position: relative;
  top: 2px;
}
.button.hidden-btn {
  opacity: 0;
  height: 0;
  width: 0;
}
.button.toggle-button {
  height: 44px;
  width: 210px;
  min-width: 0;
}
.button.alert-button {
  background-color: #fcf3f5;
  color: #333333;
  pointer-events: none;
}
.button.loading-button {
  pointer-events: none;
}
.button[disabled=disabled],
.button:disabled {
  background-color: #999999;
  border-color: #999999;
  color: #d9d9d9;
}
.button[disabled=disabled]:hover,
.button:disabled:hover {
  cursor: default !important;
  background-color: #999999 !important;
  border-color: #999999 !important;
  color: #d9d9d9 !important;
}
.button.mini {
  height: 44px;
  width: auto;
  padding: 0 20px;
  min-width: 200px;
}
.button svg {
  width: 25px;
  height: 25px;
}
.button * {
  margin-left: auto;
  margin-right: auto;
}
.button.blue {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  color: #ffffff;
  height: 60px;
  width: 280px;
  background-color: #6dcff6;
  border-radius: 0;
  border: 2px solid;
  border-color: #6dcff6;
  text-transform: uppercase;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  text-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  cursor: pointer;
  letter-spacing: 0.2em;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  /* toggle buttons (nested inside .button-toggle) */
  /* smart button states */
}
.button.blue:active {
  position: relative;
  top: 2px;
}
.button.blue:active {
  position: relative;
  top: 2px;
}
.button.blue.hidden-btn {
  opacity: 0;
  height: 0;
  width: 0;
}
.button.blue.toggle-button {
  height: 44px;
  width: 210px;
  min-width: 0;
}
.button.blue.alert-button {
  background-color: #fcf3f5;
  color: #333333;
  pointer-events: none;
}
.button.blue.loading-button {
  pointer-events: none;
}
.button.blue[disabled=disabled],
.button.blue:disabled {
  background-color: #999999;
  border-color: #999999;
  color: #d9d9d9;
}
.button.blue[disabled=disabled]:hover,
.button.blue:disabled:hover {
  cursor: default !important;
  background-color: #999999 !important;
  border-color: #999999 !important;
  color: #d9d9d9 !important;
}
.button.blue.mini {
  height: 44px;
  width: auto;
  padding: 0 20px;
  min-width: 200px;
}
.button.blue svg {
  width: 25px;
  height: 25px;
}
.button.blue * {
  margin-left: auto;
  margin-right: auto;
}
/* button colors */
.button.black {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  height: 60px;
  width: 280px;
  background-color: #333333;
  border-radius: 0;
  border: 2px solid;
  border-color: #333333;
  text-transform: uppercase;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  text-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  cursor: pointer;
  letter-spacing: 0.2em;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  /* toggle buttons (nested inside .button-toggle) */
  /* smart button states */
  color: #ffffff;
}
.button.black:active {
  position: relative;
  top: 2px;
}
.button.black:active {
  position: relative;
  top: 2px;
}
.button.black.hidden-btn {
  opacity: 0;
  height: 0;
  width: 0;
}
.button.black.toggle-button {
  height: 44px;
  width: 210px;
  min-width: 0;
}
.button.black.alert-button {
  background-color: #fcf3f5;
  color: #333333;
  pointer-events: none;
}
.button.black.loading-button {
  pointer-events: none;
}
.button.black[disabled=disabled],
.button.black:disabled {
  background-color: #999999;
  border-color: #999999;
  color: #d9d9d9;
}
.button.black[disabled=disabled]:hover,
.button.black:disabled:hover {
  cursor: default !important;
  background-color: #999999 !important;
  border-color: #999999 !important;
  color: #d9d9d9 !important;
}
.button.black.mini {
  height: 44px;
  width: auto;
  padding: 0 20px;
  min-width: 200px;
}
.button.black svg {
  width: 25px;
  height: 25px;
}
.button.black * {
  margin-left: auto;
  margin-right: auto;
}
.button.black p {
  color: #ffffff;
}
.button.black.transparent p {
  color: #333333;
}
.button.black.loading-button .loading-dots {
  color: #ffffff;
}
.button.black svg {
  margin-right: 10px;
}
.button.black svg path,
.button.black svg line,
.button.black svg polygon,
.button.black svg rect,
.button.black svg stroke,
.button.black svg circle,
.button.black svg polyline {
  fill: #ffffff;
}
.button.white {
  border-color: #ffffff;
}
.button.white.loading-button .loading-dots {
  color: #333333;
}
.button.transparent {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  color: #ffffff;
  height: 60px;
  width: 280px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  border: 2px solid;
  border-color: #333333;
  text-transform: uppercase;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  text-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  cursor: pointer;
  letter-spacing: 0.2em;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  /* toggle buttons (nested inside .button-toggle) */
  /* smart button states */
  color: #333333;
}
.button.transparent:active {
  position: relative;
  top: 2px;
}
.button.transparent:active {
  position: relative;
  top: 2px;
}
.button.transparent.hidden-btn {
  opacity: 0;
  height: 0;
  width: 0;
}
.button.transparent.toggle-button {
  height: 44px;
  width: 210px;
  min-width: 0;
}
.button.transparent.alert-button {
  background-color: #fcf3f5;
  color: #333333;
  pointer-events: none;
}
.button.transparent.loading-button {
  pointer-events: none;
}
.button.transparent[disabled=disabled],
.button.transparent:disabled {
  background-color: #999999;
  border-color: #999999;
  color: #d9d9d9;
}
.button.transparent[disabled=disabled]:hover,
.button.transparent:disabled:hover {
  cursor: default !important;
  background-color: #999999 !important;
  border-color: #999999 !important;
  color: #d9d9d9 !important;
}
.button.transparent.mini {
  height: 44px;
  width: auto;
  padding: 0 20px;
  min-width: 200px;
}
.button.transparent svg {
  width: 25px;
  height: 25px;
}
.button.transparent * {
  margin-left: auto;
  margin-right: auto;
}
.button.transparent.loading-button .loading-dots {
  color: #333333;
}
/* disabled buttons */
.button[disabled=disabled],
.button:disabled,
input[type="button"]:disabled {
  cursor: default;
  position: static;
}
/* no touch buttons */
.no-touch .button:hover {
  background-color: #999999;
  border-color: #999999;
  color: #333333;
}
.no-touch .button.black:hover {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  color: #ffffff;
  height: 60px;
  width: 280px;
  background-color: #999999;
  border-radius: 0;
  border: 2px solid;
  border-color: #999999;
  text-transform: uppercase;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  text-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  cursor: pointer;
  letter-spacing: 0.2em;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  /* toggle buttons (nested inside .button-toggle) */
  /* smart button states */
  color: #333333;
}
.no-touch .button.black:hover:active {
  position: relative;
  top: 2px;
}
.no-touch .button.black:hover:active {
  position: relative;
  top: 2px;
}
.no-touch .button.black:hover.hidden-btn {
  opacity: 0;
  height: 0;
  width: 0;
}
.no-touch .button.black:hover.toggle-button {
  height: 44px;
  width: 210px;
  min-width: 0;
}
.no-touch .button.black:hover.alert-button {
  background-color: #fcf3f5;
  color: #333333;
  pointer-events: none;
}
.no-touch .button.black:hover.loading-button {
  pointer-events: none;
}
.no-touch .button.black:hover[disabled=disabled],
.no-touch .button.black:hover:disabled {
  background-color: #999999;
  border-color: #999999;
  color: #d9d9d9;
}
.no-touch .button.black:hover[disabled=disabled]:hover,
.no-touch .button.black:hover:disabled:hover {
  cursor: default !important;
  background-color: #999999 !important;
  border-color: #999999 !important;
  color: #d9d9d9 !important;
}
.no-touch .button.black:hover.mini {
  height: 44px;
  width: auto;
  padding: 0 20px;
  min-width: 200px;
}
.no-touch .button.black:hover svg {
  width: 25px;
  height: 25px;
}
.no-touch .button.black:hover * {
  margin-left: auto;
  margin-right: auto;
}
.no-touch .button.transparent:hover {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  height: 60px;
  width: 280px;
  background-color: #999999;
  border-radius: 0;
  border: 2px solid;
  border-color: #999999;
  text-transform: uppercase;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  text-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  cursor: pointer;
  letter-spacing: 0.2em;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  /* toggle buttons (nested inside .button-toggle) */
  /* smart button states */
  color: #ffffff;
}
.no-touch .button.transparent:hover:active {
  position: relative;
  top: 2px;
}
.no-touch .button.transparent:hover:active {
  position: relative;
  top: 2px;
}
.no-touch .button.transparent:hover.hidden-btn {
  opacity: 0;
  height: 0;
  width: 0;
}
.no-touch .button.transparent:hover.toggle-button {
  height: 44px;
  width: 210px;
  min-width: 0;
}
.no-touch .button.transparent:hover.alert-button {
  background-color: #fcf3f5;
  color: #333333;
  pointer-events: none;
}
.no-touch .button.transparent:hover.loading-button {
  pointer-events: none;
}
.no-touch .button.transparent:hover[disabled=disabled],
.no-touch .button.transparent:hover:disabled {
  background-color: #999999;
  border-color: #999999;
  color: #d9d9d9;
}
.no-touch .button.transparent:hover[disabled=disabled]:hover,
.no-touch .button.transparent:hover:disabled:hover {
  cursor: default !important;
  background-color: #999999 !important;
  border-color: #999999 !important;
  color: #d9d9d9 !important;
}
.no-touch .button.transparent:hover.mini {
  height: 44px;
  width: auto;
  padding: 0 20px;
  min-width: 200px;
}
.no-touch .button.transparent:hover svg {
  width: 25px;
  height: 25px;
}
.no-touch .button.transparent:hover * {
  margin-left: auto;
  margin-right: auto;
}
.no-touch .button.facebook-login-btn:hover {
  background-color: #2d4373 !important;
  color: #ffffff;
}
.no-touch .button[disabled=disabled]:hover,
.no-touch .button:disabled:hover,
.no-touch input[type="button"]:disabled:hover {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}
/* clickable */
.clickable {
  cursor: pointer;
}
.clickable:active {
  position: relative;
  top: 2px;
}
/* .placeholder(COLOR, TEXT-TRANSFORM) */
/* .transition(PROPERTY DURATION EASING); */
/* .transform(TRANSLATION); */
/* .borderbox() */
/* .calc(PROP, VAL) */
/*
	* OLDE FLEXBOXE
	* .flebox-align() aligns flex items on the vertical access
	* .align-items() is the new flexbox syntax
*/
/*
	* OLDE FLEXBOXE
	* .flebox-pack() aligns flex items on the horizontal access
	* .justify-content() is the new flexbox syntax
*/
/*// Flex Direction and Wrap
// - applies to: flex containers
// <flex-direction> || <flex-wrap>
.flex-flow(@flow) {
  -webkit-flex-flow: @flow;
     -moz-flex-flow: @flow;
      -ms-flex-flow: @flow;
          flex-flow: @flow;
}*/
/*
	* OLDE FLEXBOXE FALLBACK
	* .justify-content() is the new flexbox syntax
	* .flexbox-pack() aligns flex items on the horizontal access
*/
/*
	* OLDE FLEXBOXE FALLBACK
	* .align-items() is the new flexbox syntax
	* .flexbox-align() aligns flex items on the horizontal access
*/
/*
	* DEFAULTS
	* mobile first
*/
/* PAGE LAYOUTS */
.page-wrapper {
  /*overflow: hidden;*/
}
.page-wrapper .header {
  display: none;
}
.page-wrapper .content-wrapper {
  display: none;
}
.page-wrapper .content-wrapper .content {
  text-align: center;
}
.page-wrapper .content-wrapper .content .page-banner {
  /*.border(red);*/
}
.page-wrapper .content-wrapper .content .photo.parallax-bgimg {
  /*.border(red);*/
}
.page-wrapper .content-wrapper .content .page {
  background-color: #ffffff;
  position: relative;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 40px 0;
}
.page-wrapper .content-wrapper .content .page.fullscreen {
  width: 100%;
  min-height: calc(100vh - 80px);
  content: 'viewport-units-buggyfill; min-height: 100vh;';
  padding: 0;
}
.page-wrapper .content-wrapper .content .page.fullscreen.photo {
  background-size: cover;
}
.page-wrapper .footer {
  display: none;
}
.desktop .page-wrapper .content-wrapper .content .title,
.tablet .page-wrapper .content-wrapper .content .title,
.desktop .page-wrapper .content-wrapper .content .subtitle,
.tablet .page-wrapper .content-wrapper .content .subtitle,
.desktop .page-wrapper .content-wrapper .content .paragraph-content,
.tablet .page-wrapper .content-wrapper .content .paragraph-content {
  width: auto;
  max-width: none;
}
.desktop .page-wrapper .content-wrapper .content .page,
.tablet .page-wrapper .content-wrapper .content .page {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  height: auto;
  /*padding: @gutter*3 0;*/
}
.phone .content {
  overflow: hidden;
}
/* FLEX ROW */
.flex-row {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.phone .flex-row {
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.phone .flex-row.not-responsive {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
/* FLEX COLUMN */
.flex-col {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
/* SPANS */
.ultra-padded-full-span {
  max-width: calc(100vw - 40px);
  /*max-width: 100%;*/
  width: calc(100% - 80px);
  width: calc(100% - 20px*4);
  width: -moz-calc(100% - 20px*4);
  width: -webkit-calc(100% - 20px*4);
  width: -o-calc(100% - 20px*4);
  margin: 0 auto;
}
.padded-full-span {
  max-width: calc(100vw - 40px);
  /*max-width: 100%;*/
  width: calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  margin: 0 auto;
}
.full-span {
  max-width: calc(100vw - 40px);
  width: 100%;
}
.half-span {
  width: 100%;
}
.third-span {
  width: 100%;
}
.fourth-span {
  width: 100%;
}
.desktop .ultra-padded-full-span,
.tablet .ultra-padded-full-span {
  max-width: 600px;
}
.desktop .padded-full-span,
.tablet .padded-full-span {
  max-width: 900px;
}
.desktop .full-span,
.tablet .full-span {
  width: 100%;
}
.desktop .half-span,
.tablet .half-span {
  width: 50%;
}
.desktop .third-span,
.tablet .third-span {
  width: 33%;
}
.desktop .fourth-span,
.tablet .fourth-span {
  width: 25%;
}
/* page with multiple rows (rows can contain different spans) */
.flex-col .flex-row .third-span .third-span-section {
  margin: 20px 0;
}
.flex-col .flex-row .third-span .third-span-section .photo {
  width: 100%;
}
.flex-col .flex-row .third-span .third-span-section .paragraph-content {
  margin-top: 20px;
}
.desktop .flex-col .flex-row .third-span .third-span-section,
.tablet .flex-col .flex-row .third-span .third-span-section {
  margin: 0 20px;
}
/*
	* Typography
	* based on augmented fourth 1:1.414
*/
.helveticaneue-ultralight {
  font-family: 'HelveticaNeueW01-UltLt', sans-serif;
}
.helveticaneue-light {
  font-family: 'HelveticaNeueW01-45Ligh', sans-serif;
}
.helveticaneue-roman {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
}
.helveticaneue-heavy {
  font-family: 'HelveticaNeueW01-85Heav', sans-serif;
}
.foo-font {
  font-family: 'Helvetica Neue LT W01_65 Md';
}
.gaillard-roman {
  font-family: 'ITC Galliard W01 Roman', serif;
}
.gaillard-italic {
  font-family: 'ITC Galliard W01 Italic', serif;
}
.gaillard-bold {
  font-family: 'ITC Galliard W01 Bold', serif;
}
.gaillard-bolditalic {
  font-family: 'ITCGalliardW01-BoldItal', serif;
}
@font-face {
  font-family: 'Ogg-Italic';
  src: url(/font/Ogg-Italic.eot), url(/font/Ogg-Italic.svg), url(/font/Ogg-Italic.woff);
}
@font-face {
  font-family: 'Ogg-Roman';
  src: url(/font/Ogg-Roman.eot), url(/font/Ogg-Roman.svg), url(/font/Ogg-Roman.woff);
}
.ogg-italic {
  font-family: 'Ogg-Italic', serif;
}
.ogg-roman {
  font-family: 'Ogg-Roman', serif;
}
/*
// CircularPro
@font-face {
  font-family: 'CircularPro Book';
  src:
    url('../fonts/circularpro-book/circularpro-book.woff') format('woff2'), 				// Chrome 26+, Opera 23+
    url('../fonts/circularpro-book/circularpro-book.woff') format('woff'); 					// Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+
}
@font-face {
  font-family: 'CircularPro Medium';
  src:
    url('../fonts/circularpro-medium/circularpro-medium.woff') format('woff2'), 				// Chrome 26+, Opera 23+
    url('../fonts/circularpro-medium/circularpro-medium.woff') format('woff'); 					// Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+
}
@font-face {
  font-family: 'CircularPro Bold';
  src:
    url('../fonts/circularpro-bold/circularpro-bold.woff') format('woff2'), 				// Chrome 26+, Opera 23+
    url('../fonts/circularpro-bold/circularpro-bold.woff') format('woff'); 					// Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+
}
.circularpro-book() {
	font-family:'CircularPro Book';
}
.circularpro-book {
	.circularpro-book();
}
.circularpro-medium() {
	font-family:'CircularPro Medium';
}
.circularpro-medium {
	.circularpro-medium();
}
.circularpro-bold() {
	font-family:'CircularPro Bold';
}
.circularpro-bold {
	.circularpro-bold();
}*/
/* vars */
body {
  font-family: 'HelveticaNeueW01-45Ligh', sans-serif;
  font-size: 11px;
  line-height: 1.5;
  font-weight: normal;
}
a {
  text-decoration: none;
  color: #333333;
}
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h1 {
  font-size: 3.998em;
}
h1.huge {
  font-size: 5.998em;
}
h2 {
  font-size: 2.827em;
}
h2.serif {
  font-weight: normal;
}
h3 {
  font-size: 1.999em;
}
h4 {
  font-size: 1.3em;
}
p {
  font-size: 1em;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.bold {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
}
b {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
}
b.serif {
  font-family: 'ITC Galliard W01 Bold', serif !important;
}
.strikeout {
  text-decoration: line-through;
  margin: 0 5px;
}
.underline {
  border-bottom: 1px solid #333333;
}
.underline.onomie-blue {
  border-bottom: 1px solid #6dcff6;
}
.capitalize {
  text-transform: capitalize;
}
.serif {
  font-family: 'ITC Galliard W01 Roman', serif !important;
}
.nav-link {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  letter-spacing: 0.1em;
}
.title {
  line-height: 1;
  margin-bottom: 20px;
  letter-spacing: 0.1em;
}
/* responsive title font weight */
h1.title,
h2.title,
h3.title {
  font-family: 'HelveticaNeueW01-45Ligh', sans-serif;
}
.desktop h1.title,
.desktop h2.title,
.desktop h3.title {
  font-family: 'HelveticaNeueW01-UltLt', sans-serif;
  margin-bottom: 30px;
}
.phone h1 {
  font-size: 2.827em;
}
.phone h2 {
  font-size: 1.999em;
}
.subtitle {
  letter-spacing: 0.1em;
}
.detail-text {
  font-size: 1.2em;
}
.tab-link {
  letter-spacing: 0.1em;
}
.subtext {
  letter-spacing: 0.1em;
  font-style: italic;
  color: #999999;
}
.form-title {
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.centered {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
/*
	* !!! UPDATED TO SUPPORT TEXTAREAS
	*/
/* form spacing */
form:not(.float-label-form) input:not([type='button']):not([type='checkbox']):not([type='radio']),
form:not(.float-label-form) select,
form:not(.float-label-form) textarea,
form:not(.float-label-form) .custom-checkbox {
  margin-top: 30px;
}
.desktop form input:not([type='checkbox']):not([type='radio']),
.tablet form input:not([type='checkbox']):not([type='radio']),
.desktop form select,
.tablet form select,
.desktop form textarea,
.tablet form textarea {
  margin-right: 20px;
}
form {
  /* single input form (just one input) */
  /* forms with a single input row (amongst multiple input rows) */
}
form.single-input input:not([type='checkbox']):not([type='radio']),
form.single-input select,
form.single-input textarea {
  margin-right: 0;
}
form.single-input .button {
  margin-top: 20px;
}
form.single-input-row {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
form.single-input-row .flex-col {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.phone form {
  /* forms with a single input row (amongst multiple input rows) */
}
.phone form.single-input-row .flex-col {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
/* focus */
input:focus,
select:focus {
  box-shadow: 0 0 5px #51cbee;
}
/* autocomplete color */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/* text padding */
input:not([type='button']):not([type='submit']):not([type='checkbox']):not([type='radio']),
select {
  padding-left: 5px;
  border: 1px dashed #ff0000;
}
/* labels */
label {
  letter-spacing: 0.1em;
}
/* TEXT INPUTS */
input:not([type='button']):not([type='submit']):not([type='checkbox']):not([type='radio']) {
  font-family: 'HelveticaNeueW01-45Ligh', sans-serif;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  height: 44px;
  width: 280px;
  max-width: 300px;
  border: 3px solid;
  border-color: #f3f3f3;
  color: #333333;
  /*.helveticaneue-heavy;*/
  /*.bold;*/
  font-size: 1.3em;
  font-weight: bold;
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  letter-spacing: 0.1em;
}
textarea {
  font-family: 'HelveticaNeueW01-45Ligh', sans-serif;
  /* new font */
  font-weight: bold;
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  letter-spacing: 0.1em;
  font-size: 1.3em;
}
/* BUTTONS */
button[type='submit'] {
  border: none;
  background: rgba(255, 255, 255, 0);
  padding: 0;
}
input[type='button'] {
  /*border: 1px dashed red;*/
  /* default center */
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  /* Opera/IE 8+ */
  /* toggle buttons (nested inside .button-toggle) */
  /* smart button states */
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  color: #ffffff;
  height: 60px;
  width: 280px;
  background-color: #333333;
  border-radius: 0;
  border: 2px solid;
  border-color: #333333;
  text-transform: uppercase;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  text-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  cursor: pointer;
  letter-spacing: 0.2em;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  /* toggle buttons (nested inside .button-toggle) */
  /* smart button states */
}
input[type='button']:active {
  position: relative;
  top: 2px;
}
input[type='button']:active {
  position: relative;
  top: 2px;
}
input[type='button'].hidden-btn {
  opacity: 0;
  height: 0;
  width: 0;
}
input[type='button'].toggle-button {
  height: 44px;
  width: 210px;
  min-width: 0;
}
input[type='button'].alert-button {
  background-color: #fcf3f5;
  color: #333333;
  pointer-events: none;
}
input[type='button'].loading-button {
  pointer-events: none;
}
input[type='button'][disabled=disabled],
input[type='button']:disabled {
  background-color: #999999;
  border-color: #999999;
  color: #d9d9d9;
}
input[type='button'][disabled=disabled]:hover,
input[type='button']:disabled:hover {
  cursor: default !important;
  background-color: #999999 !important;
  border-color: #999999 !important;
  color: #d9d9d9 !important;
}
input[type='button'].mini {
  height: 44px;
  width: auto;
  padding: 0 20px;
  min-width: 200px;
}
input[type='button'] svg {
  width: 25px;
  height: 25px;
}
input[type='button'] * {
  margin-left: auto;
  margin-right: auto;
}
input[type='button']:active {
  position: relative;
  top: 2px;
}
input[type='button']:active {
  position: relative;
  top: 2px;
}
input[type='button'].hidden-btn {
  opacity: 0;
  height: 0;
  width: 0;
}
input[type='button'].toggle-button {
  height: 44px;
  width: 210px;
  min-width: 0;
}
input[type='button'].alert-button {
  background-color: #fcf3f5;
  color: #333333;
  pointer-events: none;
}
input[type='button'].loading-button {
  pointer-events: none;
}
input[type='button'][disabled=disabled],
input[type='button']:disabled {
  background-color: #999999;
  border-color: #999999;
  color: #d9d9d9;
}
input[type='button'][disabled=disabled]:hover,
input[type='button']:disabled:hover {
  cursor: default !important;
  background-color: #999999 !important;
  border-color: #999999 !important;
  color: #d9d9d9 !important;
}
input[type='button'].mini {
  height: 44px;
  width: auto;
  padding: 0 20px;
  min-width: 200px;
}
input[type='button'] svg {
  width: 25px;
  height: 25px;
}
input[type='button'] * {
  margin-left: auto;
  margin-right: auto;
}
input[type='button'].blue {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  color: #ffffff;
  height: 60px;
  width: 280px;
  background-color: #6dcff6;
  border-radius: 0;
  border: 2px solid;
  border-color: #6dcff6;
  text-transform: uppercase;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  text-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  cursor: pointer;
  letter-spacing: 0.2em;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  /* toggle buttons (nested inside .button-toggle) */
  /* smart button states */
}
input[type='button'].blue:active {
  position: relative;
  top: 2px;
}
input[type='button'].blue:active {
  position: relative;
  top: 2px;
}
input[type='button'].blue.hidden-btn {
  opacity: 0;
  height: 0;
  width: 0;
}
input[type='button'].blue.toggle-button {
  height: 44px;
  width: 210px;
  min-width: 0;
}
input[type='button'].blue.alert-button {
  background-color: #fcf3f5;
  color: #333333;
  pointer-events: none;
}
input[type='button'].blue.loading-button {
  pointer-events: none;
}
input[type='button'].blue[disabled=disabled],
input[type='button'].blue:disabled {
  background-color: #999999;
  border-color: #999999;
  color: #d9d9d9;
}
input[type='button'].blue[disabled=disabled]:hover,
input[type='button'].blue:disabled:hover {
  cursor: default !important;
  background-color: #999999 !important;
  border-color: #999999 !important;
  color: #d9d9d9 !important;
}
input[type='button'].blue.mini {
  height: 44px;
  width: auto;
  padding: 0 20px;
  min-width: 200px;
}
input[type='button'].blue svg {
  width: 25px;
  height: 25px;
}
input[type='button'].blue * {
  margin-left: auto;
  margin-right: auto;
}
input[type='button'].blue {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  color: #ffffff;
  height: 60px;
  width: 280px;
  background-color: #6dcff6;
  border-radius: 0;
  border: 2px solid;
  border-color: #6dcff6;
  text-transform: uppercase;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  text-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  cursor: pointer;
  letter-spacing: 0.2em;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  /* toggle buttons (nested inside .button-toggle) */
  /* smart button states */
}
input[type='button'].blue:active {
  position: relative;
  top: 2px;
}
input[type='button'].blue:active {
  position: relative;
  top: 2px;
}
input[type='button'].blue.hidden-btn {
  opacity: 0;
  height: 0;
  width: 0;
}
input[type='button'].blue.toggle-button {
  height: 44px;
  width: 210px;
  min-width: 0;
}
input[type='button'].blue.alert-button {
  background-color: #fcf3f5;
  color: #333333;
  pointer-events: none;
}
input[type='button'].blue.loading-button {
  pointer-events: none;
}
input[type='button'].blue[disabled=disabled],
input[type='button'].blue:disabled {
  background-color: #999999;
  border-color: #999999;
  color: #d9d9d9;
}
input[type='button'].blue[disabled=disabled]:hover,
input[type='button'].blue:disabled:hover {
  cursor: default !important;
  background-color: #999999 !important;
  border-color: #999999 !important;
  color: #d9d9d9 !important;
}
input[type='button'].blue.mini {
  height: 44px;
  width: auto;
  padding: 0 20px;
  min-width: 200px;
}
input[type='button'].blue svg {
  width: 25px;
  height: 25px;
}
input[type='button'].blue * {
  margin-left: auto;
  margin-right: auto;
}
.no-touch input[type='button']:hover {
  background-color: #999999;
  border-color: #999999;
  color: #ffffff;
}
input[type="button"]:disabled {
  background-color: #999999;
  border-color: #999999;
  color: #d9d9d9;
}
input[type="button"]:disabled:hover {
  cursor: default !important;
  background-color: #999999 !important;
  border-color: #999999 !important;
  color: #d9d9d9 !important;
}
/* RADIO (LOOKING LIKE BUTTONS ROW) */
.radio-container .button.active {
  border-color: #999999;
  background-color: #999999;
  color: #ffffff;
}
/* SQUARE CHECKBOXES & RADIOS */
.custom-checkbox,
.custom-radio {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin: 5px 0;
}
.custom-checkbox input[type="checkbox"],
.custom-radio input[type="checkbox"],
.custom-checkbox input[type="radio"],
.custom-radio input[type="radio"] {
  display: none;
}
.custom-checkbox label,
.custom-radio label {
  display: block;
}
.custom-checkbox input[type=checkbox] + label,
.custom-radio input[type=checkbox] + label,
.custom-checkbox input[type=radio] + label,
.custom-radio input[type=radio] + label {
  position: relative;
  border: 2px solid #f3f3f3;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.custom-checkbox input[type=checkbox]:checked + label:after,
.custom-radio input[type=checkbox]:checked + label:after,
.custom-checkbox input[type=radio]:checked + label:after,
.custom-radio input[type=radio]:checked + label:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 12px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  /* bug on safari with transform mixin, explitly set the rule */
  -webkit-transform: rotate(45deg);
  position: absolute;
  left: 5px;
}
.custom-checkbox .pseudo-label,
.custom-radio .pseudo-label {
  letter-spacing: 0.1em;
  margin-left: 10px;
  cursor: pointer;
  font-size: 1.3em;
}
/* RADIO BUTTONS */
/* SELECT DROPDOWNS */
select {
  border: 1px solid #111;
  background: transparent;
  width: 280px;
  max-width: 300px;
  border: 3px solid;
  border-color: #f3f3f3;
  border-radius: 0;
  height: 44px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(https://s3.amazonaws.com/onm/icons/down-arrow.png) calc(100% - 10px) no-repeat #eeeeee;
  background-size: 20px;
  padding-right: 30px;
  /* new font */
  font-weight: bold;
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  letter-spacing: 0.1em;
  font-size: 1.3em;
}
select.small-font {
  /*color: red;*/
  font-size: 10px;
}
select::-ms-expand {
  display: none;
}
.datepick-popup select {
  border: 1px dashed #ff0000;
  width: auto;
  max-width: none;
  border: none;
  height: auto;
  background: white;
  -webkit-appearance: menulist-button;
  -moz-appearance: menulist-button;
  appearance: menulist-button;
}
.datepick-popup select::-ms-expand {
  display: block;
}
/* TEXT AREA */
.float-label-container textarea {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  width: 280px;
  height: 100px;
  border: 3px solid;
  border-color: #f3f3f3;
  padding-left: 5px;
  padding-top: 10px;
}
/* FLOAT LABELS */
.float-label-form .float-label-container {
  position: relative;
}
.float-label-form .float-label-container label.float-label {
  position: absolute;
  top: 10px;
  left: 0;
  text-transform: uppercase;
  text-align: left;
  color: #999999;
  letter-spacing: 0.1em;
}
.float-label-form .float-label-container label.float-label.error-msg {
  color: #e10000;
  text-transform: capitalize;
}
.float-label-form input:not([type='button']):not([type='checkbox']):not([type='radio']),
.float-label-form select,
.float-label-form textarea,
.float-label-form .custom-checkbox {
  margin-top: 30px;
}
/* radio buttons */
.radio-buttons-row {
  -webkit-box-orient: horizontal !important;
  -webkit-flex-flow: row !important;
  -moz-flex-flow: row !important;
  -ms-flex-flow: row !important;
  flex-flow: row !important;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.square-radio-buttons {
  width: 100%;
  margin-top: 20px;
}
.square-radio-buttons .radio-buttons-row {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.square-radio-buttons .title {
  text-align: left;
  margin-bottom: 10px;
  letter-spacing: normal;
}
.square-radio-buttons input {
  display: none;
}
.square-radio-buttons input:checked + label {
  border: 2px solid #999999;
}
.square-radio-buttons label {
  cursor: pointer;
  padding: 15px;
  margin-right: 10px;
  border: 2px solid #f3f3f3;
}
.square-radio-buttons label:active {
  position: relative;
  top: 2px;
}
.square-radio-buttons label:active {
  position: relative;
  top: 2px;
}
.square-radio-buttons label:last-child {
  margin-right: 0;
}
.phone .square-radio-buttons label {
  padding: 10px;
}
/* custom select (used in product quantity) */
.custom-select {
  font-family: 'HelveticaNeueW01-45Ligh', sans-serif;
  width: 150px;
  margin-right: 20px;
  margin-top: 20px;
  padding-right: 40px;
  padding-left: 15px;
  height: 60px;
  background-color: #ffffff;
  border: 2px solid #999999;
  font-size: 1.3em;
  font-weight: bold;
}
.custom-select:focus {
  outline-width: 0;
  outline: none;
}
.custom-select:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: red transparent;
}
/*
	* swatch colors
*/
.color-swatch {
  background-color: #f3f3f3;
}
/* concealer shades */
/* highlighter shades */
/* try at home + gifted shades */
.color-400 {
  background-color: #984856 !important;
}
.color-401 {
  background-color: #bf4da5 !important;
}
.color-402 {
  background-color: #956c58 !important;
}
.color-404 { background-color: #E76B7C !important; }
.color-405 { background-color: #B96F89 !important; }
.color-406 { background-color: #D37046 !important; }
.color-410 {
  background-color: #DACCC3 !important;
}
.color-403 {
  background-color: #956c58 !important;
  background: linear-gradient(#984856, #984856 33%, #bf4da5 33%, #bf4da5 66%, #956c58 66%, #956c58 100%);
}


.color-4001 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #984856 33%, #984856 66%, #984856 66%, #984856 100%);
}
.color-4002 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #984856 33%, #984856 66%, #BF4DA5 66%, #BF4DA5 100%);
}
.color-4003 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #984856 33%, #984856 66%, #956C58 66%, #956C58 100%);
}
.color-4004 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #984856 33%, #984856 66%, #E76B7C 66%, #E76B7C 100%);
}
.color-4005 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #984856 33%, #984856 66%, #B96F89 66%, #B96F89 100%);
}
.color-4006 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #984856 33%, #984856 66%, #D37046 66%, #D37046 100%);
}
.color-4007 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #BF4DA5 33%, #BF4DA5 66%, #BF4DA5 66%, #BF4DA5 100%);
}
.color-4008 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #BF4DA5 33%, #BF4DA5 66%, #956C58 66%, #956C58 100%);
}
.color-4009 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #BF4DA5 33%, #BF4DA5 66%, #E76B7C 66%, #E76B7C 100%);
}
.color-4010 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #BF4DA5 33%, #BF4DA5 66%, #B96F89 66%, #B96F89 100%);
}
.color-4011 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #BF4DA5 33%, #BF4DA5 66%, #D37046 66%, #D37046 100%);
}
.color-4012 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #956C58 33%, #956C58 66%, #956C58 66%, #956C58 100%);
}
.color-4013 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #956C58 33%, #956C58 66%, #E76B7C 66%, #E76B7C 100%);
}
.color-4014 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #956C58 33%, #956C58 66%, #B96F89 66%, #B96F89 100%);
}
.color-4015 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #956C58 33%, #956C58 66%, #D37046 66%, #D37046 100%);
}
.color-4016 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #E76B7C 33%, #E76B7C 66%, #E76B7C 66%, #E76B7C 100%);
}
.color-4017 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #E76B7C 33%, #E76B7C 66%, #B96F89 66%, #B96F89 100%);
}
.color-4018 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #E76B7C 33%, #E76B7C 66%, #D37046 66%, #D37046 100%);
}
.color-4019 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #B96F89 33%, #B96F89 66%, #B96F89 66%, #B96F89 100%);
}
.color-4020 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #B96F89 33%, #B96F89 66%, #D37046 66%, #D37046 100%);
}
.color-4021 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 33%, #D37046 33%, #D37046 66%, #D37046 66%, #D37046 100%);
}
.color-4022 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 33%, #BF4DA5 33%, #BF4DA5 66%, #BF4DA5 66%, #BF4DA5 100%);
}
.color-4023 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 33%, #BF4DA5 33%, #BF4DA5 66%, #956C58 66%, #956C58 100%);
}
.color-4024 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 33%, #BF4DA5 33%, #BF4DA5 66%, #E76B7C 66%, #E76B7C 100%);
}
.color-4025 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 33%, #BF4DA5 33%, #BF4DA5 66%, #B96F89 66%, #B96F89 100%);
}
.color-4026 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 33%, #BF4DA5 33%, #BF4DA5 66%, #D37046 66%, #D37046 100%);
}
.color-4027 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 33%, #956C58 33%, #956C58 66%, #956C58 66%, #956C58 100%);
}
.color-4028 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 33%, #956C58 33%, #956C58 66%, #E76B7C 66%, #E76B7C 100%);
}
.color-4029 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 33%, #956C58 33%, #956C58 66%, #B96F89 66%, #B96F89 100%);
}
.color-4030 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 33%, #956C58 33%, #956C58 66%, #D37046 66%, #D37046 100%);
}
.color-4031 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 33%, #E76B7C 33%, #E76B7C 66%, #E76B7C 66%, #E76B7C 100%);
}
.color-4032 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 33%, #E76B7C 33%, #E76B7C 66%, #B96F89 66%, #B96F89 100%);
}
.color-4033 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 33%, #E76B7C 33%, #E76B7C 66%, #D37046 66%, #D37046 100%);
}
.color-4034 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 33%, #B96F89 33%, #B96F89 66%, #B96F89 66%, #B96F89 100%);
}
.color-4035 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 33%, #B96F89 33%, #B96F89 66%, #D37046 66%, #D37046 100%);
}
.color-4036 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 33%, #D37046 33%, #D37046 66%, #D37046 66%, #D37046 100%);
}
.color-4037 {
	background-color: #956C58 !important;
	background: linear-gradient(#956C58, #956C58 33%, #956C58 33%, #956C58 66%, #956C58 66%, #956C58 100%);
}
.color-4038 {
	background-color: #956C58 !important;
	background: linear-gradient(#956C58, #956C58 33%, #956C58 33%, #956C58 66%, #E76B7C 66%, #E76B7C 100%);
}
.color-4039 {
	background-color: #956C58 !important;
	background: linear-gradient(#956C58, #956C58 33%, #956C58 33%, #956C58 66%, #B96F89 66%, #B96F89 100%);
}
.color-4040 {
	background-color: #956C58 !important;
	background: linear-gradient(#956C58, #956C58 33%, #956C58 33%, #956C58 66%, #D37046 66%, #D37046 100%);
}
.color-4041 {
	background-color: #956C58 !important;
	background: linear-gradient(#956C58, #956C58 33%, #E76B7C 33%, #E76B7C 66%, #E76B7C 66%, #E76B7C 100%);
}
.color-4042 {
	background-color: #956C58 !important;
	background: linear-gradient(#956C58, #956C58 33%, #E76B7C 33%, #E76B7C 66%, #B96F89 66%, #B96F89 100%);
}
.color-4043 {
	background-color: #956C58 !important;
	background: linear-gradient(#956C58, #956C58 33%, #E76B7C 33%, #E76B7C 66%, #D37046 66%, #D37046 100%);
}
.color-4044 {
	background-color: #956C58 !important;
	background: linear-gradient(#956C58, #956C58 33%, #B96F89 33%, #B96F89 66%, #B96F89 66%, #B96F89 100%);
}
.color-4045 {
	background-color: #956C58 !important;
	background: linear-gradient(#956C58, #956C58 33%, #B96F89 33%, #B96F89 66%, #D37046 66%, #D37046 100%);
}
.color-4046 {
	background-color: #956C58 !important;
	background: linear-gradient(#956C58, #956C58 33%, #D37046 33%, #D37046 66%, #D37046 66%, #D37046 100%);
}
.color-4047 {
	background-color: #E76B7C !important;
	background: linear-gradient(#E76B7C, #E76B7C 33%, #E76B7C 33%, #E76B7C 66%, #E76B7C 66%, #E76B7C 100%);
}
.color-4048 {
	background-color: #E76B7C !important;
	background: linear-gradient(#E76B7C, #E76B7C 33%, #E76B7C 33%, #E76B7C 66%, #B96F89 66%, #B96F89 100%);
}
.color-4049 {
	background-color: #E76B7C !important;
	background: linear-gradient(#E76B7C, #E76B7C 33%, #E76B7C 33%, #E76B7C 66%, #D37046 66%, #D37046 100%);
}
.color-4050 {
	background-color: #E76B7C !important;
	background: linear-gradient(#E76B7C, #E76B7C 33%, #B96F89 33%, #B96F89 66%, #B96F89 66%, #B96F89 100%);
}
.color-4051 {
	background-color: #E76B7C !important;
	background: linear-gradient(#E76B7C, #E76B7C 33%, #B96F89 33%, #B96F89 66%, #D37046 66%, #D37046 100%);
}
.color-4052 {
	background-color: #E76B7C !important;
	background: linear-gradient(#E76B7C, #E76B7C 33%, #D37046 33%, #D37046 66%, #D37046 66%, #D37046 100%);
}
.color-4053 {
	background-color: #B96F89 !important;
	background: linear-gradient(#B96F89, #B96F89 33%, #B96F89 33%, #B96F89 66%, #B96F89 66%, #B96F89 100%);
}
.color-4054 {
	background-color: #B96F89 !important;
	background: linear-gradient(#B96F89, #B96F89 33%, #B96F89 33%, #B96F89 66%, #D37046 66%, #D37046 100%);
}
.color-4055 {
	background-color: #B96F89 !important;
	background: linear-gradient(#B96F89, #B96F89 33%, #D37046 33%, #D37046 66%, #D37046 66%, #D37046 100%);
}
.color-4056 {
	background-color: #D37046 !important;
	background: linear-gradient(#D37046, #D37046 33%, #D37046 33%, #D37046 66%, #D37046 66%, #D37046 100%);
}


// Smart Duo
.color-5001 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 50%, #984856 50%, #984856 100%);
}
.color-5002 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 50%, #BF4DA5 50%, #BF4DA5 100%);
}
.color-5003 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 50%, #956C58 50%, #956C58 100%);
}
.color-5004 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 50%, #E76B7C 50%, #E76B7C 100%);
}
.color-5005 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 50%, #B96F89 50%, #B96F89 100%);
}
.color-5006 {
	background-color: #984856 !important;
	background: linear-gradient(#984856, #984856 50%, #D37046 50%, #D37046 100%);
}
.color-5007 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 50%, #BF4DA5 50%, #BF4DA5 100%);
}
.color-5008 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 50%, #956C58 50%, #956C58 100%);
}
.color-5009 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 50%, #E76B7C 50%, #E76B7C 100%);
}
.color-5010 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 50%, #B96F89 50%, #B96F89 100%);
}
.color-5011 {
	background-color: #BF4DA5 !important;
	background: linear-gradient(#BF4DA5, #BF4DA5 50%, #D37046 50%, #D37046 100%);
}
.color-5012 {
	background-color: #956C58 !important;
	background: linear-gradient(#956C58, #956C58 50%, #956C58 50%, #956C58 100%);
}
.color-5013 {
	background-color: #956C58 !important;
	background: linear-gradient(#956C58, #956C58 50%, #E76B7C 50%, #E76B7C 100%);
}
.color-5014 {
	background-color: #956C58 !important;
	background: linear-gradient(#956C58, #956C58 50%, #B96F89 50%, #B96F89 100%);
}
.color-5015 {
	background-color: #956C58 !important;
	background: linear-gradient(#956C58, #956C58 50%, #D37046 50%, #D37046 100%);
}
.color-5016 {
	background-color: #E76B7C !important;
	background: linear-gradient(#E76B7C, #E76B7C 50%, #E76B7C 50%, #E76B7C 100%);
}
.color-5017 {
	background-color: #E76B7C !important;
	background: linear-gradient(#E76B7C, #E76B7C 50%, #B96F89 50%, #B96F89 100%);
}
.color-5018 {
	background-color: #E76B7C !important;
	background: linear-gradient(#E76B7C, #E76B7C 50%, #D37046 50%, #D37046 100%);
}
.color-5019 {
	background-color: #B96F89 !important;
	background: linear-gradient(#B96F89, #B96F89 50%, #B96F89 50%, #B96F89 100%);
}
.color-5020 {
	background-color: #B96F89 !important;
	background: linear-gradient(#B96F89, #B96F89 50%, #D37046 50%, #D37046 100%);
}
.color-5021 {
	background-color: #D37046 !important;
	background: linear-gradient(#D37046, #D37046 50%, #D37046 50%, #D37046 100%);
}



.color-200 {
  background-color: #e0b191 !important;
}
.color-205 {
  background-color: #eed2b6 !important;
}
.color-210 {
  background-color: #edcda4 !important;
}
.color-215 {
  background-color: #e3bba3 !important;
}
.color-220 {
  background-color: #e2b28b !important;
}
.color-230 {
  background-color: #d49d77 !important;
}
.color-240 {
  background-color: #cb9368 !important;
}
.color-250 {
  background-color: #bc7d57 !important;
}
.color-260 {
  background-color: #ac6b3e !important;
}
.color-270 {
  background-color: #8a4c24 !important;
}
.color-280 {
  background-color: #6e3614 !important;
}
.color-290 {
  background-color: #572f18 !important;
}
.color-100 {
  background-color: #f9d6d2 !important;
}
.color-105 {
  background-color: #dcaf85 !important;
}
.color-110 {
  background-color: #c0794b !important;
}
/* sample pack shades */
.color-900 {
  background-color: #e0b191 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-901 {
  background-color: #e0b191 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-910 {
  background-color: #edcda4 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-911 {
  background-color: #edcda4 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-920 {
  background-color: #e2b28b !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-921 {
  background-color: #e2b28b !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-930 {
  background-color: #d49d77 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-931 {
  background-color: #d49d77 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-940 {
  background-color: #cb9368 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-941 {
  background-color: #cb9368 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-950 {
  background-color: #bc7d57 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-951 {
  background-color: #bc7d57 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-960 {
  background-color: #ac6b3e !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-961 {
  background-color: #ac6b3e !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-970 {
  background-color: #8a4c24 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-971 {
  background-color: #8a4c24 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-980 {
  background-color: #6e3614 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-981 {
  background-color: #6e3614 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-990 {
  background-color: #572f18 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-991 {
  background-color: #572f18 !important;
  box-shadow: 7px 0 0 #c0794b;
}
/* duo shades */
.color-882 {
  background-color: #eed2b6 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-883 {
  background-color: #eed2b6 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-884 {
  background-color: #eed2b6 !important;
  box-shadow: 7px 0 0 #dcaf85;
}
.color-892 {
  background-color: #e3bba3 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-893 {
  background-color: #e3bba3 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-894 {
  background-color: #e3bba3 !important;
  box-shadow: 7px 0 0 #dcaf85;
}
.color-904 {
  background-color: #e0b191 !important;
  box-shadow: 7px 0 0 #dcaf85;
}
.color-924 {
  background-color: #e2b28b !important;
  box-shadow: 7px 0 0 #dcaf85;
}
.color-934 {
  background-color: #d49d77 !important;
  box-shadow: 7px 0 0 #dcaf85;
}
.color-944 {
  background-color: #cb9368 !important;
  box-shadow: 7px 0 0 #dcaf85;
}
.color-954 {
  background-color: #bc7d57 !important;
  box-shadow: 7px 0 0 #dcaf85;
}
.color-964 {
  background-color: #ac6b3e !important;
  box-shadow: 7px 0 0 #dcaf85;
}
.color-974 {
  background-color: #8a4c24 !important;
  box-shadow: 7px 0 0 #dcaf85;
}
.color-984 {
  background-color: #6e3614 !important;
  box-shadow: 7px 0 0 #dcaf85;
}
.color-994 {
  background-color: #572f18 !important;
  box-shadow: 7px 0 0 #dcaf85;
}
.color-902 {
  background-color: #e0b191 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-903 {
  background-color: #e0b191 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-912 {
  background-color: #edcda4 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-913 {
  background-color: #edcda4 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-922 {
  background-color: #e2b28b !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-923 {
  background-color: #e2b28b !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-932 {
  background-color: #d49d77 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-933 {
  background-color: #d49d77 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-942 {
  background-color: #cb9368 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-943 {
  background-color: #cb9368 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-952 {
  background-color: #bc7d57 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-953 {
  background-color: #bc7d57 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-962 {
  background-color: #ac6b3e !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-963 {
  background-color: #ac6b3e !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-972 {
  background-color: #8a4c24 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-973 {
  background-color: #8a4c24 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-982 {
  background-color: #6e3614 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-983 {
  background-color: #6e3614 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.color-992 {
  background-color: #572f18 !important;
  box-shadow: 7px 0 0 #f9d6d2;
}
.color-993 {
  background-color: #572f18 !important;
  box-shadow: 7px 0 0 #c0794b;
}
/* referral 2 free highlighters */
.color-100-color-110 {
  background-color: #f9d6d2 !important;
  box-shadow: 7px 0 0 #c0794b;
}
.onomie-blue {
  color: #6dcff6;
}
.onomie-blue h1,
.onomie-blue h2,
.onomie-blue h3,
.onomie-blue h4,
.onomie-blue p {
  color: #6dcff6;
}
.onomie-blue svg path,
.onomie-blue svg line,
.onomie-blue svg polygon,
.onomie-blue svg rect,
.onomie-blue svg stroke,
.onomie-blue svg circle,
.onomie-blue svg polyline {
  /*fill: @onomie_blue;*/
  stroke: #6dcff6;
}
.onomie-pink-bg {
  background-color: #fcf3f5;
}
.light-grey {
  color: #f3f3f3;
}
.light-grey h1,
.light-grey h2,
.light-grey h3,
.light-grey h4,
.light-grey p {
  color: #f3f3f3;
}
.light-grey svg path,
.light-grey svg line,
.light-grey svg polygon,
.light-grey svg rect,
.light-grey svg stroke,
.light-grey svg circle,
.light-grey svg polyline {
  fill: #f3f3f3;
  stroke: #f3f3f3;
}
.light-grey h1,
.light-grey h2,
.light-grey h3,
.light-grey h4,
.light-grey p {
  color: #f3f3f3;
}
.light-grey svg path,
.light-grey svg line,
.light-grey svg polygon,
.light-grey svg rect,
.light-grey svg stroke,
.light-grey svg circle,
.light-grey svg polyline {
  fill: #f3f3f3;
  stroke: #f3f3f3;
}
.light-grey h1,
.light-grey h2,
.light-grey h3,
.light-grey h4,
.light-grey p {
  color: #f3f3f3;
}
.light-grey svg path,
.light-grey svg line,
.light-grey svg polygon,
.light-grey svg rect,
.light-grey svg stroke,
.light-grey svg circle,
.light-grey svg polyline {
  fill: #f3f3f3;
  stroke: #f3f3f3;
}
.light-grey h1,
.light-grey h2,
.light-grey h3,
.light-grey h4,
.light-grey p {
  color: #f3f3f3;
}
.light-grey svg path,
.light-grey svg line,
.light-grey svg polygon,
.light-grey svg rect,
.light-grey svg stroke,
.light-grey svg circle,
.light-grey svg polyline {
  fill: #f3f3f3;
  stroke: #f3f3f3;
}
.white h1,
.white h2,
.white h3,
.white h4,
.white p,
.white a {
  color: #ffffff;
}
.white svg path,
.white svg line,
.white svg polygon,
.white svg rect,
.white svg stroke,
.white svg circle,
.white svg polyline {
  fill: #ffffff;
  stroke: #ffffff;
}
.white.button {
  background-color: #ffffff;
  color: #333333;
}
.no-touch .white.button {
  background-color: #ffffff;
  color: #333333;
}
.no-touch .white.button:hover {
  background: #fcf3f5;
  color: #ffffff;
}
.black {
  color: #333333;
}
.black h1,
.black h2,
.black h3,
.black h4,
.black p,
.black a {
  color: #333333;
}
.black svg path,
.black svg line,
.black svg polygon,
.black svg rect,
.black svg stroke,
.black svg circle,
.black svg polyline {
  fill: #333333;
  stroke: #333333;
}
.black-outline svg path,
.black-outline svg line,
.black-outline svg polygon,
.black-outline svg rect,
.black-outline svg stroke,
.black-outline svg circle,
.black-outline svg polyline {
  stroke: #333333;
}
.light-grey {
  color: #f3f3f3;
}
.light-grey h1,
.light-grey h2,
.light-grey h3,
.light-grey h4,
.light-grey p {
  color: #f3f3f3;
}
.light-grey svg path,
.light-grey svg line,
.light-grey svg polygon,
.light-grey svg rect,
.light-grey svg stroke,
.light-grey svg circle,
.light-grey svg polyline {
  fill: #f3f3f3;
  stroke: #f3f3f3;
}
.light-grey h1,
.light-grey h2,
.light-grey h3,
.light-grey h4,
.light-grey p {
  color: #f3f3f3;
}
.light-grey svg path,
.light-grey svg line,
.light-grey svg polygon,
.light-grey svg rect,
.light-grey svg stroke,
.light-grey svg circle,
.light-grey svg polyline {
  fill: #f3f3f3;
  stroke: #f3f3f3;
}
.light-grey h1,
.light-grey h2,
.light-grey h3,
.light-grey h4,
.light-grey p {
  color: #f3f3f3;
}
.light-grey svg path,
.light-grey svg line,
.light-grey svg polygon,
.light-grey svg rect,
.light-grey svg stroke,
.light-grey svg circle,
.light-grey svg polyline {
  fill: #f3f3f3;
  stroke: #f3f3f3;
}
.light-grey h1,
.light-grey h2,
.light-grey h3,
.light-grey h4,
.light-grey p {
  color: #f3f3f3;
}
.light-grey svg path,
.light-grey svg line,
.light-grey svg polygon,
.light-grey svg rect,
.light-grey svg stroke,
.light-grey svg circle,
.light-grey svg polyline {
  fill: #f3f3f3;
  stroke: #f3f3f3;
}
.dark-grey {
  color: #999999;
}
.dark-grey h1,
.dark-grey h2,
.dark-grey h3,
.dark-grey h4,
.dark-grey p {
  color: #999999;
}
.dark-grey svg path,
.dark-grey svg line,
.dark-grey svg polygon,
.dark-grey svg rect,
.dark-grey svg stroke,
.dark-grey svg circle,
.dark-grey svg polyline {
  fill: #999999;
  stroke: #999999;
}
.dark-grey-outline svg path,
.dark-grey-outline svg line,
.dark-grey-outline svg polygon,
.dark-grey-outline svg rect,
.dark-grey-outline svg stroke,
.dark-grey-outline svg circle,
.dark-grey-outline svg polyline {
  stroke: #999999;
}
/*
	* Source:
	* http://css-tricks.com/responsive-data-tables/
*/
/*.mobile-layout {
	// Force table to not be like tables anymore
	table, thead, tbody, th, td, tr {
		display: block;
	}

	// Hide table headers (but not display: none;, for accessibility)
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; }

	td {
		// Behave  like a "row"
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: @gutter*2;
	}

	td:before {
		// Now like a table header
		position: absolute;
		// Top/left values mimic padding
		top: 15px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		// font-weight: bold;
	}
}

.desktop-layout {
	body {
		padding: 0;
		margin: 0;
		width: 320px;
	}
}*/
.flash-message {
  position: fixed;
  z-index: 1000;
  /*top: @min_header_height;*/
  top: 20px;
  left: calc(50% - 150px);
  width: 300px;
  background-color: #fcf3f5;
  padding: 20px 0;
}
.flash-message .flash-message-close {
  margin: 0 20px;
}
.flash-message .flash-message-text {
  display: inline-block;
  text-align: center;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  letter-spacing: 0.1em;
}
.flash-message .flash-message-text.error {
  color: red;
}
.flash-message .flash-message-text a {
  color: #6dcff6;
  margin-left: 6px;
}
.desktop .flash-message {
  width: 900px;
  left: calc(50% - 450px);
}
.black-spinner {
  background: url('https://s3.amazonaws.com/onm/loaders/black-spinner.gif');
  background-repeat: no-repeat;
  width: 33px;
  height: 33px;
}
.image-loader {
  max-width: 100vw;
  width: 100%;
  background: #ffffff;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  /*min-height: 500px;			// !!! how to get dimensions of an image hasn't loaded yet...? -ks*/
  /*padding: @gutter;*/
}
.image-loader .onomie-logo svg {
  width: 100px;
  height: 44px;
}
.page-loader {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  background: #ffffff;
  opacity: 0.75;
}
.page-loader .image-loader {
  margin-bottom: 20px;
}
.page-loader .image-loader svg {
  max-width: 300px;
  max-height: 80px;
}
.header-loader {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.header-loader .onomie-logo svg {
  height: 60px;
  width: 150px;
}
/*
	* CUSTOM HIDE HORIZONTAL SCROLLBAR STUFF for slideshow
*/
/* non webkit enabled browsers requires some overflow hacks to hide */
/*.product-product {
	overflow-x: hidden;			// do we need this?
}*/
/* slideshow */
.slideshow-content-container {
  max-width: 100vw;
  width: calc(100% - 40px);
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 20px 0;
}
.slideshow-content-container .slideshow-container {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  /* hide scroll bars for webkit enabled browsers */
}
.slideshow-content-container .slideshow-container::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.slideshow-content-container .slideshow-container .slideshow {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 10px !important;
}
.slideshow-content-container .slideshow-container .slideshow#SelectConcealer {
  margin-bottom: 40px;
}
.slideshow-content-container .slideshow-container .slideshow#RecommendedHighlighter {
  margin-bottom: 40px;
}
.slideshow-content-container .slideshow-container .slideshow .slide {
  margin: 0 10px;
}
.slideshow-content-container .slideshow-container .slideshow .slide a {
  display: block;
}
.slideshow-content-container .slideshow-container .slideshow .slide .photo {
  background-size: cover;
  background-position: 50%;
}
.slideshow-content-container .slideshow-container .slideshow .slide .image-loader .photo {
  width: auto !important;
}
.slideshow-content-container .slideshow-crumbs {
  position: absolute;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}
.slideshow-content-container .slideshow-crumbs .circle {
  background-color: #999999;
  margin: 0 5px;
  cursor: pointer;
}
.slideshow-content-container .slideshow-crumbs .circle:active {
  position: relative;
  top: 2px;
}
.slideshow-content-container .slideshow-crumbs .circle:active {
  position: relative;
  top: 2px;
}
.slideshow-content-container .slideshow-crumbs .circle.active {
  background-color: #333333;
}
.slideshow-left,
.slideshow-right {
  cursor: pointer;
  position: absolute;
  top: calc(50% - 22px);
  z-index: 10;
}
.slideshow-left svg,
.slideshow-right svg {
  width: 44px;
  height: 44px;
  fill: #999999;
}
.slideshow-left {
  left: 20px;
}
.slideshow-right {
  right: 20px;
}
.phone .slideshow-content-container .slideshow-container .slideshow {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.phone .slideshow-content-container .slideshow-container .slideshow .slide {
  max-width: calc(100vw - 40px);
}
.phone .slideshow-content-container .slideshow-container .slideshow .slide .photo,
.phone .slideshow-content-container .slideshow-container .slideshow .slide .photo-container {
  width: calc(100vw - 40px);
}
.phone .slideshow-content-container .slideshow-crumbs {
  /*border: 1px dashed red;*/
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flexbox !important;
  display: -ms-flex !important;
  display: flex !important;
  /* default center */
  -webkit-box-pack: center !important;
  -moz-box-pack: center !important;
  -ms-flex-pack: center !important;
  box-pack: center !important;
  -webkit-justify-content: center !important;
  -moz-justify-content: center !important;
  -ms-justify-content: center !important;
  justify-content: center !important;
  -webkit-box-align: center !important;
  -moz-box-align: center !important;
  -ms-flex-align: center !important;
  box-align: center !important;
  -webkit-align-items: center !important;
  -moz-align-items: center !important;
  -ms-align-items: center !important;
  align-items: center !important;
  width: 100%;
}
.phone .slideshow-content-container .slideshow-crumbs .circle {
  background-color: #999999;
  margin: 0 5px;
  cursor: pointer;
}
.phone .slideshow-content-container .slideshow-crumbs .circle:active {
  position: relative;
  top: 2px;
}
.phone .slideshow-content-container .slideshow-crumbs .circle:active {
  position: relative;
  top: 2px;
}
.phone .slideshow-content-container .slideshow-crumbs .circle.active {
  background-color: #333333;
}
/* container */
.slick-slideshow {
  padding-bottom: 20px;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  /*height: 100%;*/
  height: auto;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/*@slick-font-path: "./fonts/";*/
/*@slick-font-family: "slick";*/
/* Slider */
.slick-loading .slick-list {
  /*background: #fff url('@{slick-loader-path}ajax-loader.gif') center center no-repeat;*/
}
/* Icons */
/*@font-face{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('@{slick-font-path}slick.eot');
    src: url('@{slick-font-path}slick.eot?#iefix') format('embedded-opentype'), url('@{slick-font-path}slick.woff') format('woff'), url('@{slick-font-path}slick.ttf') format('truetype'), url('@{slick-font-path}slick.svg#slick') format('svg');
}*/
/* Arrows */
.slick-prev,
.slick-next {
  z-index: 10;
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: #999999;
  color: #ffffff;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  /*    &:hover, &:focus {
        outline: none;
        background: transparent;
        color: transparent;
        &:before {
            opacity: @slick-opacity-on-hover;
        }
    }*/
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  opacity: 0.25;
  cursor: default;
}
.slick-prev:before,
.slick-next:before {
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
}
.slick-prev {
  left: 20px;
}
.slick-prev[dir="rtl"] {
  left: auto;
  right: 20px;
}
.slick-prev:before {
  /*content: @slick-prev-character;*/
  content: url(https://s3.amazonaws.com/onm/icons/white-left-arrow.svg);
  /*margin-top: 2px;*/
  /*margin-right: 5px;*/
  top: 9.5px;
  left: 5px;
}
.slick-prev:before[dir="rtl"] {
  content: "\25B6 \FE0E";
}
.slick-next {
  right: 20px;
}
.slick-next[dir="rtl"] {
  left: 20px;
  right: auto;
}
.slick-next:before {
  /*content: @slick-next-character;*/
  content: url(https://s3.amazonaws.com/onm/icons/white-right-arrow.svg);
  /*margin-top: 2px;*/
  /*margin-left: 5px;*/
  top: 9.5px;
  right: 5px;
}
.slick-next:before[dir="rtl"] {
  content: "\25C0 \FE0E";
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -20px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  /*font-family: @slick-font-family;*/
  font-size: 25px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #000000;
  opacity: 1;
}
#habla_window_div {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif !important;
}
#habla_window_div.olrk-fixed-bottom .habla_panel_border,
#habla_window_div.olrk-fixed-bottom #habla_topbar_div {
  border-radius: 0 !important;
}
#habla_window_div input[type=submit],
#habla_window_div_base button {
  border-radius: 0 !important;
}
#habla_window_div #habla_name_input,
#habla_window_div #habla_offline_email_input,
#habla_window_div #habla_offline_body_input,
#habla_window_div #habla_pre_chat_name_input,
#habla_window_div #habla_pre_chat_email_input,
#habla_window_div #habla_pre_chat_phone_input,
#habla_window_div #habla_offline_phone_input,
#habla_window_div #habla_pre_chat_phone_input {
  border-radius: 0 !important;
  padding: 0 !important;
}
/* olark trigger */
.olark-trigger {
  z-index: 10;
  border: 1px solid #f3f3f3;
  background-color: #ffffff;
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 20px;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical !important;
  -webkit-flex-flow: column !important;
  -moz-flex-flow: column !important;
  -ms-flex-flow: column !important;
  flex-flow: column !important;
}
.olark-trigger .olark-intro {
  margin-bottom: 10px;
}
.olark-trigger .button,
.back-to-top .button,
.back-to-top-b .button,
.back-to-top-c .button {
  max-width: 220px;
}
/*
	* Select Concealer, Recommended Highlighter
	* Get A Sample page
	* Eye Essentials Duo Product page
*/
.flex-row#SelectConcealer {
  margin-bottom: 40px;
}
.flex-row#RecommendedHighlighter {
  margin-bottom: 40px;
}
/* generic circular color swatch */
.color-swatch.circle {
  background-color: #f3f3f3;
  /*.circle(30px);*/
  width: 30px;
  height: 30px;
  border-radius: 0;
}
/* global color name */
.color-name {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  letter-spacing: 0.1em;
  padding: 10px 0;
  text-transform: capitalize;
}
/* color selectors */
.color-selector {
  width: 100%;
  /*
		* SWATCH CONTAINER
	*/
  /* global individual swatch */
}
.color-selector .paragraph-content {
  color: #999999;
}
.color-selector .swatch-container {
  /*
			* SWATCH CONTAINER STYLES
		*/
  /* swatches laid out in a circle */
  /* swatches laid out in a line (no .color-smear) */
  /* can select 2 swatches to compare w/in .color-comparer */
  /* get a sample & eye essentials duo swatch container */
  /*
			* COLOR SWATCH STYLES
		*/
  /* individual swatch within a container */
  /* circle swatches */
  /* rectangular swatches */
  /* square swatches */
}
.color-selector .swatch-container.circle-container {
  display: block;
  position: relative;
  border-radius: 50%;
  margin: 0 auto;
  /* center of circle .color-smear */
}
.color-selector .swatch-container.circle-container li {
  margin: 0;
}
.color-selector .swatch-container.circle-container .color-swatch {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.color-selector .swatch-container.circle-container .color-smear {
  display: block;
  position: absolute;
  top: 40px;
  left: 25px;
  width: 125px !important;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.color-selector .swatch-container.line-container {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.color-selector .swatch-container.gift-adjacent-colors .color-swatch .your-shade,
.color-selector .swatch-container.select-concealer-recommend-highlighter .color-swatch .your-shade,
.color-selector .swatch-container.gift-adjacent-colors .color-swatch .gifted-shade,
.color-selector .swatch-container.select-concealer-recommend-highlighter .color-swatch .gifted-shade {
  position: absolute;
  padding: 10px 0;
  top: 0;
  left: 0;
  width: 100%;
}
.color-selector .swatch-container.gift-adjacent-colors .color-swatch .your-shade,
.color-selector .swatch-container.select-concealer-recommend-highlighter .color-swatch .your-shade {
  background-color: #333333;
  color: #ffffff;
}
.color-selector .swatch-container.recommended-highlighter .color-swatch .recommended-shade,
.color-selector .swatch-container.recommended-highlighter .color-swatch .selected-shade {
  position: absolute;
  padding: 10px 0;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #333333;
  color: #ffffff;
}
.color-selector .swatch-container .color-swatch .color-smear {
  max-width: 200px;
  width: calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  height: 120px;
}
.color-selector .swatch-container.circle-swatches.line-container li {
  margin-right: 20px;
}
.color-selector .swatch-container.circle-swatches .color-swatch {
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
.color-selector .swatch-container.circle-swatches .color-swatch.active {
  border-radius: 15px;
}
.color-selector .swatch-container.rectangle-swatches li {
  margin: 5px;
}
.color-selector .swatch-container.rectangle-swatches .color-swatch {
  width: 80px;
  height: 150px;
}
.color-selector .swatch-container.rectangle-swatches .color-swatch .color-smear {
  /*margin-top: @gutter;*/
}
.color-selector .swatch-container.square-swatches li {
  margin: 0;
}
.color-selector .swatch-container.square-swatches .color-swatch {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  padding: 10px;
  max-width: 200px;
  max-height: 200px;
}
.color-selector .color-swatch {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  cursor: pointer;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  position: relative;
}
.color-selector .color-swatch:active {
  position: relative;
  top: 2px;
}
.color-selector .color-swatch:active {
  position: relative;
  top: 2px;
}
.color-selector .color-swatch input[type='radio'] {
  /*display: none;*/
}
.color-selector .color-swatch.active {
  border: 5px solid #333333;
}
.color-selector .color-swatch.gifted {
  border: 2.5px solid #333333;
}
/* side-by-side color comparer */
.color-comparer,
.color-comparer-static {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.color-comparer .color-comparison,
.color-comparer-static .color-comparison {
  /*.clickable();*/
}
.color-comparer .color-comparison .color-name,
.color-comparer-static .color-comparison .color-name {
  letter-spacing: 0.1em;
  text-transform: capitalize;
  padding: 10px 0;
  /*background-color: @light_grey;*/
  position: relative;
  z-index: 10;
}
.color-comparer .color-comparison .color-description,
.color-comparer-static .color-comparison .color-description {
  color: #999999;
}
.color-comparer .color-comparison .color-swatch,
.color-comparer-static .color-comparison .color-swatch {
  /*.border(red);*/
  /*cursor: pointer;*/
  width: 100%;
  /*height: 240px;*/
}
.color-comparer .color-comparison .color-swatch .color-smear,
.color-comparer-static .color-comparison .color-swatch .color-smear {
  /*height: 100%;*/
  width: auto;
  max-width: 300px;
  margin-top: 20px;
}
.color-comparer .color-comparison .color-swatch .overlay,
.color-comparer-static .color-comparison .color-swatch .overlay {
  opacity: 0;
  background-color: #fcf3f5;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.color-comparer .color-comparison .color-swatch .overlay .color-description,
.color-comparer-static .color-comparison .color-swatch .overlay .color-description {
  width: calc(100% - 40px);
  max-width: 300px;
}
.no-touch .color-selector.circle-swatches .color-swatch:hover {
  border: 5px solid #999999;
  border-radius: 15px;
}
.no-touch .color-selector.rectangle-swatches .color-swatch:hover {
  border: 5px solid #999999;
}
.tablet .color-selector {
  max-width: 700px;
  margin: 0 auto;
  /*
			* SWATCH CONTAINER
		*/
}
.tablet .color-selector .swatch-container {
  /* rectangular swatches */
}
.tablet .color-selector .swatch-container.rectangle-swatches .color-swatch {
  width: 80px;
  /*max-width: 60px;*/
  height: auto;
}
.tablet .color-selector .swatch-container.rectangle-swatches .color-swatch .color-smear {
  /*max-height: 80px;*/
}
.phone {
  /* ACE + BCE Shade Finder (2 or 10) && Try At Home Concealer Selector (10) && Healthy Skin Service select concealer */
  /* side-by-side color comparer */
}
.phone .color-selector .swatch-container {
  /* 10 shades in row (Try At Home, Concealer Selector && BCE Shade Finder */
}
.phone .color-selector .swatch-container.gift-adjacent-colors .color-swatch.active,
.phone .color-selector .swatch-container.comparer-selector .color-swatch.active,
.phone .color-selector .swatch-container.gift-adjacent-colors .color-swatch.gifted,
.phone .color-selector .swatch-container.comparer-selector .color-swatch.gifted {
  width: 100%;
}
.phone .color-selector .swatch-container.gift-adjacent-colors .color-swatch.active .color-name,
.phone .color-selector .swatch-container.comparer-selector .color-swatch.active .color-name,
.phone .color-selector .swatch-container.gift-adjacent-colors .color-swatch.gifted .color-name,
.phone .color-selector .swatch-container.comparer-selector .color-swatch.gifted .color-name,
.phone .color-selector .swatch-container.gift-adjacent-colors .color-swatch.active .color-smear,
.phone .color-selector .swatch-container.comparer-selector .color-swatch.active .color-smear,
.phone .color-selector .swatch-container.gift-adjacent-colors .color-swatch.gifted .color-smear,
.phone .color-selector .swatch-container.comparer-selector .color-swatch.gifted .color-smear {
  display: block;
}
.phone .color-selector .swatch-container.rectangle-swatches li .color-name {
  /*display: none;*/
}
.phone .color-selector .swatch-container.circle-container {
  margin: 40px auto;
}
.phone .color-selector .swatch-container.line-container {
  margin: 20px auto;
}
.phone .responsive-rows-container.swatch-container {
  /* set in GEMCommon.setLayout() */
}
.phone .responsive-rows-container.swatch-container li .color-swatch {
  width: auto;
  height: auto;
  background-color: rgba(0, 0, 0, 0) !important;
}
.phone .responsive-rows-container.swatch-container li .color-swatch .color-smear {
  /*width: 100%;*/
  width: auto;
  /*.border(green);*/
}
.phone .responsive-rows-container.swatch-container .mobile-row-container {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.phone .responsive-rows-container.swatch-container .top-row,
.phone .responsive-rows-container.swatch-container .bottom-row {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.phone .responsive-rows-container.swatch-container .top-row {
  /*.border(red);*/
}
.phone .responsive-rows-container.swatch-container .bottom-row {
  /*.border(green);*/
}
.phone .responsive-rows-container .color-comparer .half-span {
  width: 50%;
}
.phone .color-comparer .color-smear,
.phone .color-comparison .color-smear {
  width: 100% !important;
}
.phone .color-comparer .color-comparison .color-swatch .color-smear,
.phone .color-comparer-static .color-comparison .color-swatch .color-smear {
  max-width: 150px;
}
/* 04-24-2015 design change (no panatone background to shade finders or sample program selectors) */
#ShadeFinder .color-swatch,
#SelectConcealer .color-swatch,
#RecommendedHighlighter .color-swatch {
  background-color: rgba(255, 255, 255, 0) !important;
  box-shadow: none !important;
}
#ShadeFinder .color-name-container,
#SelectConcealer .color-name-container,
#RecommendedHighlighter .color-name-container {
  margin-bottom: 10px;
}
#ShadeFinder .color-name-container .color-name-description,
#SelectConcealer .color-name-container .color-name-description,
#RecommendedHighlighter .color-name-container .color-name-description {
  color: #999999;
}
.desktop #ShadeFinder .color-name-container,
.tablet #ShadeFinder .color-name-container,
.desktop #SelectConcealer .color-name-container,
.tablet #SelectConcealer .color-name-container,
.desktop #RecommendedHighlighter .color-name-container,
.tablet #RecommendedHighlighter .color-name-container {
  margin-top: 20px;
}
.desktop #ShadeFinder .color-name-container .color-name,
.tablet #ShadeFinder .color-name-container .color-name,
.desktop #SelectConcealer .color-name-container .color-name,
.tablet #SelectConcealer .color-name-container .color-name,
.desktop #RecommendedHighlighter .color-name-container .color-name,
.tablet #RecommendedHighlighter .color-name-container .color-name {
  display: inline-block;
}
.desktop #ShadeFinder .color-name-container .color-name-description,
.tablet #ShadeFinder .color-name-container .color-name-description,
.desktop #SelectConcealer .color-name-container .color-name-description,
.tablet #SelectConcealer .color-name-container .color-name-description,
.desktop #RecommendedHighlighter .color-name-container .color-name-description,
.tablet #RecommendedHighlighter .color-name-container .color-name-description {
  margin-left: 5px;
  display: inline-block;
}
.swatch-container li .color-swatch {
  border: none;
}
.swatch-container li.active .color-swatch {
  border: 5px solid #333333;
}
.swatch-container li.gifted .color-swatch {
  border: 5px solid #d9d9d9;
}
/* modals */
.static-modal {
  padding: 20px;
  color: #333333;
}
.static-modal .modal-content {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.desktop {
  /*	.modal {
		padding: @gutter*2;
	}*/
}
.desktop .static-modal {
  max-width: calc(100% - 100px);
}
.fixed-modal {
  position: fixed;
  z-index: 1000;
  padding: 20px;
}
.fixed-modal .close-icon {
  cursor: pointer;
}
.fixed-modal.smallscreen {
  top: 20px;
  margin-bottom: 20px;
  width: auto;
  max-width: calc(100vw - 60px);
  height: auto;
  background-color: #ffffff;
  color: #333333;
}
.fixed-modal.fullscreen {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333333;
  color: #ffffff;
}
.fixed-modal.ipsy-entry-modal {
  height: calc(100vh - 60px);
  background-image: url('https://s3.amazonaws.com/onm/modals/ipsy-modal-mobile.png');
  background-size: cover;
}
.fixed-modal.ipsy-entry-modal .subtitle-lead {
  /*border: 1px dashed red;*/
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.1em;
}
.fixed-modal.ipsy-entry-modal #IpsyModal {
  max-width: calc(100vw - 40px);
}
.fixed-modal.onomie-entry-modal {
  max-width: calc(100vw - 20px);
  background-position: 100%;
  background-image: url('https://s3.amazonaws.com/onm/modals/entry-modal-mobile.png');
  background-size: cover;
}
.fixed-modal.onomie-entry-modal #MainTitle .onomie-logo svg {
  height: 40px;
  width: 150px;
}
.fixed-modal.onomie-entry-modal #IconRow {
  text-align: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  width: 400px;
  max-width: calc(100vw - 40px);
}
.fixed-modal.onomie-entry-modal #IconRow .third-span {
  margin: 0 10px;
}
.fixed-modal.onomie-entry-modal #IconRow .third-span .title {
  margin-bottom: 0;
}
.fixed-modal.onomie-entry-modal #IconRow .math-icon {
  margin-top: 20px;
}
.fixed-modal.onomie-entry-modal #JoinNewsletterModal {
  text-align: center;
  width: 100%;
}
.fixed-modal.onomie-entry-modal #JoinNewsletterModal.showroom-popup h1 {
  line-height: 1.5em;
}
.fixed-modal.onomie-entry-modal #JoinNewsletterModal.showroom-popup h3 {
  margin-bottom: 20px;
}
.fixed-modal.onomie-entry-modal #JoinNewsletterModal.showroom-popup .button {
  margin: 40px auto 0;
}
.fixed-modal.onomie-entry-modal #NoThanks {
  margin-top: 20px;
  text-decoration: underline;
  cursor: pointer;
}
.fixed-modal.presale-signup-modal {
  /*		background-color: @onomie_pink;
		background-image: url('https://s3.amazonaws.com/onm/ingredients/chamomile.png');
		background-size: 40%;
		background-repeat: no-repeat;
		background-position: -27% 123%;*/
}
.fixed-modal.presale-signup-modal img {
  margin-bottom: 10px;
}
.fixed-modal .modal-content {
  padding: 20px 0;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.fixed-modal .modal-content svg {
  max-width: calc(100vw - 40px);
}
.fixed-modal .modal-content .title {
  /*.uppercase();*/
  /*text-transform: capitalize;*/
}
.fixed-modal .modal-content .subtitle {
  /*padding: 0 16%;*/
  text-align: center;
  width: 400px;
  max-width: calc(100vw - 40px);
}
.fixed-modal .modal-content .subtitle.subtitle-lead {
  margin-bottom: 1em;
}
.fixed-modal .modal-content .paragraph-content {
  max-width: 300px;
}
.fixed-modal .modal-content .video {
  margin: 20px;
}
.fixed-modal .modal-content#HolidayShippingModal {
  /*.align-items(flex-start);*/
}
.fixed-modal.shade-translator {
  overflow-y: auto;
}
.desktop .fixed-modal.onomie-entry-modal {
  min-width: 1000px;
  max-width: 80vw;
  background-position: 50%;
  background-image: url('https://s3.amazonaws.com/onm/modals/entry-modal.png');
  width: 880px;
  max-width: 90vw;
}
.desktop .fixed-modal.showroom-popup {
  background: #ffffff;
  height: auto !important;
}
.desktop .fixed-modal.showroom-popup:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  background-image: url('https://s3.amazonaws.com/onm/modals/showroom.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.desktop .fixed-modal #JoinNewsletterModal {
  width: 65%;
  margin-left: 35%;
}
.desktop .fixed-modal #JoinNewsletterModal.showroom-popup {
  width: 50%;
  margin-left: 50%;
  max-width: 500px;
}
.desktop .fixed-modal.ipsy-entry-modal,
.tablet .fixed-modal.ipsy-entry-modal {
  height: auto;
  width: 900px;
  max-width: calc(100vw - 40px);
  background-image: url('https://s3.amazonaws.com/onm/modals/ipsy-modal.png');
}
.desktop .fixed-modal.ipsy-entry-modal .modal-content,
.tablet .fixed-modal.ipsy-entry-modal .modal-content {
  width: 70%;
  float: right;
}
.phone .fixed-modal.showroom-popup {
  background: #fcf3f5 !important;
  height: auto !important;
}
.tablet .fixed-modal.showroom-popup {
  background: #fcf3f5 !important;
  height: auto !important;
}
.datepick-nav {
  background-color: #999999;
  padding: 5px 0;
}
.datepick-month-header {
  padding: 5px 0;
  background-color: #ffffff;
}
.datepick-month-header select {
  background: white;
}
.datepick-ctrl {
  background-color: #999999;
  padding: 5px 0;
}
.datepick-month {
  width: 280px !important;
  border-color: #333333;
}
.datepick-month tbody td {
  width: 20px;
  height: 30px;
}
.datepick-month tbody td a {
  height: 100%;
  padding-top: 8px;
}
.datepick-other-month {
  height: 100%;
}
.IE {
  /*
		* mixins
	*/
  /*
		* Layout
	*/
  /*
		Header
	*/
  /*
		* Color Selectors
	*/
  /*
		* Slideshows
	*/
  /* Before / After */
  /*
		* Try at Home
	*/
  /*
		* Our Story
	*/
  /*
		* Footer
	*/
  /* Custom Checkboxes */
  /*
		IE with no flexbox support
	*/
}
.IE .button {
  min-width: 280px;
}
.IE .ultra-padded-full-span {
  margin: 0;
}
.IE .padded-full-span {
  display: block;
  margin: 0;
}
.IE .third-span {
  display: inline-block !important;
  margin: 0;
}
.IE .fourth-span .flex-col {
  display: inline-block !important;
}
.IE .header .third-span {
  /*border: 1px dashed red;*/
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flexbox !important;
  display: -ms-flex !important;
  display: flex !important;
  /* default center */
  -webkit-box-pack: center !important;
  -moz-box-pack: center !important;
  -ms-flex-pack: center !important;
  box-pack: center !important;
  -webkit-justify-content: center !important;
  -moz-justify-content: center !important;
  -ms-justify-content: center !important;
  justify-content: center !important;
  -webkit-box-align: center !important;
  -moz-box-align: center !important;
  -ms-flex-align: center !important;
  box-align: center !important;
  -webkit-align-items: center !important;
  -moz-align-items: center !important;
  -ms-align-items: center !important;
  align-items: center !important;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.IE .header #MainNav #HeaderLogo {
  display: inline-block;
}
.IE .header #MainNav a {
  display: inline-block;
}
.IE .slideout-bag .bag-item-container {
  width: 300px;
}
.IE .slideout-bag .bag-item-container .bag-item-name {
  width: 200px;
}
.IE .slideout-bag .bag-item-container .bag-item-totals {
  width: 200px;
}
.IE .color-swatch .color-smear {
  width: 80px;
  height: 180px;
}
.IE .slideshow-col .flex-row {
  margin: 0 auto;
}
.IE .before-after-sliders-row .flex-col {
  width: 310px !important;
}
.IE .third-span .step-circle {
  margin: 0 auto;
}
.IE #PerfectChemistry #OverlayRow {
  width: 960px;
}
.IE #PerfectChemistry #OverlayRow .text-overlay .text {
  width: 400px;
}
.IE #PhilanthropyKids {
  margin: 0;
}
.IE #PhilanthropyKids .overlay .text {
  width: 450px;
}
.IE .onomie-guarantee .ultra-padded-full-span {
  margin: 0 auto;
}
.IE .custom-checkbox input[type=checkbox] + label {
  display: inline-block;
}
.IE.no-flexbox {
  /* BUTTONS */
  /* SELECTS */
  /* LAYOUT */
  /* float labels */
  /* slide show */
  /* swatch containers */
  /* crumbs */
  /* Header */
  /* bag icon */
  /* slide out bag */
  /* login form */
  /* HOMEPAGE */
  /* PDP */
  /* TRY AT HOME */
  /* OUR STORY */
  /* CHECKOUT CART */
  /* login page */
  /* footer */
}
.IE.no-flexbox .button {
  margin: 0 auto !important;
  display: table;
}
.IE.no-flexbox .button * {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  margin-top: 20px;
}
.IE.no-flexbox .button-row,
.IE.no-flexbox .button-toggle {
  display: inline-block;
}
.IE.no-flexbox .button-row .button,
.IE.no-flexbox .button-toggle .button {
  float: left;
  width: 200px;
  margin-right: 10px;
}
.IE.no-flexbox select {
  background: none;
}
.IE.no-flexbox .page {
  /*display: inline-block;*/
}
.IE.no-flexbox .flex-row {
  display: inline-block;
}
.IE.no-flexbox .flex-row .fourth-span,
.IE.no-flexbox .flex-row .third-span,
.IE.no-flexbox .flex-row .half-span {
  float: left;
  margin: 0 !important;
}
.IE.no-flexbox .flex-col {
  display: inline-block;
}
.IE.no-flexbox .ultra-padded-full-span,
.IE.no-flexbox .padded-full-span {
  margin: 0 auto;
}
.IE.no-flexbox .padded-full-span {
  width: 100%;
}
.IE.no-flexbox .float-label-form .float-label {
  display: block !important;
}
.IE.no-flexbox .float-label-form .cta-buttons {
  width: 100%;
}
.IE.no-flexbox .slideshow {
  overflow: hidden;
  display: block;
}
.IE.no-flexbox .slideshow .slide {
  float: left;
}
.IE.no-flexbox .swatch-container li,
.IE.no-flexbox .color-selector li {
  float: left;
  margin-right: 5px;
}
.IE.no-flexbox .color-comparer-static,
.IE.no-flexbox .color-comparer {
  width: 600px;
  margin: 0 auto;
}
.IE.no-flexbox .color-comparer-static .half-span,
.IE.no-flexbox .color-comparer .half-span {
  float: left;
}
.IE.no-flexbox .breadcrumbs {
  display: inline-block;
}
.IE.no-flexbox .breadcrumbs .circle {
  float: left;
}
.IE.no-flexbox .nav-link {
  display: inline-block;
}
.IE.no-flexbox .header #PrimaryHeader {
  width: 100%;
  display: inline-block;
}
.IE.no-flexbox .header #PrimaryHeader #MainNav {
  float: left;
}
.IE.no-flexbox .header #PrimaryHeader #SecondaryNav {
  float: right;
}
.IE.no-flexbox .header #PrimaryHeader #SecondaryNav .bag-icon-container {
  display: inline-block;
}
.IE.no-flexbox .header #PrimaryHeader #SecondaryNav .bag-icon-container .bag-icon-total {
  float: right;
}
.IE.no-flexbox .bag-icon-total {
  display: table;
}
.IE.no-flexbox .bag-icon-total * {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.IE.no-flexbox .slideout-bag .slideout-close-btns {
  display: inline-block;
}
.IE.no-flexbox .slideout-bag .bag-item-container .bag-item {
  width: 300px;
}
.IE.no-flexbox .slideout-bag .bag-item-container .bag-item .bag-item-thumb {
  float: left;
}
.IE.no-flexbox .slideout-bag .bag-item-container .bag-item .full-span .bag-item-name {
  display: block;
  float: left;
}
.IE.no-flexbox .slideout-bag .bag-item-container .bag-item .full-span .bag-item-swatch {
  float: left;
}
.IE.no-flexbox .slideout-bag .bag-item-container .bag-item .full-span .bag-item-swatch .subtitle {
  display: inline;
}
.IE.no-flexbox .slideout-bag .bag-item-container .bag-item .full-span .bag-item-totals {
  display: inline-block;
}
.IE.no-flexbox .slideout-bag .bag-item-container .bag-item .full-span .bag-item-totals .subtitle {
  float: left;
  margin-right: 10px;
}
.IE.no-flexbox .slideout-bag .bag-item-container .bag-item-summary {
  display: inline-block;
}
.IE.no-flexbox .slideout-bag .bag-item-container .bag-item-summary .total-block {
  float: left;
}
.IE.no-flexbox #LoginModule .login-account-form {
  display: inline-block;
}
.IE.no-flexbox #LoginModule .login-account-form .flex-col {
  float: left;
}
.IE.no-flexbox #HomepageBanner .overlay {
  display: table;
}
.IE.no-flexbox #HomepageBanner .overlay .static-modal {
  display: table-cell;
  vertical-align: middle;
}
.IE.no-flexbox .page#TwoProducts .fourth-span,
.IE.no-flexbox .page#TwoProducts .third-span,
.IE.no-flexbox .page#TwoProducts .half-span {
  float: left;
  margin: 0 !important;
}
.IE.no-flexbox .page#TriedTrue .flex-col {
  width: 800px;
}
.IE.no-flexbox .page#TriedTrue .bar-chart {
  float: left;
}
.IE.no-flexbox .page#GetStarted #SelectConcealer,
.IE.no-flexbox .page#GetStarted #RecommendedHighlighter {
  width: 100%;
}
.IE.no-flexbox .page#GetStarted #RecommendedHighlighter .color-selector {
  width: 500px;
  margin: 0 auto;
}
.IE.no-flexbox .page#WhatSheSaw .flex-col {
  width: 800px;
}
.IE.no-flexbox .page#WhatSheSaw .bar-chart {
  float: left;
}
.IE.no-flexbox .page#PerfectChemistry .flex-row {
  float: left;
  width: 100%;
}
.IE.no-flexbox .page#PerfectChemistry #OverlayRow {
  width: 1000px;
  margin: 0 auto;
}
.IE.no-flexbox .page#PerfectChemistry #OverlayRow .text-overlay {
  float: left;
  margin: 20px;
}
.IE.no-flexbox .page#PerfectChemistry #OverlayRow .plus-sign {
  display: none;
}
.IE.no-flexbox .page#GivingBack .flex-row {
  float: left;
  width: 100%;
}
.IE.no-flexbox .page#PhilanthropyKids .overlay {
  margin: 40px;
}
.IE.no-flexbox .checkout-product {
  display: block;
}
.IE.no-flexbox .checkout-product .product-thumb-container {
  float: left;
}
.IE.no-flexbox .checkout-product .product-text {
  float: left;
}
.IE.no-flexbox .checkout-product .product-item-cost,
.IE.no-flexbox .checkout-product .product-cost {
  float: left;
}
.IE.no-flexbox #NotLoggedInCheckout {
  display: block;
}
.IE.no-flexbox #NotLoggedInCheckout .login-account-form .flex-col {
  display: block;
}
.IE.no-flexbox .login-account-form {
  display: inline-block;
}
.IE.no-flexbox .login-account-form .flex-col,
.IE.no-flexbox .login-account-form .flex-row {
  float: left;
}
.IE.no-flexbox .onomie-guarantee {
  display: block;
}
.checkout-product .product-thumb-container .product-thumb {
  /*height: 50px;*/
}
.checkout-product[data-color-code="1001"] .product-thumb-container .product-thumb,
.checkout-product#FreeGiftBag .product-thumb-container .product-thumb {
  max-height: 32px !important;
}
/* keep consistent with the rest of product actions */
.desktop #ProductActionsForm h4 {
  line-height: 1.5;
}
.desktop #ProductActionsForm .square-radio-buttons,
.desktop #ProductActionsForm #AddToBag,
.desktop #ProductActionsForm .product-quantity-select {
  margin-top: 10px !important;
}
.desktop #ProductActionsForm .square-radio-buttons {
  margin-top: calc(10px + 5px) !important;
}
.desktop #ProductActionsForm #AddToBag,
.desktop #ProductActionsForm .product-quantity-select {
  max-height: 50px;
}
.phone #ProductActionsForm {
  margin: 0 auto !important;
}
.phone .selected-shade-name,
.phone .shade-selector-dropdown-title,
.phone .swatch-name-container {
  text-align: center !important;
}
.phone .color {
  text-align: left !important;
}
/* shade selector squares */
.shade-selector-row {
  margin-top: 10px;
  text-align: left;
}
.shade-selector-row .selected-shade-name {
  text-transform: capitalize;
  margin-bottom: 10px;
  /*margin-left: 11px; // 10px padding + 1px border*/
}
.shade-selector-row .square-row {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.shade-selector-square {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-size: 500%;
  background-position: 50% 50%;
  margin-right: 10px;
  border: 5px solid #ffffff;
  outline: 2px solid #f3f3f3;
}
.shade-selector-square:active {
  position: relative;
  top: 2px;
}
.shade-selector-square:active {
  position: relative;
  top: 2px;
}
.shade-selector-square.active {
  outline: 2px solid #999999;
}
.shade-selector-square.sold-out {
  outline-color: #f3f3f3;
  opacity: 0.25;
}
.shade-selector-square[data-inventory="false"] {
  opacity: 0.4;
  position: relative;
}
.shade-selector-square[data-inventory="false"]:after {
  content: 'X';
  display: block;
  color: #333333;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
}
li.active .shade-selector-square.active {
  outline: 2px solid #999999;
}
.phone .shade-selector-row .square-row {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
/* shade selector dropdown */
.shade-selector-dropdown-title {
  margin-top: 10px;
}
.shade-selector-dropdown {
  border: 2px solid #f3f3f3;
  z-index: 1;
  /* Size and position */
  position: relative;
  /* Enable absolute positionning for children and pseudo elements */
  width: calc(100% - 22px);
  max-width: calc(100vw - 40px);
  /*margin: @gutter auto;*/
  margin-top: 10px;
  /*padding: 15px 10px;*/
  /* Styles */
  background: #fff;
  /*border-left: 5px solid grey;*/
  cursor: pointer;
  outline: none;
  text-align: left;
}
.shade-selector-dropdown:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: grey transparent;
}
.shade-selector-dropdown .selected-dropdown {
  padding: 5px;
}
.shade-selector-dropdown .dropdown {
  border: 1px solid #f3f3f3;
  /* Size & position */
  position: absolute;
  top: 100%;
  left: 0;
  right: 0px;
  /* Styles */
  background: white;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  list-style: none;
  /* Hiding */
  opacity: 0;
  pointer-events: none;
}
.shade-selector-dropdown .shade-selector-dropdown-item {
  display: block;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-align: left;
}
.shade-selector-dropdown .shade-selector-dropdown-item .swatch-name-container {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.shade-selector-dropdown .shade-selector-dropdown-item .swatch-square {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  background-size: 500%;
  background-position: 50% 50%;
  height: 40px;
  width: 40px;
  margin-right: 10px;
}
.shade-selector-dropdown .shade-selector-dropdown-item[data-inventory="false"] {
  opacity: 0.4;
}
.shade-selector-dropdown .shade-selector-dropdown-item[data-inventory="false"] .swatch-square {
  position: relative;
}
.shade-selector-dropdown .shade-selector-dropdown-item[data-inventory="false"] .swatch-square:after {
  content: 'X';
  display: block;
  color: #333333;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
}
.shade-selector-dropdown .shade-selector-dropdown-item .color {
  text-transform: capitalize;
}
/* Hover state */
.no-touch .shade-selector-dropdown .dropdown li:hover {
  /*
        border-left-width: 100px;
        height: 50px;
        */
}
.no-touch .shade-selector-dropdown .dropdown li:hover .swatch-square {
  -webkit-transition: 250ms;
  -moz-transition: 250ms;
  -ms-transition: 250ms;
  -o-transition: 250ms;
  transition: 250ms;
  width: 80px;
}
.phone .shade-selector-dropdown {
  width: auto;
}
/* Active state */
.shade-selector-dropdown.active:after {
  border-width: 0 6px 6px 6px;
}
.shade-selector-dropdown.active .dropdown {
  opacity: 1;
  pointer-events: auto;
}
/* No CSS3 support */
.no-opacity .shade-selector-dropdown .dropdown,
.no-pointerevents .shade-selector-dropdown .dropdown {
  display: none;
  opacity: 1;
  /* If opacity support but no pointer-events support */
  pointer-events: auto;
  /* If pointer-events support but no pointer-events support */
}
.no-opacity .shade-selector-dropdown.active .dropdown,
.no-pointerevents .shade-selector-dropdown.active .dropdown {
  display: block;
}
.scroll-hint {
  cursor: pointer;
  background: #999999;
  color: white;
  position: fixed;
  z-index: 100;
  top: 160px;
  left: 0;
  padding: 10px;
  max-width: 100px;
}
.scroll-hint:active {
  position: relative;
  top: 2px;
}
.scroll-hint:active {
  position: relative;
  top: 2px;
}
.scroll-hint .submit-arrow-icon svg {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 40px;
  height: 20px;
}
.scroll-hint .submit-arrow-icon svg * {
  stroke-width: 20;
}
.scroll-hint p {
  text-align: center;
  padding-bottom: 10px;
}
.phone .scroll-hint {
  padding: 10px 0;
  width: 100vw;
  max-width: none;
  left: 0;
  top: auto;
  bottom: 0;
  text-align: center;
}
.phone .scroll-hint .flex-col {
  /*.flex-flow(row);*/
}
@media screen and (max-height: 240px) {
  .scroll-hint {
    display: none !important;
  }
}
.shipping-delay {
  color: #e10000;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
/* svg icons */
.facebook-icon svg #f {
  fill: #ffffff !important;
}
.error-msg {
  color: #e10000;
}
/* shade translator */
#ShadeTranslatorSection .button {
  margin: 0 auto;
}
#ShadeTranslatorSection .shade-translator-trigger {
  margin-top: 20px;
}
#ShadeTranslatorSection img {
  margin: 20px;
  height: auto;
  width: auto;
}
.desktop #ShadeTranslatorSection img {
  /*max-width: 400px;*/
  height: 400px;
}
.tablet #ShadeTranslatorSection img {
  max-width: 300px;
}
.phone #ShadeTranslatorSection img {
  max-width: calc(100vw - 40px);
  max-height: 300px;
}
.shade-translator-trigger {
  margin-top: 10px;
  color: #6dcff6;
  cursor: pointer;
}
.shade-translator-trigger:active {
  position: relative;
  top: 2px;
}
.shade-translator-trigger:active {
  position: relative;
  top: 2px;
}
.shade-translator-trigger .title {
  margin-bottom: 0;
}
#ShadeTranslator {
  width: 800px;
  max-width: calc(100vw - 40px);
  min-height: 500px;
  text-align: center;
}
.desktop #ShadeTranslator,
.tablet #ShadeTranslator {
  /*margin-top: -@gutter*1.5;*/
  margin: -50px -20px -20px -20px;
  background-image: url(https://s3.amazonaws.com/onm/modals/dots.jpg);
  background-size: 153%;
  background-position: 0 0;
}
.desktop #ShadeTranslator .translator-container,
.tablet #ShadeTranslator .translator-container {
  background-color: #ffffff;
  padding: 40px;
}
.shade-translator-form {
  margin-top: 20px;
}
.shade-translator-form select,
.shade-translator-form input {
  width: 300px;
  margin-right: 0 !important;
}
.shade-translator-form #Title {
  margin-bottom: 10px;
}
.shade-translator-form #SubTitle {
  margin-top: 20px;
}
.shade-translator-form #Conversion {
  margin-top: 20px;
  max-width: 300px;
  text-align: center;
}
.shade-translator-form .conversion-swatch-text-container {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.shade-translator-form .conversion-swatch-text-container .conversion-swatch-text {
  margin: 5px 0;
}
.shade-translator-form .conversion-swatch-text {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  cursor: pointer;
}
.shade-translator-form .conversion-swatch-text:active {
  position: relative;
  top: 2px;
}
.shade-translator-form .conversion-swatch-text:active {
  position: relative;
  top: 2px;
}
.shade-translator-form .conversion-swatch-text.active {
  /*.border(red);*/
  border: 2px solid #f3f3f3;
}
.shade-translator-form .conversion-swatch-text:hover {
  color: #6dcff6;
}
.shade-translator-form .conversion-swatch-text,
.shade-translator-form #SubTitle,
.shade-translator-form #Title {
  max-width: 300px;
  text-align: center;
}
.shade-translator-form .conversion-swatch-text a,
.shade-translator-form #SubTitle a,
.shade-translator-form #Title a {
  color: #6dcff6;
}
.shade-translator-form .conversion-swatch {
  margin-right: 10px;
}
.shade-translator-form .button {
  margin-top: 20px;
}
.no-touch .tool-tip {
  position: absolute;
  background-color: #ffffff;
  border: 2px solid #f3f3f3;
  padding: 10px;
  -webkit-box-shadow: 4px 4px 8px 0px #999999;
  -moz-box-shadow: 4px 4px 8px 0px #999999;
  box-shadow: 4px 4px 8px 0px #999999;
}
.fine-print {
  margin-top: 10px;
  letter-spacing: 0.1em;
}
/* image hovers */
.image-hover {
  position: relative;
  min-width: 300px;
  min-height: 200px;
  margin: 0 20px;
}
.image-hover .top,
.image-hover .bottom {
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -ms-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.image-hover .top {
  opacity: 1;
}
.image-hover .bottom {
  opacity: 0;
}
.no-touch .image-hover:hover .top {
  opacity: 0;
}
.no-touch .image-hover:hover .bottom {
  opacity: 1;
}
/* social buttons */
.twitter-share {
  background: #4099ff !important;
  border-color: #4099ff !important;
}
.facebook-login-btn,
.facebook-share {
  background: #3b5998 !important;
  border-color: #3b5998 !important;
}
.hide-overflow {
  overflow: hidden;
}
.constrain-width {
  max-width: 100vw;
}
/* images should never be greater than viewport width */
img {
  width: auto;
  max-width: 100vw;
}
/* photo container for pinterest + <img /> elements */
.pinable {
  display: block;
}
.photo-container {
  display: inline-block;
  width: auto;
  height: auto;
}
/* addition icon from close */
.close-icon.addition-icon svg {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* links */
.link {
  color: #6dcff6;
}
/* accredited image */
.accredited-image img {
  position: relative;
}
.accredited-image .image-credit {
  color: #ffffff;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 20px;
}
/* back to top trigger */
.back-to-top,
.back-to-top-b,
.back-to-top-c {
  z-index: 1;
  border: 1px solid #f3f3f3;
  background-color: #ffffff;
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 20px;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical !important;
  -webkit-flex-flow: column !important;
  -moz-flex-flow: column !important;
  -ms-flex-flow: column !important;
  flex-flow: column !important;
}
.back-to-top .backtop-intro,
.back-to-top-b .backtop-intro,
.back-to-top-c .backtop-intro {
  margin-bottom: 10px;
}
.back-to-top .thumb,
.back-to-top-b .thumb,
.back-to-top-c .thumb {
  margin-right: 20px;
  max-height: 100px;
  max-width: 100px;
}
/* global forgot password */
.forgot-password {
  display: inline-block;
  margin-top: 10px;
  border-bottom: 1px solid #333333;
  cursor: pointer;
}
.forgot-password.onomie-blue {
  border-bottom: 1px solid #6dcff6;
}
.forgot-password:active {
  position: relative;
  top: 2px;
}
.forgot-password:active {
  position: relative;
  top: 2px;
}
/* global close btn */
.close-icon {
  display: inline-block;
  color: #333333;
  /*	box-shadow: 0 0 10px @onomie_pink;
    background-color: @onomie_pink;*/
  padding: 5px 3px 0 3px;
}
.close-icon h1,
.close-icon h2,
.close-icon h3,
.close-icon h4,
.close-icon p,
.close-icon a {
  color: #333333;
}
.close-icon svg path,
.close-icon svg line,
.close-icon svg polygon,
.close-icon svg rect,
.close-icon svg stroke,
.close-icon svg circle,
.close-icon svg polyline {
  fill: #333333;
  stroke: #333333;
}
.close-icon h1,
.close-icon h2,
.close-icon h3,
.close-icon h4,
.close-icon p,
.close-icon a {
  color: #333333;
}
.close-icon svg path,
.close-icon svg line,
.close-icon svg polygon,
.close-icon svg rect,
.close-icon svg stroke,
.close-icon svg circle,
.close-icon svg polyline {
  fill: #333333;
  stroke: #333333;
}
.close-icon svg {
  width: 22px;
  height: 22px;
}
/* hamburger button */
.hamburger-btn {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 36px;
  line-height: 1;
}
.hamburger-btn:after {
  content: "|||";
}
/* bar chart */
.bar-chart {
  list-style-type: none;
}
.bar-chart ul {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.bar-chart li {
  float: left;
  margin: 20px;
}
.bar-chart li .bar {
  /*width: 75px;*/
  height: 250px;
  list-style-type: none;
  position: relative;
}
.bar-chart li .bar .subtitle {
  background-color: #6dcff6;
  position: absolute;
  bottom: 0;
  left: 0;
}
.bar-chart li .bar .value {
  padding: 10px;
  color: #ffffff;
}
.bar-chart .subtitle {
  color: #333333 !important;
  margin-bottom: 0 !important;
}
.phone .bar-chart li {
  margin: 0;
}
.phone .bar-chart li .bar {
  width: 100px;
}
.phone .bar-chart li .bar .subtitle {
  font-size: 12px !important;
  left: 20px;
}
.phone .bar-chart li .bar .value {
  padding: 0;
}
/* default spacing for a cta button row or column */
.cta-buttons {
  margin: 20px auto !important;
}
.cancel-link {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
/* address blocks, used for Checkout "Edit" and Account, Address Book */
.address-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.address-block {
  margin-bottom: 20px;
  width: calc(100% - 40px);
  max-width: 300px;
  text-align: left;
}
.address-block .custom-checkbox {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.address-block .address-text {
  text-align: left;
  min-width: 200px;
}
.desktop .address-block,
.tablet .address-block {
  margin-left: 20px;
  margin-right: 20px;
}
/* edit links */
.edit {
  display: inline-block;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 20px;
  cursor: pointer;
  color: #999999;
  border-bottom: 1px solid #999999;
}
.edit:active {
  position: relative;
  top: 2px;
}
.edit:active {
  position: relative;
  top: 2px;
}
/* steps list */
.steps-list {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.steps-list li {
  cursor: default;
}
.steps-list li .title {
  width: auto !important;
  max-width: auto !important;
  color: #999999;
}
.steps-list li .title.active {
  border-bottom: 1px solid #333333;
  color: #333333;
}
.steps-list li .title.active.onomie-blue {
  border-bottom: 1px solid #6dcff6;
}
.desktop .steps-list,
.tablet .steps-list {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.desktop .steps-list li,
.tablet .steps-list li {
  margin-left: 20px;
}
.desktop .steps-list li:first-child,
.tablet .steps-list li:first-child {
  margin-left: 0;
}
/* page shroud */
.page-shroud {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: #999999;
  opacity: 0.75;
}
/* overlay */
.overlay {
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  height: auto;
  /* fit inner content */
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  /* text within an overlay */
}
.overlay .text {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.phone .overlay .text {
  max-width: 300px;
}
/* breadcrumbs */
.breadcrumbs {
  height: 20px;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.breadcrumbs .circle {
  margin: 0 10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #999999;
  cursor: pointer;
}
.breadcrumbs .circle:active {
  position: relative;
  top: 2px;
}
.breadcrumbs .circle:active {
  position: relative;
  top: 2px;
}
.breadcrumbs .circle.active {
  background-color: #333333;
}
.no-touch .breadcrumbs .circle:hover {
  background-color: #333333;
}
.button.blue {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  color: #ffffff;
  height: 60px;
  width: 280px;
  background-color: #6dcff6;
  border-radius: 0;
  border: 2px solid;
  border-color: #6dcff6;
  text-transform: uppercase;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  text-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  cursor: pointer;
  letter-spacing: 0.2em;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  /* toggle buttons (nested inside .button-toggle) */
  /* smart button states */
}
.button.blue:active {
  position: relative;
  top: 2px;
}
.button.blue:active {
  position: relative;
  top: 2px;
}
.button.blue.hidden-btn {
  opacity: 0;
  height: 0;
  width: 0;
}
.button.blue.toggle-button {
  height: 44px;
  width: 210px;
  min-width: 0;
}
.button.blue.alert-button {
  background-color: #fcf3f5;
  color: #333333;
  pointer-events: none;
}
.button.blue.loading-button {
  pointer-events: none;
}
.button.blue[disabled=disabled],
.button.blue:disabled {
  background-color: #999999;
  border-color: #999999;
  color: #d9d9d9;
}
.button.blue[disabled=disabled]:hover,
.button.blue:disabled:hover {
  cursor: default !important;
  background-color: #999999 !important;
  border-color: #999999 !important;
  color: #d9d9d9 !important;
}
.button.blue.mini {
  height: 44px;
  width: auto;
  padding: 0 20px;
  min-width: 200px;
}
.button.blue svg {
  width: 25px;
  height: 25px;
}
.button.blue * {
  margin-left: auto;
  margin-right: auto;
}
/* default spacing for a cta button row or column */
.button-row,
.button-col {
  margin: 20px 0;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.button-row {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.button-col {
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.button-col.flex-start {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
/* two button row */
.phone .two-button-row,
.tablet .two-button-row {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 20px;
}
.phone .two-button-row .flex-row .third-span .third-span-section,
.tablet .two-button-row .flex-row .third-span .third-span-section {
  margin: 20px 0;
}
.phone .two-button-row .flex-row .third-span .third-span-section .photo,
.tablet .two-button-row .flex-row .third-span .third-span-section .photo {
  width: 100%;
}
.phone .two-button-row .flex-row .third-span .third-span-section .paragraph-content,
.tablet .two-button-row .flex-row .third-span .third-span-section .paragraph-content {
  margin-top: 20px;
}
.phone .two-button-row .button:first-child,
.tablet .two-button-row .button:first-child {
  margin-bottom: 10px;
}
.desktop .two-button-row {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 20px;
}
.desktop .two-button-row#SelectConcealer {
  margin-bottom: 40px;
}
.desktop .two-button-row#RecommendedHighlighter {
  margin-bottom: 40px;
}
.desktop .two-button-row a:first-child,
.desktop .two-button-row .button:first-child {
  margin-bottom: 0;
  margin-right: 10px;
}
/* button toggles */
.button-toggle {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.button-toggle .toggle-button.active {
  background-color: #333333;
  color: #ffffff;
}
.button-toggle .toggle-button:not(.active) {
  background-color: rgba(0, 0, 0, 0);
  color: #333333;
}
.desktop .button-toggle {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
/* button toggle content */
.toggle-button-content.hidden {
  display: none;
}
/* up/down toggles */
.toggle-trigger {
  cursor: pointer;
  margin-top: 20px;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  /*.border(grey);*/
}
.toggle-trigger:active {
  position: relative;
  top: 2px;
}
.toggle-trigger:active {
  position: relative;
  top: 2px;
}
.toggle-trigger .toggle-arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 20px;
  background: url(https://s3.amazonaws.com/onm/icons/down-arrow.png) no-repeat;
  background-size: 20px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.toggle-trigger .toggle-arrow.onomie-blue {
  background: url(https://s3.amazonaws.com/onm/icons/down-arrow-blue.png) no-repeat;
  background-size: 20px;
}
.toggle-trigger .subtitle {
  display: inline-block;
  width: auto !important;
}
/* video container w/ play button overlay */
.video-container {
  cursor: pointer;
}
.video-container:active {
  position: relative;
  top: 2px;
}
.video-container:active {
  position: relative;
  top: 2px;
}
.video-container .overlay {
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -ms-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  opacity: 0.75;
  background-color: #fcf3f5;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.video-container .overlay:active {
  opacity: 1;
}
.video-container .overlay .play-icon svg {
  height: 44px;
  width: 44px;
}
.no-touch .video-container .overlay {
  opacity: 0;
}
.no-touch .video-container .overlay:hover {
  opacity: 1;
}
/* page tab */
.page-tab {
  position: absolute;
  padding: 10px;
  bottom: -80px;
  height: 100px;
  width: 100px;
  left: calc(50% - 60px);
  /* calc fallback */
  left: calc(50% - (100px + 20px)/2);
  left: -moz-calc(50% - (100px + 20px)/2);
  left: -webkit-calc(50% - (100px + 20px)/2);
  left: -o-calc(50% - (100px + 20px)/2);
  background-color: #ffffff;
  border-radius: 10px;
  text-transform: uppercase;
  cursor: pointer;
  /*.onomie-blue;*/
}
.page-tab .arrow-icon svg {
  width: 30px;
  height: 30px;
}
.phone .page-tab {
  /*display: none;*/
  height: 40px;
  bottom: -20px;
}
/*
	* single full page background image
	* custom rules for pages to suport background image w/ little page content
*/
.fullscreen-page {
  -webkit-box-align: start !important;
  -moz-box-align: start !important;
  -ms-flex-align: start !important;
  box-align: start !important;
  -webkit-align-items: flex-start !important;
  -moz-align-items: flex-start !important;
  -ms-align-items: flex-start !important;
  align-items: flex-start !important;
  background-size: cover;
}
.desktop .fullscreen-page,
.tablet .fullscreen-page {
  height: 100vh !important;
}
/* parallax background-image */
.parallax-bgimg {
  min-height: 200px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.parallax-bgimg .overlay {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.desktop .parallax-bgimg {
  background-attachment: fixed;
}
/* before after slider */
.before-after-container,
.Verticalbefore-after-container {
  overflow: hidden;
  position: relative;
  float: left;
  margin: 0 10px;
}
.before-after-container .bottomImage,
.Verticalbefore-after-container .bottomImage,
.before-after-container .topImage,
.Verticalbefore-after-container .topImage,
.before-after-container .VbottomImage,
.Verticalbefore-after-container .VbottomImage,
.before-after-container .VtopImag,
.Verticalbefore-after-container .VtopImag {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.before-after-container .topImage,
.Verticalbefore-after-container .topImage {
  border-right: solid 1px black;
  /*overflow: visible !important;*/
}
.before-after-container .VbottomImage,
.Verticalbefore-after-container .VbottomImage {
  border-bottom: solid 1px black;
}
.before-after-container .label,
.Verticalbefore-after-container .label {
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  opacity: 1;
  color: #ffffff;
  position: absolute;
  top: 0;
  margin: 10px;
  padding: 5px;
}
.before-after-container .label p,
.Verticalbefore-after-container .label p {
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.before-after-container .topImage .label,
.Verticalbefore-after-container .topImage .label {
  /*background: rgba(0, 0, 0, 0.3);*/
  left: 0;
}
.before-after-container .bottomImage .label,
.Verticalbefore-after-container .bottomImage .label {
  /*background: rgba(0, 0, 0, 0.3);*/
  right: 0;
}
.before-after-container .beforeV,
.Verticalbefore-after-container .beforeV {
  background: rgba(0, 0, 0, 0.3);
  bottom: 0;
}
.before-after-container .afterV,
.Verticalbefore-after-container .afterV {
  background: rgba(0, 0, 0, 0.3);
  top: 0;
}
/* used for touchdrag on no-touch .before-after-container controls top-image position */
.beforeAfterSlider {
  /*.border(red);*/
  border-right: 1px solid #333333;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 44px;
}
.beforeAfterSlider .arrows {
  /*.border(red);*/
  width: 50px;
  height: 50px;
  position: absolute;
  top: calc(50% - 25px);
  left: 20px;
}
.beforeAfterSlider .arrows .triangle-icon {
  position: absolute;
  top: calc(50% - 7.5px);
}
.beforeAfterSlider .arrows .triangle-icon svg {
  fill: #ffffff;
  width: 15px;
  height: 15px;
}
.beforeAfterSlider .arrows .triangle-icon.left {
  left: -10px;
}
.beforeAfterSlider .arrows .triangle-icon.left svg {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.beforeAfterSlider .arrows .triangle-icon.right {
  left: 10px;
}
.beforeAfterSlider .arrows .triangle-icon.right svg {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.before-after-container {
  min-width: 100px;
  min-height: 100px;
  /*cursor: e-resize;*/
}
.Verticalbefore-after-container {
  width: 176px;
  height: 234px;
  /*cursor: n-resize;*/
}
.no-touch .before-after-container {
  cursor: pointer;
}
.no-touch .before-after-container:hover .label {
  opacity: 0;
}
.no-touch .Verticalbefore-after-container {
  cursor: pointer;
}
.no-touch .Verticalbefore-after-container:hover .labelV {
  opacity: 0;
}
.before-after-intro {
  margin-bottom: 20px;
}
.before-after-sliders-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
/* used in checkout/cart and module/cart (slideout bag) */
.remove-icon svg {
  fill: #fcc5d2;
  height: 22px;
  width: 22px;
  cursor: pointer;
}
.remove-icon svg:active {
  position: relative;
  top: 2px;
}
.remove-icon svg:active {
  position: relative;
  top: 2px;
}
/* testimonails */
.testimonials-container {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.testimonial {
  margin: 20px;
}
.testimonial .photo {
  border: 2px solid #f3f3f3;
  /*.clickable();*/
  width: 250px;
  height: 250px;
  overflow: hidden;
}
.testimonial b {
  color: #333333;
}
.testimonial .quote {
  text-align: left;
  max-width: 250px !important;
  margin: 0;
}
.testimonial .quote .emoji {
  max-width: 20px;
  max-height: 20px;
}
.testimonial .quote-source {
  /*margin-top: @gutter/2;*/
  margin-bottom: 0 !important;
  text-align: left;
}
.tablet .testimonials-container {
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.tablet .testimonials-container .fourth-span {
  width: 100%;
}
/* social media boxes */
.socialmedia-feed {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  margin-bottom: 40px;
}
.socialmedia-feed .socialmedia-box {
  border: 2px solid #f3f3f3;
  width: 250px;
  height: 250px;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 20px;
}
.socialmedia-feed .socialmedia-box .photo {
  background-size: cover;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.socialmedia-feed .socialmedia-box .photo:active {
  cursor: pointer;
}
.socialmedia-feed .socialmedia-box .photo:active:active {
  position: relative;
  top: 2px;
}
.socialmedia-feed .socialmedia-box .photo:active:active {
  position: relative;
  top: 2px;
}
.socialmedia-feed .socialmedia-box .photo .overlay {
  opacity: 0.75;
  background-color: #fcf3f5;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.socialmedia-feed .socialmedia-box .photo .overlay .flex-row .third-span .third-span-section {
  margin: 20px 0;
}
.socialmedia-feed .socialmedia-box .photo .overlay .flex-row .third-span .third-span-section .photo {
  width: 100%;
}
.socialmedia-feed .socialmedia-box .photo .overlay .flex-row .third-span .third-span-section .paragraph-content {
  margin-top: 20px;
}
.socialmedia-feed .socialmedia-box .photo .overlay:active {
  opacity: 1;
  background-color: #fcf3f5;
}
.socialmedia-feed .socialmedia-box .socialmedia-icon-tab {
  position: absolute;
  bottom: -30px;
  height: 60px;
  width: 60px;
  left: calc(50% - 30px);
  background-color: #fcf3f5;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.socialmedia-feed .socialmedia-box .socialmedia-icon-tab svg {
  width: 30px;
  height: 30px;
}
.desktop .socialmedia-feed {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.no-touch .socialmedia-feed .socialmedia-box .overlay {
  opacity: 0;
}
.no-touch .socialmedia-feed .socialmedia-box .overlay:hover {
  opacity: 0.85;
  background-color: #fcf3f5;
}
.text-overlay {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  width: 300px;
  height: 400px;
  background-color: #f3f3f3;
  background-size: cover;
}
.text-overlay .overlay {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  background-color: #fcf3f5;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -ms-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  opacity: 0;
}
.text-overlay .overlay:active {
  opacity: 1;
}
.text-overlay .overlay .text {
  margin: 20px;
}
.desktop .text-overlay {
  width: 450px;
}
.desktop .text-overlay .overlay .text {
  margin: 30px;
}
.no-touch .text-overlay .overlay {
  opacity: 0;
}
.no-touch .text-overlay .overlay:hover {
  opacity: 1;
}
.touch .text-overlay .overlay {
  opacity: 1;
}
/* product pages + get a sample page */
.before-after-page .subtitle {
  text-transform: uppercase;
  color: #999999;
}
.before-after-page .button-toggle {
  margin-top: 20px;
  margin-bottom: 40px;
}
.before-after-page .before-after-sliders-row {
  /*.align-items(flex-start);*/
}
.before-after-page .before-after-sliders-row .before-after-container {
  width: 250px;
  height: 250px;
}
.before-after-page .before-after-sliders-row .before-after-container img {
  width: 250px;
  height: 250px;
}
.before-after-page .before-after-sliders-row .before-after-text {
  /*margin-top: @gutter;*/
}
.before-after-page .before-after-sliders-row .before-after-text .subtitle,
.before-after-page .before-after-sliders-row .before-after-text .paragraph-content {
  color: #333333;
}
.before-after-page .before-after-sliders-row .before-after-text .subtitle {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  margin-bottom: 10px;
}
/* learn more, read more, etc. link text */
.more-description {
  color: #6dcff6 !important;
  cursor: pointer;
  margin-top: 10px;
  padding-bottom: 20px;
  /*.uppercase;*/
}
.more-description:active {
  position: relative;
  top: 2px;
}
.more-description:active {
  position: relative;
  top: 2px;
}
.link-blue {
  color: #6dcff6;
  cursor: pointer;
}
.link-blue:active {
  position: relative;
  top: 2px;
}
.link-blue:active {
  position: relative;
  top: 2px;
}
/*
	* HEADER DEFAULTS
	* mobile first
*/
.nav-link {
  cursor: pointer;
  text-transform: uppercase;
}
.nav-link:active {
  position: relative;
  top: 2px;
}
.nav-link:active {
  position: relative;
  top: 2px;
}
.nav-link:hover {
  text-decoration: underline;
}
.nav-link svg {
  height: 30px;
  width: 30px;
}
#ExitModal .half-span {
  margin: 10px;
  min-width: 300px;
  max-width: calc(100vw - 20px);
  text-align: center;
}
#ExitModal #ModalImage {
  background-size: cover;
  min-height: 300px;
}
#ExitModalThanks svg {
  height: 40px;
  width: 40px;
}
.header {
  /*margin-top: -@pagebanner_height - 10px; 	// padding*/
  position: fixed;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 100;
  -webkit-transition: all 125ms ease-out;
  -moz-transition: all 125ms ease-out;
  -ms-transition: all 125ms ease-out;
  -o-transition: all 125ms ease-out;
  transition: all 125ms ease-out;
  background: #ffffff;
  /* slideout bag */
}
.header .page-banner {
  -webkit-transition: height 250ms ease-in;
  -moz-transition: height 250ms ease-in;
  -ms-transition: height 250ms ease-in;
  -o-transition: height 250ms ease-in;
  transition: height 250ms ease-in;
  background-color: #fcf3f5;
  text-align: center;
  height: 30px;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 5px 0;
  width: 100%;
  /*background-color: @lava_red_sat;*/
}
.header .page-banner.black-friday {
  background-color: #333333;
  color: #ffffff;
}
.header .page-banner.cyber-monday {
  font-family: monospace;
}
.header .page-banner.cyber-monday .bold-monospace {
  font-weight: bold;
}
.header .page-banner svg {
  height: 20px;
  width: 20px;
}
.header .page-banner .page-banner-extra {
  padding-top: 10px;
}
.header .page-banner p[data-link] {
  cursor: pointer;
}
.tablet .header .page-banner p {
  font-size: 1.1em;
}
.desktop .header .page-banner p {
  font-size: 1.2em;
}
.header .social-icons-row {
  margin-top: 5px;
}
.header .social-icons-row svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.header .subheader-image-container {
  /*.border(blue);*/
  margin: 20px;
  position: absolute;
  top: -20px;
  left: -20px;
  width: 225px;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
}
.header .header-row {
  /*border-bottom: 1px solid @light_grey;*/
  background-color: #ffffff;
  position: relative;
  height: 60px;
  -webkit-transition: background-color 125ms linear;
  -moz-transition: background-color 125ms linear;
  -ms-transition: background-color 125ms linear;
  -o-transition: background-color 125ms linear;
  transition: background-color 125ms linear;
}
.header .header-row#PrimaryHeader {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  z-index: 1000;
}
.header .header-row .subheader-container {
  /*.border(red);*/
  min-height: 200px;
  margin-left: 225px;
  background-color: #ffffff;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  width: calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: -o-calc(100% - 40px);
  padding: 0 20px;
}
.header .header-row .subheader-container .subheader-section {
  min-width: 150px;
  width: auto;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  cursor: pointer;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  padding: 20px;
  /*margin-right: @gutter*2;*/
  /*			.overlay {
					width: 100%;
					height: 90%;
					&.active {
					}
				}
				img {
					margin-right: @gutter;
					display: block;
					width: auto;
					height: auto;
					max-height: 200px;
					&#Highlighter {
						// 133 x 500
						max-width: 53px;
					}
					&#Concealer {
						max-width: 76px;
					}
					&#Duo {
						max-width: 115px;
					}
					&#CosmeticBag {
						max-width: 200px;
						min-width: 200px;
					}
				}*/
}
.header .header-row .subheader-container .subheader-section .title {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  margin-bottom: 10px;
}
.header .header-row .subheader-container .subheader-section .subtitle {
  text-transform: uppercase;
  padding: 5px 0;
}
.header .header-row .subheader-container .subheader-section .title:not(.not-link):hover,
.header .header-row .subheader-container .subheader-section .subtitle:not(.not-link):hover {
  text-decoration: underline;
}
.header .header-row .subheader-container .subheader-section .title.not-link,
.header .header-row .subheader-container .subheader-section .subtitle.not-link {
  cursor: default;
}
.header .header-row .subheader-container .subheader-section .nav-link {
  /*margin-top: 100px;//25%;*/
  text-transform: capitalize;
  font-size: 16px;
  margin-bottom: 20px;
  max-width: 120px;
}
.header .header-row#MobileFilter {
  z-index: 1;
  text-align: center;
  height: auto;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  margin: 0;
  padding-bottom: 10px;
}
.header .header-row#MobileFilter .arrow-icon {
  float: left;
}
.header .header-row#MobileFilter .filter-trigger {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 0;
}
.header .header-row#MobileFilter .nav-link {
  padding: 0;
}
.header .header-row#MobileFilter .arrow-icon {
  width: 20px;
  height: 20px;
}
.header .header-row#MobileFilter .arrow-icon svg {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 20px;
  height: 20px;
  margin-left: 5px;
}
.header .header-row.secondary-header {
  height: auto;
  position: absolute;
  width: 100%;
  top: -1000px;
  background-color: #ffffff !important;
  padding-bottom: 10px;
  border-bottom: 1px solid #f3f3f3;
}
.header .header-row.secondary-header .flex-col,
.header .header-row.secondary-header .flex-row {
  background-color: #ffffff;
}
.header .header-row.secondary-header .nav-link {
  margin-bottom: 0;
  padding-bottom: 0;
}
.header .header-row.secondary-header .subheader-campaign {
  cursor: pointer;
  padding-bottom: 20px;
  position: absolute;
  top: 20px;
  height: 120px;
  background-size: cover;
  background-position: 50% 50%;
}
.header .header-row.secondary-header .subheader-campaign .bg-img {
  height: calc(100% + 20px);
  width: 250px;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.header .header-row.secondary-header .subheader-campaign .subtitle {
  color: #999999;
  margin-top: 10px;
}
.header .header-row.secondary-header .subheader-campaign#Campaign1 {
  right: 30px;
}
.header .header-row.secondary-header .subheader-campaign#Campaign2 {
  background-image: url(https://s3.amazonaws.com/arrivals/header/refer-a-friend-campaign.jpg);
  right: calc(250px + 20px + 30px);
}
.header .header-row.secondary-header .subheader-campaign#ReferAFriend {
  right: auto;
  left: 20px;
}
.header .header-row.secondary-header#CategorySubheader {
  z-index: 100;
  padding-top: 20px;
  padding-bottom: 20px;
}
.header .header-row.secondary-header#CategorySubheader #SubHeaderOnomiepedia,
.header .header-row.secondary-header#CategorySubheader #SubHeaderProducts {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.header .header-row.secondary-header#CategorySubheader .category-container-row {
  padding-bottom: 20px;
  margin-left: 300px;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.header .header-row.secondary-header#CategorySubheader .category-container-row .container-col {
  margin-right: 60px;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.header .header-row.secondary-header#CategorySubheader .category-container-row .container-col .nav-link {
  margin-bottom: 5px;
}
.header .header-row.secondary-header#CategorySubheader .category-container-row .container-col .nav-link.container-title {
  margin-bottom: 10px;
}
.header .header-row.secondary-header#FilterHeaderRow {
  z-index: 100;
}
.header .header-row.secondary-header#FilterHeaderRow #FilterControls {
  margin-top: 10px;
}
.header .header-row.secondary-header#FilterHeaderRow #FilterControls .close-secondary-header.flex-row,
.header .header-row.secondary-header#FilterHeaderRow #FilterControls .clear-filters.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-flex-flow: row !important;
  -moz-flex-flow: row !important;
  -ms-flex-flow: row !important;
  flex-flow: row !important;
}
.header .header-row.secondary-header#FilterHeaderRow #FilterControls .close-secondary-header .nav-link,
.header .header-row.secondary-header#FilterHeaderRow #FilterControls .clear-filters .nav-link {
  margin: 5px 0;
  padding: 0;
}
.header .header-row.secondary-header#FilterHeaderRow #FilterControls .close-secondary-header .trash-icon svg,
.header .header-row.secondary-header#FilterHeaderRow #FilterControls .clear-filters .trash-icon svg {
  width: 20px;
  height: 20px;
}
.header .header-row.secondary-header#FilterHeaderRow #FilterControls .close-secondary-header .close-icon svg,
.header .header-row.secondary-header#FilterHeaderRow #FilterControls .clear-filters .close-icon svg {
  width: 15px;
  height: 15px;
}
.header .header-row.secondary-header#FilterHeaderRow #FilterControls .close-secondary-header svg,
.header .header-row.secondary-header#FilterHeaderRow #FilterControls .clear-filters svg {
  margin-right: 10px;
  fill: #999999;
  cursor: pointer;
}
.header .header-row.secondary-header#FilterHeaderRow #FilterControls .close-secondary-header svg:active,
.header .header-row.secondary-header#FilterHeaderRow #FilterControls .clear-filters svg:active {
  position: relative;
  top: 2px;
}
.header .header-row.secondary-header#FilterHeaderRow #FilterControls .close-secondary-header svg:active,
.header .header-row.secondary-header#FilterHeaderRow #FilterControls .clear-filters svg:active {
  position: relative;
  top: 2px;
}
.header .header-section {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  /* women, men, our story, try it on */
  /* mobile centered logo */
  /* login + bag */
}
.header .header-section#MainNav {
  border-right: 2px solid rgba(0, 0, 0, 0.25);
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 20px;
  position: fixed;
  /*height: 100vh;*/
  height: 100%;
  top: 0;
  left: -440px;
  width: 220px;
  max-width: calc(100% - 40px);
  z-index: 100;
}
.header .header-section#MainNav .main-nav-container {
  /*width: 100%;*/
}
.header .header-section#MainNav .slideoutnav-submenu {
  margin-left: 10px;
  /*color: @dark_grey;*/
}
.header .header-section#MainNav .slideoutnav-submenu .dot-dot-dot-icon svg {
  fill: #999999;
  width: 40px;
  height: 10px;
}
.header .header-section#MainNav .slideoutnav-submenu .circle {
  background-color: #999999;
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
  margin: 2.5px;
}
.header .header-section#MainNav .slideoutnav-submenu .nav-link.container-first {
  margin-bottom: 0;
}
.header .header-section#MainNav .slideoutnav-submenu .nav-link.container-break {
  /*margin-bottom: @gutter;*/
}
.header .header-section#MainNav .slideoutnav-submenu .slideout-submenu-more-trigger {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.header .header-section#MainNav .slideoutnav-submenu .slideout-submenu-more-trigger .circle {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  margin: 3px;
  background-color: rgba(0, 0, 0, 0);
  border-color: #333333;
  border: 1px solid;
}
.header .header-section#MainNav .slideoutnav-submenu .slideout-submenu-more-container {
  margin: 0;
  padding: 0;
}
.header .header-section#CenterHeaderLogo {
  height: 60px;
  line-height: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  margin: 0 auto;
}
.header .header-section#SecondaryNav {
  /*height: @min_header_height;*/
  margin-right: 10px;
}
.header .header-section .holiday-shipping-trigger {
  text-transform: uppercase;
  cursor: pointer;
}
.header #MobileHamburgerBtn {
  position: absolute;
  top: 10px;
  left: 20px;
  cursor: pointer;
}
.header .mobile-close-container {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  width: 100%;
}
.header .mobile-close-container #MobileCloseBtn {
  cursor: pointer;
  float: right;
  line-height: 1em;
}
.header #MobileProductsTitle {
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  letter-spacing: 0.1em;
  cursor: pointer;
  text-transform: uppercase;
  margin: 10px 0;
  cursor: default;
}
.header #MobileProductsTitle:active {
  position: relative;
  top: 2px;
}
.header #MobileProductsTitle:active {
  position: relative;
  top: 2px;
}
.header #MobileProductsTitle:hover {
  text-decoration: underline;
}
.header #MobileProductsTitle svg {
  height: 30px;
  width: 30px;
}
.header #MobileSubHeader {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin-left: 20px;
}
.header #MobileSubHeader .nav-link {
  /*.underline;*/
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
  width: 100%;
}
.header #ArrivalsSeal {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  /*width: @slideoutnav_width;*/
  /*margin-left: 60px; 	// center*/
  padding-bottom: 40px;
}
.header #ArrivalsSeal .arrivals-mark svg {
  fill: #333333;
  margin-top: 20px;
  width: 100px;
  height: 100px;
}
.header #SlideOutBagTrigger {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  cursor: pointer;
}
.header #SlideOutBagTrigger:active {
  position: relative;
  top: 2px;
}
.header #SlideOutBagTrigger:active {
  position: relative;
  top: 2px;
}
.header #SlideOutBagTrigger .nav-link {
  margin-right: 0;
}
/* desktop */
.desktop .header {
  /*margin-top: -@pagebanner_height - 10px; 	// padding*/
  height: auto;
}
.desktop .header #LeftHeaderLogo {
  margin-right: 10px;
}
.desktop .header.white-header .nav-link {
  border-color: #ffffff !important;
}
.desktop .header.white-header .header-row h1,
.desktop .header.white-header .header-row h2,
.desktop .header.white-header .header-row h3,
.desktop .header.white-header .header-row h4,
.desktop .header.white-header .header-row p,
.desktop .header.white-header .header-row a {
  color: #ffffff;
}
.desktop .header.white-header .header-row svg path,
.desktop .header.white-header .header-row svg line,
.desktop .header.white-header .header-row svg polygon,
.desktop .header.white-header .header-row svg rect,
.desktop .header.white-header .header-row svg stroke,
.desktop .header.white-header .header-row svg circle,
.desktop .header.white-header .header-row svg polyline {
  fill: #ffffff;
  stroke: #ffffff;
}
.desktop .header.white-header .header-row.button {
  background-color: #ffffff;
  color: #333333;
}
.desktop .header.white-header .header-row h1,
.desktop .header.white-header .header-row h2,
.desktop .header.white-header .header-row h3,
.desktop .header.white-header .header-row h4,
.desktop .header.white-header .header-row p,
.desktop .header.white-header .header-row a {
  color: #ffffff;
}
.desktop .header.white-header .header-row svg path,
.desktop .header.white-header .header-row svg line,
.desktop .header.white-header .header-row svg polygon,
.desktop .header.white-header .header-row svg rect,
.desktop .header.white-header .header-row svg stroke,
.desktop .header.white-header .header-row svg circle,
.desktop .header.white-header .header-row svg polyline {
  fill: #ffffff;
  stroke: #ffffff;
}
.desktop .header.white-header .header-row.button {
  background-color: #ffffff;
  color: #333333;
}
.desktop .header.white-header .header-row .bag-icon svg polygon {
  stroke: #ffffff;
}
.desktop .header.white-header .breadcrumbs .breadcrumbs-list .crumb {
  background-color: #ffffff;
}
.desktop .header.black-header .arrivals-logo svg * {
  stroke: none !important;
}
.desktop .header.black-header .nav-link {
  border-color: #333333 !important;
}
.desktop .header.black-header .header-row {
  color: #333333;
}
.desktop .header.black-header .header-row h1,
.desktop .header.black-header .header-row h2,
.desktop .header.black-header .header-row h3,
.desktop .header.black-header .header-row h4,
.desktop .header.black-header .header-row p,
.desktop .header.black-header .header-row a {
  color: #333333;
}
.desktop .header.black-header .header-row svg path,
.desktop .header.black-header .header-row svg line,
.desktop .header.black-header .header-row svg polygon,
.desktop .header.black-header .header-row svg rect,
.desktop .header.black-header .header-row svg stroke,
.desktop .header.black-header .header-row svg circle,
.desktop .header.black-header .header-row svg polyline {
  fill: #333333;
  stroke: #333333;
}
.desktop .header.black-header .header-row h1,
.desktop .header.black-header .header-row h2,
.desktop .header.black-header .header-row h3,
.desktop .header.black-header .header-row h4,
.desktop .header.black-header .header-row p,
.desktop .header.black-header .header-row a {
  color: #333333;
}
.desktop .header.black-header .header-row svg path,
.desktop .header.black-header .header-row svg line,
.desktop .header.black-header .header-row svg polygon,
.desktop .header.black-header .header-row svg rect,
.desktop .header.black-header .header-row svg stroke,
.desktop .header.black-header .header-row svg circle,
.desktop .header.black-header .header-row svg polyline {
  fill: #333333;
  stroke: #333333;
}
.desktop .header.black-header .header-row .bag-icon svg polygon {
  stroke: #333333;
}
.desktop .header.black-header .header-row .bag-icon-total p {
  color: #ffffff;
}
.desktop .header[data-transparent=true] .header-row {
  background: rgba(255, 255, 255, 0) !important;
}
.desktop .header[data-transparent=false] .header-row {
  background: #ffffff !important;
}
.desktop .header .breadcrumbs .breadcrumbs-list .crumb {
  background-color: #333333;
}
.desktop .header .page-banner {
  height: 30px;
}
.desktop .header .page-banner.cyber-monday {
  font-size: 1.4em;
}
.desktop .header .header-row {
  background-color: rgba(0, 0, 0, 0);
}
.desktop .header .header-row#PrimaryHeader {
  height: 80px;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.desktop .header .header-row#MobileSearch {
  display: none;
}
.desktop .header .header-section {
  margin: 0 20px;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.desktop .header .header-section .nav-link {
  margin: 0 20px;
}
.desktop .header .header-section#MainNav {
  /*max-width: 50vw;*/
  border: none;
  padding: 0;
  position: static;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: auto;
  height: auto;
}
.desktop .header .header-section#MainNav .main-nav-container {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  /*.align-items(flex-start);*/
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.desktop .header .header-section#MainNav #LeftHeaderLogo {
  height: 50px;
  line-height: 0;
  cursor: pointer;
}
.desktop .header .header-section#MainNav #LeftHeaderLogo svg {
  width: 225px;
  height: 52px;
}
.desktop .header .header-section#MainNav .filter-trigger-container {
  display: block;
}
.desktop .header .header-section#MainNav .filter-trigger-container .arrow-icon svg {
  width: 20px;
  height: 10px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.desktop .header .header-section#MainNav .filter-trigger-container .nav-link {
  margin: 0;
}
.desktop .header .header-section#SecondaryNav {
  margin-right: 20px;
  /*margin-top: -@gutter/2; 	// so it's aligned with MainNav by removing difference of bag icon handle*/
}
.desktop .header .header-section .holiday-shipping-trigger {
  color: #999999;
  position: absolute;
  right: 20px;
  top: 50px;
}
.desktop .header #HamburgerBtn {
  display: none;
}
/* tablet */
.tablet .header {
  /*	&.white-header {
		#CenterHeaderLogo {
			svg {
				* {
					fill: @white;
				}
			}
		}
		.bag-icon {													// !!! bit of a hacky solution -ks
			svg {
				polygon, path {
					stroke: @white;
					fill: @white;
				}
			}
		}
		#MobileHamburgerBtn {
			color: @white;
		}
		.breadcrumbs {
			.breadcrumbs-list {
				.crumb {
					background-color: @white;
				}
			}
		}
	}*/
}
.tablet .header .header-row {
  background-color: #ffffff;
}
.tablet .header .header-row#PrimaryHeader {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.tablet .header .header-row .nav-link {
  margin: 5px 0;
  padding: 10px 0;
}
.tablet .header .header-section#MainNav {
  background-color: #ffffff;
}
.tablet .header .header-section#CenterHeaderLogo {
  left: calc(50% - 130px);
  left: calc(50% - 260px/2);
  left: -moz-calc(50% - 260px/2);
  left: -webkit-calc(50% - 260px/2);
  left: -o-calc(50% - 260px/2);
}
.tablet .header .header-section#CenterHeaderLogo .onomie-logo {
  width: 260px;
}
.tablet .header .header-section#CenterHeaderLogo .onomie-logo svg {
  max-width: 260px;
  width: 100%;
  height: 100%;
}
/* phone */
.phone .header .header-row,
.tablet .header .header-row {
  background-color: #ffffff;
}
.phone .header .header-row .main-nav-container,
.tablet .header .header-row .main-nav-container {
  padding-bottom: 60px;
}
.phone .header .header-row#PrimaryHeader,
.tablet .header .header-row#PrimaryHeader {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.phone .header .header-row#FilterHeaderRow,
.tablet .header .header-row#FilterHeaderRow {
  font-size: 10px;
  padding-top: 10px;
  margin-top: -2px;
}
.phone .header .header-row .nav-link,
.tablet .header .header-row .nav-link {
  margin: 5px 0;
  padding: 5px 0;
}
.phone .header .header-section#MainNav,
.tablet .header .header-section#MainNav {
  background-color: #ffffff;
  height: 100vh;
}
.phone .header .header-section#MainNav .nav-link,
.tablet .header .header-section#MainNav .nav-link {
  /*opacity: 0;*/
  /*margin-left: -100px;*/
}
.phone .header .header-section#MainNav .main-nav-container,
.tablet .header .header-section#MainNav .main-nav-container {
  overflow-y: scroll;
}
.phone .header .header-section#CenterHeaderLogo,
.tablet .header .header-section#CenterHeaderLogo {
  left: 25%;
  left: calc(50vw - 80px);
  left: calc(50vw - 160px/2);
  left: -moz-calc(50vw - 160px/2);
  left: -webkit-calc(50vw - 160px/2);
  left: -o-calc(50vw - 160px/2);
}
.phone .header .header-section#CenterHeaderLogo .onomie-logo,
.tablet .header .header-section#CenterHeaderLogo .onomie-logo {
  width: 160px;
}
.phone .header .header-section#CenterHeaderLogo .onomie-logo svg,
.tablet .header .header-section#CenterHeaderLogo .onomie-logo svg {
  /*max-width: 160px;*/
  /*width: 100%;*/
  width: 160px;
  height: 100%;
}
.phone .header .subheader-section,
.tablet .header .subheader-section {
  /*margin-bottom: @gutter;*/
}
.phone .header .subheader-section .title,
.tablet .header .subheader-section .title {
  margin-bottom: 10px;
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
}
.phone .header .subheader-section .subtitle,
.tablet .header .subheader-section .subtitle {
  text-transform: uppercase;
  margin-left: 10px;
  margin-bottom: 10px;
}
/* no touch */
/*
	* onomie guarantee
	* .onomie-seal is used on /checkout/confirm && /checkout/paypal_approved
*/
.onomie-guarantee,
.onomie-seal {
  background: #fdf9fa;
  text-align: center;
  padding: 40px 0;
}
.onomie-guarantee .onomie-logo svg,
.onomie-seal .onomie-logo svg {
  margin-bottom: 20px;
  width: 125px;
  height: 26px;
}
.onomie-guarantee .onomie-mark svg,
.onomie-seal .onomie-mark svg {
  margin: 40px 0;
  width: 150px;
  height: 150px;
  fill: #333333;
}
.onomie-guarantee .email-subscription-confirmation,
.onomie-seal .email-subscription-confirmation {
  margin-top: 20px;
}
.onomie-guarantee #Subtext,
.onomie-seal #Subtext {
  color: #999999;
}
.onomie-guarantee #Subtext a,
.onomie-seal #Subtext a {
  color: #6dcff6;
}
.phone .onomie-guarantee {
  margin-top: 40px;
}
.email-subscription-form {
  /*.border(red);*/
  margin: 0 auto;
}
.footer {
  padding: 30px 0;
  margin: 0 30px;
  background-color: #ffffff;
  text-align: center;
  color: #333333;
  border-top: 1px solid #f3f3f3;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer p,
.footer a {
  color: #333333;
}
.footer svg path,
.footer svg line,
.footer svg polygon,
.footer svg rect,
.footer svg stroke,
.footer svg circle,
.footer svg polyline {
  fill: #333333;
  stroke: #333333;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer p,
.footer a {
  color: #333333;
}
.footer svg path,
.footer svg line,
.footer svg polygon,
.footer svg rect,
.footer svg stroke,
.footer svg circle,
.footer svg polyline {
  fill: #333333;
  stroke: #333333;
}
.footer .footer-row {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
.footer .footer-row .nav-link {
  margin: 10px 0;
  text-transform: uppercase;
}
.footer .pinterest-icon,
.footer .instagram-icon,
.footer .twitter-icon,
.footer .facebook-icon {
  cursor: pointer;
}
.footer .pinterest-icon:active,
.footer .instagram-icon:active,
.footer .twitter-icon:active,
.footer .facebook-icon:active {
  position: relative;
  top: 2px;
}
.footer .pinterest-icon:active,
.footer .instagram-icon:active,
.footer .twitter-icon:active,
.footer .facebook-icon:active {
  position: relative;
  top: 2px;
}
.footer .pinterest-icon svg,
.footer .instagram-icon svg,
.footer .twitter-icon svg,
.footer .facebook-icon svg {
  height: 22px;
  width: 22px;
  margin: 0 5px;
}
.desktop .footer .footer-row {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.desktop .footer .footer-row .footer-section {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.desktop .footer .footer-row .nav-link {
  margin: 0 10px;
}
.home .content .title,
.home_new_users .content .title,
.home_old_users .content .title,
.home .content .subtitle,
.home_new_users .content .subtitle,
.home_old_users .content .subtitle,
.home .content .paragraph-content,
.home_new_users .content .paragraph-content,
.home_old_users .content .paragraph-content {
  width: calc(100% - 40px);
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.home .content #WelcomeToBanner,
.home_new_users .content #WelcomeToBanner,
.home_old_users .content #WelcomeToBanner {
  font-family: 'HelveticaNeueW01-UltLt', sans-serif;
  margin-bottom: 20px;
  line-height: 1.3em;
}
.home .content .hero-title,
.home_new_users .content .hero-title,
.home_old_users .content .hero-title {
  font-weight: normal !important;
  /*.ogg-roman;*/
  letter-spacing: normal;
  margin-bottom: 20px;
}
.home .content .hero-subtitle,
.home_new_users .content .hero-subtitle,
.home_old_users .content .hero-subtitle {
  font-weight: lighter;
  letter-spacing: 0.1em;
}
.home .content .socialmedia-links,
.home_new_users .content .socialmedia-links,
.home_old_users .content .socialmedia-links {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 40px;
}
.home .content .socialmedia-links a,
.home_new_users .content .socialmedia-links a,
.home_old_users .content .socialmedia-links a {
  color: #333333;
  text-decoration: none;
}
.home .content .socialmedia-links li,
.home_new_users .content .socialmedia-links li,
.home_old_users .content .socialmedia-links li {
  margin: 10px;
  text-transform: uppercase;
  border-bottom: 1px solid #333333;
}
.home .content .socialmedia-links li.onomie-blue,
.home_new_users .content .socialmedia-links li.onomie-blue,
.home_old_users .content .socialmedia-links li.onomie-blue {
  border-bottom: 1px solid #6dcff6;
}
.home .content .slideshow .slide .illustration svg,
.home_new_users .content .slideshow .slide .illustration svg,
.home_old_users .content .slideshow .slide .illustration svg {
  margin-bottom: 20px;
}
.home .content #HomepageBanner,
.home_new_users .content #HomepageBanner,
.home_old_users .content #HomepageBanner {
  min-height: 460px;
  /* calc fallback */
  height: calc(100vh - 80px);
  height: -moz-calc(100vh - 80px);
  height: -webkit-calc(100vh - 80px);
  height: -o-calc(100vh - 80px);
  /* viewport units fallback */
  content: 'viewport-units-buggyfill; height: calc(100vh - 80px);';
  background-position: 100% 50%;
}
.home .content #HomepageBanner .overlay,
.home_new_users .content #HomepageBanner .overlay,
.home_old_users .content #HomepageBanner .overlay {
  background-size: cover;
  background-position: 50% 50%;
}
.home .content #HomepageBanner .overlay .text .huge.title,
.home_new_users .content #HomepageBanner .overlay .text .huge.title,
.home_old_users .content #HomepageBanner .overlay .text .huge.title {
  font-size: 10em;
}
.home .content #HomepageBanner .overlay .text .title,
.home_new_users .content #HomepageBanner .overlay .text .title,
.home_old_users .content #HomepageBanner .overlay .text .title,
.home .content #HomepageBanner .overlay .text .subtitle,
.home_new_users .content #HomepageBanner .overlay .text .subtitle,
.home_old_users .content #HomepageBanner .overlay .text .subtitle {
  font-weight: normal;
}
.home .content #HomepageBanner .overlay .text #ProtectSkin,
.home_new_users .content #HomepageBanner .overlay .text #ProtectSkin,
.home_old_users .content #HomepageBanner .overlay .text #ProtectSkin {
  margin-bottom: 10px;
}

.home .content .page .subtitle,
.home_new_users .content .page .subtitle,
.home_old_users .content .page .subtitle,
.home .content .page .paragraph-content,
.home_new_users .content .page .paragraph-content,
.home_old_users .content .page .paragraph-content {
  color: #999999;
}
.home .content .page.grey-background,
.home_new_users .content .page.grey-background,
.home_old_users .content .page.grey-background {
  background-color: #f3f3f3;
}
.home .content .page#BrandStatements .eye-icon,
.home_new_users .content .page#BrandStatements .eye-icon,
.home_old_users .content .page#BrandStatements .eye-icon,
.home .content .page#BrandStatements .drop-icon,
.home_new_users .content .page#BrandStatements .drop-icon,
.home_old_users .content .page#BrandStatements .drop-icon,
.home .content .page#BrandStatements .leaf-icon,
.home_new_users .content .page#BrandStatements .leaf-icon,
.home_old_users .content .page#BrandStatements .leaf-icon,
.home .content .page#BrandStatements .microscope-icon,
.home_new_users .content .page#BrandStatements .microscope-icon,
.home_old_users .content .page#BrandStatements .microscope-icon {
  margin-bottom: 10px;
}
.home .content .page#BrandStatements .eye-icon svg path,
.home_new_users .content .page#BrandStatements .eye-icon svg path,
.home_old_users .content .page#BrandStatements .eye-icon svg path,
.home .content .page#BrandStatements .drop-icon svg path,
.home_new_users .content .page#BrandStatements .drop-icon svg path,
.home_old_users .content .page#BrandStatements .drop-icon svg path,
.home .content .page#BrandStatements .leaf-icon svg path,
.home_new_users .content .page#BrandStatements .leaf-icon svg path,
.home_old_users .content .page#BrandStatements .leaf-icon svg path,
.home .content .page#BrandStatements .microscope-icon svg path,
.home_new_users .content .page#BrandStatements .microscope-icon svg path,
.home_old_users .content .page#BrandStatements .microscope-icon svg path,
.home .content .page#BrandStatements .eye-icon svg line,
.home_new_users .content .page#BrandStatements .eye-icon svg line,
.home_old_users .content .page#BrandStatements .eye-icon svg line,
.home .content .page#BrandStatements .drop-icon svg line,
.home_new_users .content .page#BrandStatements .drop-icon svg line,
.home_old_users .content .page#BrandStatements .drop-icon svg line,
.home .content .page#BrandStatements .leaf-icon svg line,
.home_new_users .content .page#BrandStatements .leaf-icon svg line,
.home_old_users .content .page#BrandStatements .leaf-icon svg line,
.home .content .page#BrandStatements .microscope-icon svg line,
.home_new_users .content .page#BrandStatements .microscope-icon svg line,
.home_old_users .content .page#BrandStatements .microscope-icon svg line,
.home .content .page#BrandStatements .eye-icon svg polygon,
.home_new_users .content .page#BrandStatements .eye-icon svg polygon,
.home_old_users .content .page#BrandStatements .eye-icon svg polygon,
.home .content .page#BrandStatements .drop-icon svg polygon,
.home_new_users .content .page#BrandStatements .drop-icon svg polygon,
.home_old_users .content .page#BrandStatements .drop-icon svg polygon,
.home .content .page#BrandStatements .leaf-icon svg polygon,
.home_new_users .content .page#BrandStatements .leaf-icon svg polygon,
.home_old_users .content .page#BrandStatements .leaf-icon svg polygon,
.home .content .page#BrandStatements .microscope-icon svg polygon,
.home_new_users .content .page#BrandStatements .microscope-icon svg polygon,
.home_old_users .content .page#BrandStatements .microscope-icon svg polygon,
.home .content .page#BrandStatements .eye-icon svg rect,
.home_new_users .content .page#BrandStatements .eye-icon svg rect,
.home_old_users .content .page#BrandStatements .eye-icon svg rect,
.home .content .page#BrandStatements .drop-icon svg rect,
.home_new_users .content .page#BrandStatements .drop-icon svg rect,
.home_old_users .content .page#BrandStatements .drop-icon svg rect,
.home .content .page#BrandStatements .leaf-icon svg rect,
.home_new_users .content .page#BrandStatements .leaf-icon svg rect,
.home_old_users .content .page#BrandStatements .leaf-icon svg rect,
.home .content .page#BrandStatements .microscope-icon svg rect,
.home_new_users .content .page#BrandStatements .microscope-icon svg rect,
.home_old_users .content .page#BrandStatements .microscope-icon svg rect,
.home .content .page#BrandStatements .eye-icon svg stroke,
.home_new_users .content .page#BrandStatements .eye-icon svg stroke,
.home_old_users .content .page#BrandStatements .eye-icon svg stroke,
.home .content .page#BrandStatements .drop-icon svg stroke,
.home_new_users .content .page#BrandStatements .drop-icon svg stroke,
.home_old_users .content .page#BrandStatements .drop-icon svg stroke,
.home .content .page#BrandStatements .leaf-icon svg stroke,
.home_new_users .content .page#BrandStatements .leaf-icon svg stroke,
.home_old_users .content .page#BrandStatements .leaf-icon svg stroke,
.home .content .page#BrandStatements .microscope-icon svg stroke,
.home_new_users .content .page#BrandStatements .microscope-icon svg stroke,
.home_old_users .content .page#BrandStatements .microscope-icon svg stroke,
.home .content .page#BrandStatements .eye-icon svg circle,
.home_new_users .content .page#BrandStatements .eye-icon svg circle,
.home_old_users .content .page#BrandStatements .eye-icon svg circle,
.home .content .page#BrandStatements .drop-icon svg circle,
.home_new_users .content .page#BrandStatements .drop-icon svg circle,
.home_old_users .content .page#BrandStatements .drop-icon svg circle,
.home .content .page#BrandStatements .leaf-icon svg circle,
.home_new_users .content .page#BrandStatements .leaf-icon svg circle,
.home_old_users .content .page#BrandStatements .leaf-icon svg circle,
.home .content .page#BrandStatements .microscope-icon svg circle,
.home_new_users .content .page#BrandStatements .microscope-icon svg circle,
.home_old_users .content .page#BrandStatements .microscope-icon svg circle,
.home .content .page#BrandStatements .eye-icon svg polyline,
.home_new_users .content .page#BrandStatements .eye-icon svg polyline,
.home_old_users .content .page#BrandStatements .eye-icon svg polyline,
.home .content .page#BrandStatements .drop-icon svg polyline,
.home_new_users .content .page#BrandStatements .drop-icon svg polyline,
.home_old_users .content .page#BrandStatements .drop-icon svg polyline,
.home .content .page#BrandStatements .leaf-icon svg polyline,
.home_new_users .content .page#BrandStatements .leaf-icon svg polyline,
.home_old_users .content .page#BrandStatements .leaf-icon svg polyline,
.home .content .page#BrandStatements .microscope-icon svg polyline,
.home_new_users .content .page#BrandStatements .microscope-icon svg polyline,
.home_old_users .content .page#BrandStatements .microscope-icon svg polyline {
  stroke: #333333;
}
.home .content .page#BrandStatements .flex-row,
.home_new_users .content .page#BrandStatements .flex-row,
.home_old_users .content .page#BrandStatements .flex-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.home .content .page#BrandStatements .fourth-span,
.home_new_users .content .page#BrandStatements .fourth-span,
.home_old_users .content .page#BrandStatements .fourth-span {
  margin-bottom: 20px;
}
.home .content .page#BrandStatements .fourth-span .dummy-icon,
.home_new_users .content .page#BrandStatements .fourth-span .dummy-icon,
.home_old_users .content .page#BrandStatements .fourth-span .dummy-icon {
  margin: 20px 0;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background-color: #f3f3f3;
}
.home .content .page#TheProducts .product-section,
.home_new_users .content .page#TheProducts .product-section,
.home_old_users .content .page#TheProducts .product-section {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 10px;
}
.home .content .page#TheProducts .product-section .flex-row .third-span .third-span-section,
.home_new_users .content .page#TheProducts .product-section .flex-row .third-span .third-span-section,
.home_old_users .content .page#TheProducts .product-section .flex-row .third-span .third-span-section {
  margin: 20px 0;
}
.home .content .page#TheProducts .product-section .flex-row .third-span .third-span-section .photo,
.home_new_users .content .page#TheProducts .product-section .flex-row .third-span .third-span-section .photo,
.home_old_users .content .page#TheProducts .product-section .flex-row .third-span .third-span-section .photo {
  width: 100%;
}
.home .content .page#TheProducts .product-section .flex-row .third-span .third-span-section .paragraph-content,
.home_new_users .content .page#TheProducts .product-section .flex-row .third-span .third-span-section .paragraph-content,
.home_old_users .content .page#TheProducts .product-section .flex-row .third-span .third-span-section .paragraph-content {
  margin-top: 20px;
}
.home .content .page#TheProducts .product-section .text,
.home_new_users .content .page#TheProducts .product-section .text,
.home_old_users .content .page#TheProducts .product-section .text {
  margin-top: 20px;
}
.home .content .page#TheProducts .product-section .text .title,
.home_new_users .content .page#TheProducts .product-section .text .title,
.home_old_users .content .page#TheProducts .product-section .text .title {
  margin-bottom: 10px;
}
.home .content .page#TheProducts .photo,
.home_new_users .content .page#TheProducts .photo,
.home_old_users .content .page#TheProducts .photo {
  width: 100vw;
  height: 400px;
  background-size: cover;
  background-position: 50% 50%;
}
.home .content .page#HolidayProducts,
.home_new_users .content .page#HolidayProducts,
.home_old_users .content .page#HolidayProducts {
  background-size: cover;
}
.home .content .page#HolidayProducts #HolidayProductsRow,
.home_new_users .content .page#HolidayProducts #HolidayProductsRow,
.home_old_users .content .page#HolidayProducts #HolidayProductsRow {
  margin-top: -60px;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.home .content .page#HolidayProducts #HolidayProductsRow .third-span,
.home_new_users .content .page#HolidayProducts #HolidayProductsRow .third-span,
.home_old_users .content .page#HolidayProducts #HolidayProductsRow .third-span {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.home .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayDuo .image-hover,
.home_new_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayDuo .image-hover,
.home_old_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayDuo .image-hover {
  width: 300px;
  height: 297px;
}
.home .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayGiftCard,
.home_new_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayGiftCard,
.home_old_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayGiftCard {
  cursor: pointer;
}
.home .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayGiftCard:active,
.home_new_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayGiftCard:active,
.home_old_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayGiftCard:active {
  position: relative;
  top: 2px;
}
.home .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayGiftCard:active,
.home_new_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayGiftCard:active,
.home_old_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayGiftCard:active {
  position: relative;
  top: 2px;
}
.home .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayGiftCard .image-hover,
.home_new_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayGiftCard .image-hover,
.home_old_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayGiftCard .image-hover {
  width: 300px;
  height: 225px;
}
.home .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayGiftCard .paragraph-content,
.home_new_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayGiftCard .paragraph-content,
.home_old_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayGiftCard .paragraph-content {
  margin-bottom: 20px;
}
.home .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayCosmeticBag .image-hover,
.home_new_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayCosmeticBag .image-hover,
.home_old_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayCosmeticBag .image-hover {
  width: 300px;
  height: calc(225px - 20px);
  margin-bottom: 20px;
}
.home .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayCosmeticBag .image-hover .top,
.home_new_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayCosmeticBag .image-hover .top,
.home_old_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayCosmeticBag .image-hover .top,
.home .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayCosmeticBag .image-hover .bottom,
.home_new_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayCosmeticBag .image-hover .bottom,
.home_old_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayCosmeticBag .image-hover .bottom {
  top: 18px;
}
.home .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayCosmeticBag .paragraph-content,
.home_new_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayCosmeticBag .paragraph-content,
.home_old_users .content .page#HolidayProducts #HolidayProductsRow .third-span#HolidayCosmeticBag .paragraph-content {
  margin-bottom: 0;
}
.home .content .page#HolidayProducts .image-hover,
.home_new_users .content .page#HolidayProducts .image-hover,
.home_old_users .content .page#HolidayProducts .image-hover {
  /*.clickable();*/
}
.home .content .page#ShesTheFirst,
.home_new_users .content .page#ShesTheFirst,
.home_old_users .content .page#ShesTheFirst {
  background: url(https://s3.amazonaws.com/onm/homepage/shes-the-first-bg.jpg);
  background-size: cover;
}
.home .content .page#ShesTheFirst .half-span#LMTD,
.home_new_users .content .page#ShesTheFirst .half-span#LMTD,
.home_old_users .content .page#ShesTheFirst .half-span#LMTD {
  text-align: left;
}
.home .content .page#ShesTheFirst .paragraph-content,
.home_new_users .content .page#ShesTheFirst .paragraph-content,
.home_old_users .content .page#ShesTheFirst .paragraph-content {
  color: #333333;
}
.home .content .page#ShesTheFirst #ShesTheFirstLogo,
.home_new_users .content .page#ShesTheFirst #ShesTheFirstLogo,
.home_old_users .content .page#ShesTheFirst #ShesTheFirstLogo {
  width: 100%;
  margin-bottom: 20px;
}
.home .content .page#ShesTheFirst #AcePackaging,
.home_new_users .content .page#ShesTheFirst #AcePackaging,
.home_old_users .content .page#ShesTheFirst #AcePackaging {
  max-height: 470px;
}
.home .content .page#TwoProducts,
.home_new_users .content .page#TwoProducts,
.home_old_users .content .page#TwoProducts {
  padding-top: 0;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.home .content .page#TwoProducts img,
.home_new_users .content .page#TwoProducts img,
.home_old_users .content .page#TwoProducts img {
  cursor: pointer;
  /*margin-top: @gutter*2;*/
  width: 100%;
  height: auto;
}
.home .content .page#TwoProducts img:active,
.home_new_users .content .page#TwoProducts img:active,
.home_old_users .content .page#TwoProducts img:active {
  position: relative;
  top: 2px;
}
.home .content .page#TwoProducts img:active,
.home_new_users .content .page#TwoProducts img:active,
.home_old_users .content .page#TwoProducts img:active {
  position: relative;
  top: 2px;
}
.home .content .page#TwoProducts .text,
.home_new_users .content .page#TwoProducts .text,
.home_old_users .content .page#TwoProducts .text {
  background-color: #ffffff;
  padding: 40px 0 20px 0;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.home .content .page#TwoProducts .text .title,
.home_new_users .content .page#TwoProducts .text .title,
.home_old_users .content .page#TwoProducts .text .title {
  cursor: pointer;
}
.home .content .page#TwoProducts .text .title:active,
.home_new_users .content .page#TwoProducts .text .title:active,
.home_old_users .content .page#TwoProducts .text .title:active {
  position: relative;
  top: 2px;
}
.home .content .page#TwoProducts .text .title:active,
.home_new_users .content .page#TwoProducts .text .title:active,
.home_old_users .content .page#TwoProducts .text .title:active {
  position: relative;
  top: 2px;
}
.home .content .page#TwoProducts .button,
.home_new_users .content .page#TwoProducts .button,
.home_old_users .content .page#TwoProducts .button {
  margin: 20px 0;
}
.home .content .page#HSS,
.home_new_users .content .page#HSS,
.home_old_users .content .page#HSS {
  background-size: cover;
  padding: 140px 0;
  background-position: 0% 0%;
}
.home .content .page#SampleProgram .subtitle,
.home_new_users .content .page#SampleProgram .subtitle,
.home_old_users .content .page#SampleProgram .subtitle,
.home .content .page#SampleProgram .paragraph-content,
.home_new_users .content .page#SampleProgram .paragraph-content,
.home_old_users .content .page#SampleProgram .paragraph-content {
  width: 40%;
  min-width: 300px;
  margin: 0 auto;
}
.home .content .page#SampleProgram #SamplePack,
.home_new_users .content .page#SampleProgram #SamplePack,
.home_old_users .content .page#SampleProgram #SamplePack {
  margin: 40px auto;
  max-width: 300px;
  width: 75%;
}
.home .content .page#SampleProgram .button,
.home_new_users .content .page#SampleProgram .button,
.home_old_users .content .page#SampleProgram .button {
  margin: 0 auto;
}
.home .content .page#NerdOut,
.home_new_users .content .page#NerdOut,
.home_old_users .content .page#NerdOut {
  background-color: #f3f3f3;
}
.home .content .page#NerdOut .button-toggle,
.home_new_users .content .page#NerdOut .button-toggle,
.home_old_users .content .page#NerdOut .button-toggle {
  margin-top: 20px;
  margin-bottom: 40px;
}
.home .content .page#NerdOut .slide .paragraph-content,
.home_new_users .content .page#NerdOut .slide .paragraph-content,
.home_old_users .content .page#NerdOut .slide .paragraph-content {
  margin: 20px;
}
.home .content .page#NerdOut #VitaminC #VitaminCText,
.home_new_users .content .page#NerdOut #VitaminC #VitaminCText,
.home_old_users .content .page#NerdOut #VitaminC #VitaminCText {
  text-align: left;
  margin-right: 80px;
}
.home .content .page#NerdOut #VitaminC #VitaminCText .benefits,
.home_new_users .content .page#NerdOut #VitaminC #VitaminCText .benefits,
.home_old_users .content .page#NerdOut #VitaminC #VitaminCText .benefits {
  margin-left: 40px;
}
.home .content .page#NerdOut #PrimerBunch svg,
.home_new_users .content .page#NerdOut #PrimerBunch svg,
.home_old_users .content .page#NerdOut #PrimerBunch svg {
  max-width: 30vw;
  height: auto;
}
.home .content .page#NerdOut #PrimerText,
.home_new_users .content .page#NerdOut #PrimerText,
.home_old_users .content .page#NerdOut #PrimerText {
  text-align: left;
}
.home .content .page#NerdOut #PrimerText .benefits,
.home_new_users .content .page#NerdOut #PrimerText .benefits,
.home_old_users .content .page#NerdOut #PrimerText .benefits {
  margin-left: 40px;
}
.home .content .page#NerdOut #IngredientsSlideshow .slick-slideshow .slide .paragraph-content,
.home_new_users .content .page#NerdOut #IngredientsSlideshow .slick-slideshow .slide .paragraph-content,
.home_old_users .content .page#NerdOut #IngredientsSlideshow .slick-slideshow .slide .paragraph-content {
  margin: 40px;
}
.home .content .page#WhatSheSaw .before-after-text .paragraph-content,
.home_new_users .content .page#WhatSheSaw .before-after-text .paragraph-content,
.home_old_users .content .page#WhatSheSaw .before-after-text .paragraph-content {
  margin-bottom: 0px;
}
.home .content .page .breadcrumbs,
.home_new_users .content .page .breadcrumbs,
.home_old_users .content .page .breadcrumbs {
  margin-top: 20px;
}
.home .content .page#HomeReviews,
.home_new_users .content .page#HomeReviews,
.home_old_users .content .page#HomeReviews {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.home .content .page#HomeReviews .title,
.home_new_users .content .page#HomeReviews .title,
.home_old_users .content .page#HomeReviews .title {
  margin-bottom: 40px;
}
.home .content .page#HomeReviews .paragraph-content,
.home_new_users .content .page#HomeReviews .paragraph-content,
.home_old_users .content .page#HomeReviews .paragraph-content {
  margin-top: 20px;
}
.home .content .page#HomeReviews .name,
.home_new_users .content .page#HomeReviews .name,
.home_old_users .content .page#HomeReviews .name {
  margin-bottom: 20px;
}
.home .content .page#HomeReviews .pink_line,
.home_new_users .content .page#HomeReviews .pink_line,
.home_old_users .content .page#HomeReviews .pink_line {
  border-bottom: solid;
  border-width: 5px;
  margin: 20px;
  width: 180px;
  color: #fcf3f5;
}
.home .content .page#Press .fourth-span,
.home_new_users .content .page#Press .fourth-span,
.home_old_users .content .page#Press .fourth-span {
  margin: 20px;
}
.home .content .page#Press img,
.home_new_users .content .page#Press img,
.home_old_users .content .page#Press img {
  width: 100px;
  height: auto;
}
.home .content .page#Press img#NYTimes,
.home_new_users .content .page#Press img#NYTimes,
.home_old_users .content .page#Press img#NYTimes {
  width: 150px;
}
.home .content .page#Press img#WMagazine,
.home_new_users .content .page#Press img#WMagazine,
.home_old_users .content .page#Press img#WMagazine {
  height: 60px;
  width: 60px;
}
.home .content .page#Press #PressAwards img,
.home_new_users .content .page#Press #PressAwards img,
.home_old_users .content .page#Press #PressAwards img {
  width: 120px;
}
.home .content .page#Press #PressAwards img#R29Award,
.home_new_users .content .page#Press #PressAwards img#R29Award,
.home_old_users .content .page#Press #PressAwards img#R29Award {
  width: 200px;
}
.home .content .page#Press #PressAwards img#SelfAward,
.home_new_users .content .page#Press #PressAwards img#SelfAward,
.home_old_users .content .page#Press #PressAwards img#SelfAward {
  width: 100px;
}
.desktop.home .content #HomepageBannner .overlay,
.desktop.home_new_users .content #HomepageBannner .overlay,
.desktop.home_old_users .content #HomepageBannner .overlay {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.desktop.home .content .socialmedia-links,
.desktop.home_new_users .content .socialmedia-links,
.desktop.home_old_users .content .socialmedia-links {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.desktop.home .content .page#BrandStatements .main,
.desktop.home_new_users .content .page#BrandStatements .main,
.desktop.home_old_users .content .page#BrandStatements .main {
  /*margin-top: -900px;*/
}
.desktop.home .content .page#BrandStatements .flex-row,
.desktop.home_new_users .content .page#BrandStatements .flex-row,
.desktop.home_old_users .content .page#BrandStatements .flex-row {
  margin-top: 40px;
}
.desktop.home .content .page#BrandStatements .fourth-span,
.desktop.home_new_users .content .page#BrandStatements .fourth-span,
.desktop.home_old_users .content .page#BrandStatements .fourth-span {
  margin: 0 20px;
}
.desktop.home .content .page#BrandStatements .welcome,
.desktop.home_new_users .content .page#BrandStatements .welcome,
.desktop.home_old_users .content .page#BrandStatements .welcome {
  margin-bottom: 20px;
  width: 50%;
}
.desktop.home .content .page#BrandStatements .welcome .title,
.desktop.home_new_users .content .page#BrandStatements .welcome .title,
.desktop.home_old_users .content .page#BrandStatements .welcome .title {
  font-size: 21px;
}
.desktop.home .content .page#BrandStatements .main,
.desktop.home_new_users .content .page#BrandStatements .main,
.desktop.home_old_users .content .page#BrandStatements .main {
  font-size: 50px;
}
.desktop.home .content .page#TheProducts img,
.desktop.home_new_users .content .page#TheProducts img,
.desktop.home_old_users .content .page#TheProducts img {
  max-width: 25vw;
}
.desktop.home .content .page#ShesTheFirst #PageTab,
.desktop.home_new_users .content .page#ShesTheFirst #PageTab,
.desktop.home_old_users .content .page#ShesTheFirst #PageTab {
  margin-top: -20px;
  cursor: pointer;
}
.desktop.home .content .page#ShesTheFirst #ShesTheFirstLogo,
.desktop.home_new_users .content .page#ShesTheFirst #ShesTheFirstLogo,
.desktop.home_old_users .content .page#ShesTheFirst #ShesTheFirstLogo {
  max-width: 400px;
}
.desktop.home .content .page#ShesTheFirst #LmtdEdition,
.desktop.home_new_users .content .page#ShesTheFirst #LmtdEdition,
.desktop.home_old_users .content .page#ShesTheFirst #LmtdEdition {
  letter-spacing: 0.45em;
}
.desktop.home .content .page#ShesTheFirst .half-span,
.desktop.home_new_users .content .page#ShesTheFirst .half-span,
.desktop.home_old_users .content .page#ShesTheFirst .half-span {
  /*margin-top: @gutter*2;*/
}
.desktop.home .content .page#ShesTheFirst #LMTD,
.desktop.home_new_users .content .page#ShesTheFirst #LMTD,
.desktop.home_old_users .content .page#ShesTheFirst #LMTD {
  text-align: left;
}
.desktop.home .content .page#ShesTheFirst #AcePackaging,
.desktop.home_new_users .content .page#ShesTheFirst #AcePackaging,
.desktop.home_old_users .content .page#ShesTheFirst #AcePackaging {
  margin-left: 100px;
}
.desktop.home .content .page#HSS,
.desktop.home_new_users .content .page#HSS,
.desktop.home_old_users .content .page#HSS {
  background-size: 150%;
  background-position: 55% 45%;
}
.desktop.home .content .page#SampleProgram #SamplePack,
.desktop.home_new_users .content .page#SampleProgram #SamplePack,
.desktop.home_old_users .content .page#SampleProgram #SamplePack {
  max-width: 500px;
}
.huge-desktop.home .content #HomepageBanner,
.huge-desktop.home_new_users .content #HomepageBanner,
.huge-desktop.home_old_users .content #HomepageBanner {
  background-size: 110%;
  background-position: 0 15%;
}
.huge-desktop.home .content #HomepageBanner .overlay .static-modal,
.huge-desktop.home_new_users .content #HomepageBanner .overlay .static-modal,
.huge-desktop.home_old_users .content #HomepageBanner .overlay .static-modal {
  left: auto;
  right: 2%;
  top: 10%;
}
.huge-desktop.home .content #HomepageBanner .overlay .static-modal#NewShades #ShadesRow,
.huge-desktop.home_new_users .content #HomepageBanner .overlay .static-modal#NewShades #ShadesRow,
.huge-desktop.home_old_users .content #HomepageBanner .overlay .static-modal#NewShades #ShadesRow,
.huge-desktop.home .content #HomepageBanner .overlay .static-modal#BlackFriday #ShadesRow,
.huge-desktop.home_new_users .content #HomepageBanner .overlay .static-modal#BlackFriday #ShadesRow,
.huge-desktop.home_old_users .content #HomepageBanner .overlay .static-modal#BlackFriday #ShadesRow,
.huge-desktop.home .content #HomepageBanner .overlay .static-modal#CyberMonday #ShadesRow,
.huge-desktop.home_new_users .content #HomepageBanner .overlay .static-modal#CyberMonday #ShadesRow,
.huge-desktop.home_old_users .content #HomepageBanner .overlay .static-modal#CyberMonday #ShadesRow {
  margin-top: 40px;
  margin-bottom: 80px;
}
.huge-desktop.home .content #HomepageBanner .overlay .static-modal#NewShades img,
.huge-desktop.home_new_users .content #HomepageBanner .overlay .static-modal#NewShades img,
.huge-desktop.home_old_users .content #HomepageBanner .overlay .static-modal#NewShades img,
.huge-desktop.home .content #HomepageBanner .overlay .static-modal#BlackFriday img,
.huge-desktop.home_new_users .content #HomepageBanner .overlay .static-modal#BlackFriday img,
.huge-desktop.home_old_users .content #HomepageBanner .overlay .static-modal#BlackFriday img,
.huge-desktop.home .content #HomepageBanner .overlay .static-modal#CyberMonday img,
.huge-desktop.home_new_users .content #HomepageBanner .overlay .static-modal#CyberMonday img,
.huge-desktop.home_old_users .content #HomepageBanner .overlay .static-modal#CyberMonday img {
  max-height: 200px;
}
.huge-desktop.home .content #HomepageBanner .overlay .static-modal .modal-content .hero-title,
.huge-desktop.home_new_users .content #HomepageBanner .overlay .static-modal .modal-content .hero-title,
.huge-desktop.home_old_users .content #HomepageBanner .overlay .static-modal .modal-content .hero-title {
  font-size: 7em !important;
}
.tablet.home .content #HomepageBanner,
.tablet.home_new_users .content #HomepageBanner,
.tablet.home_old_users .content #HomepageBanner {
  /* calc fallback */
  height: calc(100vh - 60px);
  height: -moz-calc(100vh - 60px);
  height: -webkit-calc(100vh - 60px);
  height: -o-calc(100vh - 60px);
  /* viewport units fallback */
  content: 'viewport-units-buggyfill; height: calc(100vh - 60px);';
}
.tablet.home .content .page#BrandStatements,
.tablet.home_new_users .content .page#BrandStatements,
.tablet.home_old_users .content .page#BrandStatements {
  margin-top: 20px;
}
.tablet.home .content .page#BrandStatements .main,
.tablet.home_new_users .content .page#BrandStatements .main,
.tablet.home_old_users .content .page#BrandStatements .main {
  /*margin-top: -900px;*/
  font-size: 40px;
}
.tablet.home .content .page#BrandStatements .welcome,
.tablet.home_new_users .content .page#BrandStatements .welcome,
.tablet.home_old_users .content .page#BrandStatements .welcome {
  margin-bottom: 20px;
}
.tablet.home .content .page#BrandStatements .welcome .title,
.tablet.home_new_users .content .page#BrandStatements .welcome .title,
.tablet.home_old_users .content .page#BrandStatements .welcome .title {
  font-size: 5em;
}
.tablet.home .content .page#BrandStatements .paragraph-content,
.tablet.home_new_users .content .page#BrandStatements .paragraph-content,
.tablet.home_old_users .content .page#BrandStatements .paragraph-content {
  margin-bottom: 20px;
}
.tablet.home .content .page#TheProducts img,
.tablet.home_new_users .content .page#TheProducts img,
.tablet.home_old_users .content .page#TheProducts img {
  max-width: 25vw;
}
.tablet.home .content .page#ShesTheFirst #LMTD,
.tablet.home_new_users .content .page#ShesTheFirst #LMTD,
.tablet.home_old_users .content .page#ShesTheFirst #LMTD {
  margin-left: 80px;
}
.tablet.home .content .page#ShesTheFirst #AcePackaging,
.tablet.home_new_users .content .page#ShesTheFirst #AcePackaging,
.tablet.home_old_users .content .page#ShesTheFirst #AcePackaging {
  margin-right: -80px;
}
.tablet.home .content .page#WhatSheSaw .before-after-sliders-row .flex-col,
.tablet.home_new_users .content .page#WhatSheSaw .before-after-sliders-row .flex-col,
.tablet.home_old_users .content .page#WhatSheSaw .before-after-sliders-row .flex-col {
  margin-left: -8px;
  margin-right: -8px;
}
.tablet.home .content .page#WhatSheSaw .before-after-sliders-row .flex-col .paragraph-content,
.tablet.home_new_users .content .page#WhatSheSaw .before-after-sliders-row .flex-col .paragraph-content,
.tablet.home_old_users .content .page#WhatSheSaw .before-after-sliders-row .flex-col .paragraph-content {
  max-width: 230px;
}
.tablet.home .content .page#NerdOut #ConcealerIngredients #VitaminC .concealerIngredients-icon svg,
.tablet.home_new_users .content .page#NerdOut #ConcealerIngredients #VitaminC .concealerIngredients-icon svg,
.tablet.home_old_users .content .page#NerdOut #ConcealerIngredients #VitaminC .concealerIngredients-icon svg {
  max-width: 100%;
  max-height: 100%;
}
.tablet.home .content .page#NerdOut #PrimerIngredients #PrimerBunch .primer-bunch-icon svg,
.tablet.home_new_users .content .page#NerdOut #PrimerIngredients #PrimerBunch .primer-bunch-icon svg,
.tablet.home_old_users .content .page#NerdOut #PrimerIngredients #PrimerBunch .primer-bunch-icon svg {
  max-width: 100%;
  max-height: 100%;
}
.tablet.home .content .page#HomeReviews,
.tablet.home_new_users .content .page#HomeReviews,
.tablet.home_old_users .content .page#HomeReviews {
  margin: 20px;
}
.tablet.home .content .page#HomeReviews .paragraph-content,
.tablet.home_new_users .content .page#HomeReviews .paragraph-content,
.tablet.home_old_users .content .page#HomeReviews .paragraph-content {
  max-width: 650px;
}
.phone.home .content .bottom-button,
.phone.home_new_users .content .bottom-button,
.phone.home_old_users .content .bottom-button {
  position: absolute;
  bottom: 60px;
  left: calc(50% - 140px);
}
.phone.home .content .bottom-button:active,
.phone.home_new_users .content .bottom-button:active,
.phone.home_old_users .content .bottom-button:active {
  position: absolute;
  bottom: calc(60px - 2px);
  top: auto !important;
}
.phone.home .content #HomepageBanner,
.phone.home_new_users .content #HomepageBanner,
.phone.home_old_users .content #HomepageBanner {
  background-size: cover;
  height: calc(100vh - 100px);
  height: -moz-calc(100vh - 100px);
  height: -webkit-calc(100vh - 100px);
  height: -o-calc(100vh - 100px);
  content: 'viewport-units-buggyfill; height: calc(100vh - 100px);';
}
.phone.home .content #HomepageBanner .overlay,
.phone.home_new_users .content #HomepageBanner .overlay,
.phone.home_old_users .content #HomepageBanner .overlay {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.phone.home .content #HomepageBanner .overlay .text,
.phone.home_new_users .content #HomepageBanner .overlay .text,
.phone.home_old_users .content #HomepageBanner .overlay .text {
  margin-top: 10vh;
}
.phone.home .content #HomepageBanner .overlay .text .title.huge,
.phone.home_new_users .content #HomepageBanner .overlay .text .title.huge,
.phone.home_old_users .content #HomepageBanner .overlay .text .title.huge {
  font-size: 4em;
}
.phone.home .content #HomepageBanner .overlay .text #AgainstWinter,
.phone.home_new_users .content #HomepageBanner .overlay .text #AgainstWinter,
.phone.home_old_users .content #HomepageBanner .overlay .text #AgainstWinter {
  line-height: 1.2em;
}
.phone.home .content .page#BrandStatements,
.phone.home_new_users .content .page#BrandStatements,
.phone.home_old_users .content .page#BrandStatements {
  margin-top: 20px;
}
.phone.home .content .page#BrandStatements .eye-icon,
.phone.home_new_users .content .page#BrandStatements .eye-icon,
.phone.home_old_users .content .page#BrandStatements .eye-icon {
  margin-left: -15px;
}
.phone.home .content .page#BrandStatements .welcome,
.phone.home_new_users .content .page#BrandStatements .welcome,
.phone.home_old_users .content .page#BrandStatements .welcome {
  margin-bottom: 20px;
  margin-left: -140px;
  margin-right: 30px;
}
.phone.home .content .page#BrandStatements .welcome .title,
.phone.home_new_users .content .page#BrandStatements .welcome .title,
.phone.home_old_users .content .page#BrandStatements .welcome .title {
  font-size: 15px;
}
.phone.home .content .page#BrandStatements .main,
.phone.home_new_users .content .page#BrandStatements .main,
.phone.home_old_users .content .page#BrandStatements .main {
  font-size: 35px;
  width: 300px;
}
.phone.home .content .page#HolidayProducts .third-span,
.phone.home_new_users .content .page#HolidayProducts .third-span,
.phone.home_old_users .content .page#HolidayProducts .third-span {
  margin-bottom: 40px;
}
.phone.home .content .page#HolidayProducts .third-span#HolidayGiftCard,
.phone.home_new_users .content .page#HolidayProducts .third-span#HolidayGiftCard,
.phone.home_old_users .content .page#HolidayProducts .third-span#HolidayGiftCard {
  margin-bottom: 0;
}
.phone.home .content .page#HolidayProducts .third-span#HolidayGiftCard .top,
.phone.home_new_users .content .page#HolidayProducts .third-span#HolidayGiftCard .top,
.phone.home_old_users .content .page#HolidayProducts .third-span#HolidayGiftCard .top,
.phone.home .content .page#HolidayProducts .third-span#HolidayGiftCard .bottom,
.phone.home_new_users .content .page#HolidayProducts .third-span#HolidayGiftCard .bottom,
.phone.home_old_users .content .page#HolidayProducts .third-span#HolidayGiftCard .bottom {
  margin-left: 20px;
}
.phone.home .content .page#NerdOut #SpecialIngredientContainer #PrimerBunch svg,
.phone.home_new_users .content .page#NerdOut #SpecialIngredientContainer #PrimerBunch svg,
.phone.home_old_users .content .page#NerdOut #SpecialIngredientContainer #PrimerBunch svg {
  max-width: 90vw;
  margin-bottom: 20px;
}
.phone.home .content .page#NerdOut #ConcealerIngredients #VitaminC,
.phone.home_new_users .content .page#NerdOut #ConcealerIngredients #VitaminC,
.phone.home_old_users .content .page#NerdOut #ConcealerIngredients #VitaminC {
  max-width: 60%;
  max-height: 60%;
  margin-left: 60px;
}
.phone.home .content .page#NerdOut #ConcealerIngredients #VitaminCText,
.phone.home_new_users .content .page#NerdOut #ConcealerIngredients #VitaminCText,
.phone.home_old_users .content .page#NerdOut #ConcealerIngredients #VitaminCText {
  text-align: center;
  margin: 20px;
  margin-left: 60px;
}
.phone.home .content .page#NerdOut #HighlighterIngredients #VitaminCText,
.phone.home_new_users .content .page#NerdOut #HighlighterIngredients #VitaminCText,
.phone.home_old_users .content .page#NerdOut #HighlighterIngredients #VitaminCText {
  margin: 20px;
}
.phone.home .content .page#TheProducts img,
.phone.home_new_users .content .page#TheProducts img,
.phone.home_old_users .content .page#TheProducts img {
  max-height: 40vh;
  width: auto;
  margin: 10px 0;
}
.phone.home .content .page#ShesTheFirst #LMTD,
.phone.home_new_users .content .page#ShesTheFirst #LMTD,
.phone.home_old_users .content .page#ShesTheFirst #LMTD {
  text-align: center;
}
.phone.home .content .page#ShesTheFirst #ShesTheFirstLogo,
.phone.home_new_users .content .page#ShesTheFirst #ShesTheFirstLogo,
.phone.home_old_users .content .page#ShesTheFirst #ShesTheFirstLogo {
  max-width: 300px;
}
.phone.home .content .page#ShesTheFirst #AcePackaging,
.phone.home_new_users .content .page#ShesTheFirst #AcePackaging,
.phone.home_old_users .content .page#ShesTheFirst #AcePackaging {
  margin-left: 80px;
  /* to center image without the shadow in consideration */
}
.phone.home .content .page#Press #PressAwards img#AllureAward,
.phone.home_new_users .content .page#Press #PressAwards img#AllureAward,
.phone.home_old_users .content .page#Press #PressAwards img#AllureAward {
  margin-bottom: 40px;
}
.phone.home .content .page#HomeReviews,
.phone.home_new_users .content .page#HomeReviews,
.phone.home_old_users .content .page#HomeReviews {
  margin-top: 20px;
}
.phone.home .content .page#HomeReviews .paragraph-content,
.phone.home_new_users .content .page#HomeReviews .paragraph-content,
.phone.home_old_users .content .page#HomeReviews .paragraph-content {
  max-width: 350px;
}
.phone.home .content .page#WhatSheSaw .testing,
.phone.home_new_users .content .page#WhatSheSaw .testing,
.phone.home_old_users .content .page#WhatSheSaw .testing {
  margin-left: -50px;
}
.phone.home .content .page#WhatSheSaw .paragraph-content,
.phone.home_new_users .content .page#WhatSheSaw .paragraph-content,
.phone.home_old_users .content .page#WhatSheSaw .paragraph-content {
  width: 300px;
}
.phone.home .content .page#WhatSheSaw #BeforeAfters .before-after-sliders-row .before-after-section,
.phone.home_new_users .content .page#WhatSheSaw #BeforeAfters .before-after-sliders-row .before-after-section,
.phone.home_old_users .content .page#WhatSheSaw #BeforeAfters .before-after-sliders-row .before-after-section {
  margin-left: 20px;
}
.no-touch .home .content .image-hover:hover .top {
  opacity: 0 !important;
}
.no-touch .home .content .image-hover:hover .bottom {
  opacity: 1 !important;
}
.split-banner {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  margin-bottom: 40px;
}
.split-banner .half-span {
  height: 67vh;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: relative;
}
.split-banner .half-span .text {
  margin: auto 80px;
  text-align: left;
  max-width: 500px;
}
.split-banner .half-span .text .button {
  margin-top: 40px;
}
.split-banner .half-span .photo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.text-banner {
  margin-top: 80px;
}
.product-category .category-row {
  margin: 40px auto;
  max-width: 100vw;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.product-category .category-row .half-span,
.product-category .category-row .third-span {
  box-sizing: border-box;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.product-category .category-row .half-span .category-product-item,
.product-category .category-row .third-span .category-product-item {
  cursor: pointer;
  width: 100%;
  margin-bottom: 20px;
}
.product-category .category-row .half-span .category-product-item .text,
.product-category .category-row .third-span .category-product-item .text {
  padding: 0 20px;
  margin: 0 auto;
}
.product-category .category-row .half-span .category-product-item .photo,
.product-category .category-row .third-span .category-product-item .photo {
  margin-bottom: 20px;
  height: 400px;
  background-size: cover;
  background-position: 50% 50%;
}
.product-category .category-row .half-span .category-product-item .button,
.product-category .category-row .third-span .category-product-item .button {
  margin: 20px auto;
}
.product-category .category-row .half-span .category-product-item .photo {
  width: 100%;
  min-height: 500px;
}
.product-category .category-row .third-span {
  /*			margin: @gutter;
			&:first-child {
				margin-left: @gutter*3;
			}
			&:last-child {
				margin-right: @gutter*3;
			}*/
}
#HSSBanner #ImageHalf {
  cursor: pointer;
}
/* responsive */
.desktop.product-category .category-row {
  flex-wrap: wrap;
}
.desktop.product-category .category-row .half-span:nth-child(odd) {
  padding-right: 20px;
}
.desktop.product-category .category-row .half-span:nth-child(even) {
  padding-left: 20px;
}
.phone .split-banner {
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.phone .split-banner .half-span .text {
  text-align: center;
}
.phone .split-banner .half-span .text .button {
  margin-top: 20px;
}
.phone .split-banner#HeroBanner #TextHalf {
  height: auto;
}
.phone .split-banner#HeroBanner #TextHalf .text {
  margin: 20px;
}
.phone.product-category .half-span:first-child,
.phone.product-category .half-span:last-child {
  margin-right: 0;
  margin-left: 0;
}
.phone.product-category .third-span {
  margin: 0 auto;
}
.phone.product-category .third-span:first-child,
.phone.product-category .third-span:last-child {
  margin-right: 0;
  margin-left: 0;
}
.phone.product-category .third-span .category-product-item .photo {
  /*height: 200px;*/
}
.category-generic {
  padding-top: 40px;
}
.product-product,
.information-static-eye_essentials_duo,
.information-static-gift_card,
.complete_complexion_trio {
  /* new product actions forms, w/ new shade selector styles */
}
.product-product #ProductActionsForm,
.information-static-eye_essentials_duo #ProductActionsForm,
.information-static-gift_card #ProductActionsForm,
.complete_complexion_trio #ProductActionsForm {
  /* product freq selectors */
}
.product-product #ProductActionsForm #QuantityAddToBagRow,
.information-static-eye_essentials_duo #ProductActionsForm #QuantityAddToBagRow,
.information-static-gift_card #ProductActionsForm #QuantityAddToBagRow,
.complete_complexion_trio #ProductActionsForm #QuantityAddToBagRow {
  width: 100%;
}
.product-product #ProductActionsForm .square-radio-buttons .radio-buttons-row label,
.information-static-eye_essentials_duo #ProductActionsForm .square-radio-buttons .radio-buttons-row label,
.information-static-gift_card #ProductActionsForm .square-radio-buttons .radio-buttons-row label,
.complete_complexion_trio #ProductActionsForm .square-radio-buttons .radio-buttons-row label {
  width: auto;
  min-width: 30%;
  padding: 15px 0;
}
.product-product #ProductActionsForm #AddToBag,
.information-static-eye_essentials_duo #ProductActionsForm #AddToBag,
.information-static-gift_card #ProductActionsForm #AddToBag,
.complete_complexion_trio #ProductActionsForm #AddToBag {
  margin-top: 20px;
  width: auto;
  padding: 0 20px;
  margin-left: 0;
}
.product-product #ProductActionsForm #AddToBag[disabled],
.information-static-eye_essentials_duo #ProductActionsForm #AddToBag[disabled],
.information-static-gift_card #ProductActionsForm #AddToBag[disabled],
.complete_complexion_trio #ProductActionsForm #AddToBag[disabled] {
  pointer-events: none !important;
}
.product-product .error,
.information-static-eye_essentials_duo .error,
.information-static-gift_card .error,
.complete_complexion_trio .error {
  display: none;
}
.product-product .fixed-modal #AllurePressModal,
.information-static-eye_essentials_duo .fixed-modal #AllurePressModal,
.information-static-gift_card .fixed-modal #AllurePressModal,
.complete_complexion_trio .fixed-modal #AllurePressModal {
  max-width: 800px;
  width: 80vw;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.product-product .fixed-modal #AllurePressModal img,
.information-static-eye_essentials_duo .fixed-modal #AllurePressModal img,
.information-static-gift_card .fixed-modal #AllurePressModal img,
.complete_complexion_trio .fixed-modal #AllurePressModal img {
  max-width: 100%;
}
.product-product .fixed-modal #AllurePressModal #TextRow,
.information-static-eye_essentials_duo .fixed-modal #AllurePressModal #TextRow,
.information-static-gift_card .fixed-modal #AllurePressModal #TextRow,
.complete_complexion_trio .fixed-modal #AllurePressModal #TextRow {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.product-product .fixed-modal #AllurePressModal .text#Title,
.information-static-eye_essentials_duo .fixed-modal #AllurePressModal .text#Title,
.information-static-gift_card .fixed-modal #AllurePressModal .text#Title,
.complete_complexion_trio .fixed-modal #AllurePressModal .text#Title {
  text-align: center;
}
.product-product .fixed-modal #AllurePressModal .text#MainText,
.information-static-eye_essentials_duo .fixed-modal #AllurePressModal .text#MainText,
.information-static-gift_card .fixed-modal #AllurePressModal .text#MainText,
.complete_complexion_trio .fixed-modal #AllurePressModal .text#MainText {
  max-width: 320px;
}
.product-product .fixed-modal #AllurePressModal .text a,
.information-static-eye_essentials_duo .fixed-modal #AllurePressModal .text a,
.information-static-gift_card .fixed-modal #AllurePressModal .text a,
.complete_complexion_trio .fixed-modal #AllurePressModal .text a {
  color: #6dcff6;
  cursor: pointer;
}
.product-product .fixed-modal #AllurePressModal #Credit,
.information-static-eye_essentials_duo .fixed-modal #AllurePressModal #Credit,
.information-static-gift_card .fixed-modal #AllurePressModal #Credit,
.complete_complexion_trio .fixed-modal #AllurePressModal #Credit {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.product-product .content,
.information-static-eye_essentials_duo .content,
.information-static-gift_card .content,
.complete_complexion_trio .content {
  /*
			cosmetic bag hide all the other product.tpl stuff
		*/
}
.product-product .content .title,
.information-static-eye_essentials_duo .content .title,
.information-static-gift_card .content .title,
.complete_complexion_trio .content .title,
.product-product .content .subtitle,
.information-static-eye_essentials_duo .content .subtitle,
.information-static-gift_card .content .subtitle,
.complete_complexion_trio .content .subtitle,
.product-product .content .paragraph-content,
.information-static-eye_essentials_duo .content .paragraph-content,
.information-static-gift_card .content .paragraph-content,
.complete_complexion_trio .content .paragraph-content,
.product-product .content .fine-print,
.information-static-eye_essentials_duo .content .fine-print,
.information-static-gift_card .content .fine-print,
.complete_complexion_trio .content .fine-print {
  /*width: calc(100% ~'-' @gutter*2);*/
  max-width: calc(100vw - 40px);
  margin-left: auto;
  margin-right: auto;
}
.product-product .content .subtitle,
.information-static-eye_essentials_duo .content .subtitle,
.information-static-gift_card .content .subtitle,
.complete_complexion_trio .content .subtitle {
  margin-bottom: 20px;
}
.product-product .content .paragraph-content,
.information-static-eye_essentials_duo .content .paragraph-content,
.information-static-gift_card .content .paragraph-content,
.complete_complexion_trio .content .paragraph-content {
  color: #999999;
}
.product-product .content .product-id,
.information-static-eye_essentials_duo .content .product-id,
.information-static-gift_card .content .product-id,
.complete_complexion_trio .content .product-id {
  display: none;
}
.product-product .content#Product81 #LearnMore,
.information-static-eye_essentials_duo .content#Product81 #LearnMore,
.information-static-gift_card .content#Product81 #LearnMore,
.complete_complexion_trio .content#Product81 #LearnMore,
.product-product .content#Product81 #ShadeFinder,
.information-static-eye_essentials_duo .content#Product81 #ShadeFinder,
.information-static-gift_card .content#Product81 #ShadeFinder,
.complete_complexion_trio .content#Product81 #ShadeFinder,
.product-product .content#Product81 #TriedTrue,
.information-static-eye_essentials_duo .content#Product81 #TriedTrue,
.information-static-gift_card .content#Product81 #TriedTrue,
.complete_complexion_trio .content#Product81 #TriedTrue,
.product-product .content#Product81 #TheExperience,
.information-static-eye_essentials_duo .content#Product81 #TheExperience,
.information-static-gift_card .content#Product81 #TheExperience,
.complete_complexion_trio .content#Product81 #TheExperience,
.product-product .content#Product81 #HowToApplySteps,
.information-static-eye_essentials_duo .content#Product81 #HowToApplySteps,
.information-static-gift_card .content#Product81 #HowToApplySteps,
.complete_complexion_trio .content#Product81 #HowToApplySteps {
  display: none !important;
}
.product-product .content .page,
.information-static-eye_essentials_duo .content .page,
.information-static-gift_card .content .page,
.complete_complexion_trio .content .page {
  /* duo page */
  /* product before afters + charts */
  /* duo & try at home before after + chart */
  /* Highlighter Page, She's the First section */
  /* Eye Essentials Duo only */
}
.product-product .content .page#ProductBanner,
.information-static-eye_essentials_duo .content .page#ProductBanner,
.information-static-gift_card .content .page#ProductBanner,
.complete_complexion_trio .content .page#ProductBanner {
  padding-top: 0;
}
.product-product .content .page#ProductBanner #ProductBannerImg,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductBannerImg,
.information-static-gift_card .content .page#ProductBanner #ProductBannerImg,
.complete_complexion_trio .content .page#ProductBanner #ProductBannerImg {
  background-size: cover;
  height: 100%;
  width: 100%;
  position: relative;
  background-position: 50% center;
}
.product-product .content .page#ProductBanner #ProductBannerImg .product-images-control,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductBannerImg .product-images-control,
.information-static-gift_card .content .page#ProductBanner #ProductBannerImg .product-images-control,
.complete_complexion_trio .content .page#ProductBanner #ProductBannerImg .product-images-control {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.product-product .content .page#ProductBanner #ProductActions,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions,
.information-static-gift_card .content .page#ProductBanner #ProductActions,
.complete_complexion_trio .content .page#ProductBanner #ProductActions {
  /*padding: @gutter 0;*/
  margin: 0 20px;
  background-color: #ffffff;
  height: auto;
  width: 100%;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  /*.justify-content(flex-start);*/
}
.product-product .content .page#ProductBanner #ProductActions #ProductInfo .product-title,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo .product-title,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo .product-title,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo .product-title,
.product-product .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow,
.product-product .content .page#ProductBanner #ProductActions #ProductInfo .product-short-description,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo .product-short-description,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo .product-short-description,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo .product-short-description {
  margin-bottom: 10px !important;
}
.product-product .content .page#ProductBanner #ProductActions #ProductInfo .product-description-extra,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo .product-description-extra,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo .product-description-extra,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo .product-description-extra {
  margin-top: 10px;
}
.product-product .content .page#ProductBanner #ProductActions #ProductInfo .product-short-description,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo .product-short-description,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo .product-short-description,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo .product-short-description {
  /*color: @dark_grey;*/
}
.product-product .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow {
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.product-product .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow .product-price,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow .product-price,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow .product-price,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow .product-price {
  margin-left: 0;
  margin-right: 10px;
  margin-bottom: 0;
}
.product-product .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow .product-price-note,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow .product-price-note,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow .product-price-note,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow .product-price-note {
  font-family: 'HelveticaNeueW01-45Ligh', sans-serif;
}
.product-product .content .page#ProductBanner #ProductActions #ProductInfo #DuoTitle,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo #DuoTitle,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo #DuoTitle,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo #DuoTitle {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.product-product .content .page#ProductBanner #ProductActions #ProductInfo #DuoTitle .title,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo #DuoTitle .title,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo #DuoTitle .title,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo #DuoTitle .title {
  margin: 0;
}
.product-product .content .page#ProductBanner #ProductActions #ProductInfo #DuoTitle .paragraph-content,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo #DuoTitle .paragraph-content,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo #DuoTitle .paragraph-content,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo #DuoTitle .paragraph-content {
  margin-left: 5px;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm {
  width: 100%;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .shipping-delay,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .shipping-delay,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .shipping-delay,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .shipping-delay {
  margin-top: 0;
  margin-bottom: 0;
  text-align: right;
  width: 100%;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm input,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm input,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm input,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm input,
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm select,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm select,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm select,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm select {
  /*font-size: 1em;		// override increased input font size as new default*/
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .button,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .button,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .button,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .button,
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm #ProductCTAs,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm #ProductCTAs,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm #ProductCTAs,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm #ProductCTAs {
  width: 100%;
  max-width: none;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors {
  width: 100%;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors .radio-container,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors .radio-container,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors .radio-container,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors .radio-container {
  width: 100%;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors .radio-container .button,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors .radio-container .button,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors .radio-container .button,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors .radio-container .button {
  width: 50%;
  min-width: 0;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors #PhoneColorSelect,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors #PhoneColorSelect,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors #PhoneColorSelect,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .color-button-selectors #PhoneColorSelect {
  margin-bottom: 10px;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtonsDiscountCopy,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtonsDiscountCopy,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtonsDiscountCopy,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtonsDiscountCopy {
  color: #333333;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtons input:checked + label,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtons input:checked + label,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtons input:checked + label,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtons input:checked + label {
  border-color: #6dcff6;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtons #ProductFreq180:checked + label,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtons #ProductFreq180:checked + label,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtons #ProductFreq180:checked + label,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtons #ProductFreq180:checked + label,
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtons #ProductFreq60:checked + label,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtons #ProductFreq60:checked + label,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtons #ProductFreq60:checked + label,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm #AutoRenewalButtons #ProductFreq60:checked + label {
  background-color: #6dcff6;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors {
  width: 100%;
  margin-bottom: 20px;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container {
  margin-bottom: 20px;
  width: 100%;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container .button,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container .button,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container .button,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container .button {
  width: 33%;
  min-width: 0;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .swatch-container#Primers li,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .swatch-container#Primers li,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .swatch-container#Primers li,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .swatch-container#Primers li {
  margin-right: 0;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm #GiftCardCrossSell,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm #GiftCardCrossSell,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm #GiftCardCrossSell,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm #GiftCardCrossSell {
  margin-bottom: 20px;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm #GiftCardCrossSell label,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm #GiftCardCrossSell label,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm #GiftCardCrossSell label,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm #GiftCardCrossSell label {
  /*border-color: @dark_grey;*/
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm #GiftCardCrossSell .pseudo-label,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm #GiftCardCrossSell .pseudo-label,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm #GiftCardCrossSell .pseudo-label,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm #GiftCardCrossSell .pseudo-label {
  color: black;
  font-family: 'HelveticaNeueW01-55Roma', sans-serif;
}
.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .pre-sale-signup,
.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .pre-sale-signup,
.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .pre-sale-signup,
.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .pre-sale-signup {
  text-align: left;
  margin-top: 10px;
  color: #999999;
}
.product-product .content .page#MoreDetails #FromTheLab,
.information-static-eye_essentials_duo .content .page#MoreDetails #FromTheLab,
.information-static-gift_card .content .page#MoreDetails #FromTheLab,
.complete_complexion_trio .content .page#MoreDetails #FromTheLab,
.product-product .content .page.inside-the-bundle #FromTheLab,
.information-static-eye_essentials_duo .content .page.inside-the-bundle #FromTheLab,
.information-static-gift_card .content .page.inside-the-bundle #FromTheLab,
.complete_complexion_trio .content .page.inside-the-bundle #FromTheLab {
  border-bottom: 1px solid #999999;
}
.product-product .content .page#MoreDetails #WhatsABench,
.information-static-eye_essentials_duo .content .page#MoreDetails #WhatsABench,
.information-static-gift_card .content .page#MoreDetails #WhatsABench,
.complete_complexion_trio .content .page#MoreDetails #WhatsABench,
.product-product .content .page.inside-the-bundle #WhatsABench,
.information-static-eye_essentials_duo .content .page.inside-the-bundle #WhatsABench,
.information-static-gift_card .content .page.inside-the-bundle #WhatsABench,
.complete_complexion_trio .content .page.inside-the-bundle #WhatsABench {
  max-width: 480px;
  margin-top: 40px;
  margin-left: 60px;
}
.product-product .content .page#MoreDetails ul,
.information-static-eye_essentials_duo .content .page#MoreDetails ul,
.information-static-gift_card .content .page#MoreDetails ul,
.complete_complexion_trio .content .page#MoreDetails ul,
.product-product .content .page.inside-the-bundle ul,
.information-static-eye_essentials_duo .content .page.inside-the-bundle ul,
.information-static-gift_card .content .page.inside-the-bundle ul,
.complete_complexion_trio .content .page.inside-the-bundle ul {
  list-style: disc;
  text-align: left;
}
.product-product .content .page#MoreDetails ol,
.information-static-eye_essentials_duo .content .page#MoreDetails ol,
.information-static-gift_card .content .page#MoreDetails ol,
.complete_complexion_trio .content .page#MoreDetails ol,
.product-product .content .page.inside-the-bundle ol,
.information-static-eye_essentials_duo .content .page.inside-the-bundle ol,
.information-static-gift_card .content .page.inside-the-bundle ol,
.complete_complexion_trio .content .page.inside-the-bundle ol {
  list-style: decimal;
}
.product-product .content .page#MoreDetails a,
.information-static-eye_essentials_duo .content .page#MoreDetails a,
.information-static-gift_card .content .page#MoreDetails a,
.complete_complexion_trio .content .page#MoreDetails a,
.product-product .content .page.inside-the-bundle a,
.information-static-eye_essentials_duo .content .page.inside-the-bundle a,
.information-static-gift_card .content .page.inside-the-bundle a,
.complete_complexion_trio .content .page.inside-the-bundle a {
  color: #6dcff6;
}
.product-product .content .page#MoreDetails li,
.information-static-eye_essentials_duo .content .page#MoreDetails li,
.information-static-gift_card .content .page#MoreDetails li,
.complete_complexion_trio .content .page#MoreDetails li,
.product-product .content .page.inside-the-bundle li,
.information-static-eye_essentials_duo .content .page.inside-the-bundle li,
.information-static-gift_card .content .page.inside-the-bundle li,
.complete_complexion_trio .content .page.inside-the-bundle li {
  margin-left: 20px;
}
.product-product .content .page#MoreDetails .subproduct-img,
.information-static-eye_essentials_duo .content .page#MoreDetails .subproduct-img,
.information-static-gift_card .content .page#MoreDetails .subproduct-img,
.complete_complexion_trio .content .page#MoreDetails .subproduct-img,
.product-product .content .page.inside-the-bundle .subproduct-img,
.information-static-eye_essentials_duo .content .page.inside-the-bundle .subproduct-img,
.information-static-gift_card .content .page.inside-the-bundle .subproduct-img,
.complete_complexion_trio .content .page.inside-the-bundle .subproduct-img {
  height: 250px;
}
.product-product .content .page#MoreDetails .subtitle,
.information-static-eye_essentials_duo .content .page#MoreDetails .subtitle,
.information-static-gift_card .content .page#MoreDetails .subtitle,
.complete_complexion_trio .content .page#MoreDetails .subtitle,
.product-product .content .page.inside-the-bundle .subtitle,
.information-static-eye_essentials_duo .content .page.inside-the-bundle .subtitle,
.information-static-gift_card .content .page.inside-the-bundle .subtitle,
.complete_complexion_trio .content .page.inside-the-bundle .subtitle {
  text-transform: uppercase;
}
.product-product .content .page#MoreDetails .flex-row,
.information-static-eye_essentials_duo .content .page#MoreDetails .flex-row,
.information-static-gift_card .content .page#MoreDetails .flex-row,
.complete_complexion_trio .content .page#MoreDetails .flex-row,
.product-product .content .page.inside-the-bundle .flex-row,
.information-static-eye_essentials_duo .content .page.inside-the-bundle .flex-row,
.information-static-gift_card .content .page.inside-the-bundle .flex-row,
.complete_complexion_trio .content .page.inside-the-bundle .flex-row {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.product-product .content .page#MoreDetails #SubProducts,
.information-static-eye_essentials_duo .content .page#MoreDetails #SubProducts,
.information-static-gift_card .content .page#MoreDetails #SubProducts,
.complete_complexion_trio .content .page#MoreDetails #SubProducts,
.product-product .content .page.inside-the-bundle #SubProducts,
.information-static-eye_essentials_duo .content .page.inside-the-bundle #SubProducts,
.information-static-gift_card .content .page.inside-the-bundle #SubProducts,
.complete_complexion_trio .content .page.inside-the-bundle #SubProducts {
  text-align: left;
}
.product-product .content .page#MoreDetails #SubProducts .bench-title,
.information-static-eye_essentials_duo .content .page#MoreDetails #SubProducts .bench-title,
.information-static-gift_card .content .page#MoreDetails #SubProducts .bench-title,
.complete_complexion_trio .content .page#MoreDetails #SubProducts .bench-title,
.product-product .content .page.inside-the-bundle #SubProducts .bench-title,
.information-static-eye_essentials_duo .content .page.inside-the-bundle #SubProducts .bench-title,
.information-static-gift_card .content .page.inside-the-bundle #SubProducts .bench-title,
.complete_complexion_trio .content .page.inside-the-bundle #SubProducts .bench-title {
  margin-top: 20px;
}
.product-product .content .page#MoreDetails #SubProducts .subtitle,
.information-static-eye_essentials_duo .content .page#MoreDetails #SubProducts .subtitle,
.information-static-gift_card .content .page#MoreDetails #SubProducts .subtitle,
.complete_complexion_trio .content .page#MoreDetails #SubProducts .subtitle,
.product-product .content .page.inside-the-bundle #SubProducts .subtitle,
.information-static-eye_essentials_duo .content .page.inside-the-bundle #SubProducts .subtitle,
.information-static-gift_card .content .page.inside-the-bundle #SubProducts .subtitle,
.complete_complexion_trio .content .page.inside-the-bundle #SubProducts .subtitle {
  height: 30px;
}
.product-product .content .page#MoreDetails #SubProducts .paragraph-content,
.information-static-eye_essentials_duo .content .page#MoreDetails #SubProducts .paragraph-content,
.information-static-gift_card .content .page#MoreDetails #SubProducts .paragraph-content,
.complete_complexion_trio .content .page#MoreDetails #SubProducts .paragraph-content,
.product-product .content .page.inside-the-bundle #SubProducts .paragraph-content,
.information-static-eye_essentials_duo .content .page.inside-the-bundle #SubProducts .paragraph-content,
.information-static-gift_card .content .page.inside-the-bundle #SubProducts .paragraph-content,
.complete_complexion_trio .content .page.inside-the-bundle #SubProducts .paragraph-content {
  margin-left: 20px;
  margin-right: 20px;
}
.product-product .content .page.inside-the-bundle .subproduct-title,
.information-static-eye_essentials_duo .content .page.inside-the-bundle .subproduct-title,
.information-static-gift_card .content .page.inside-the-bundle .subproduct-title,
.complete_complexion_trio .content .page.inside-the-bundle .subproduct-title {
  text-align: center;
}
.product-product .content .page.inside-the-bundle .bench-title,
.information-static-eye_essentials_duo .content .page.inside-the-bundle .bench-title,
.information-static-gift_card .content .page.inside-the-bundle .bench-title,
.complete_complexion_trio .content .page.inside-the-bundle .bench-title {
  margin-top: 20px;
}
.product-product .content .page.inside-the-bundle ul,
.information-static-eye_essentials_duo .content .page.inside-the-bundle ul,
.information-static-gift_card .content .page.inside-the-bundle ul,
.complete_complexion_trio .content .page.inside-the-bundle ul,
.product-product .content .page.inside-the-bundle ol,
.information-static-eye_essentials_duo .content .page.inside-the-bundle ol,
.information-static-gift_card .content .page.inside-the-bundle ol,
.complete_complexion_trio .content .page.inside-the-bundle ol {
  width: 100%;
}
.product-product .content .page#ShadeFinder .subtitle,
.information-static-eye_essentials_duo .content .page#ShadeFinder .subtitle,
.information-static-gift_card .content .page#ShadeFinder .subtitle,
.complete_complexion_trio .content .page#ShadeFinder .subtitle {
  text-transform: uppercase;
  color: #999999;
}
.product-product .content .page#ShadeFinder .subtitle#ShadeLearnMore,
.information-static-eye_essentials_duo .content .page#ShadeFinder .subtitle#ShadeLearnMore,
.information-static-gift_card .content .page#ShadeFinder .subtitle#ShadeLearnMore,
.complete_complexion_trio .content .page#ShadeFinder .subtitle#ShadeLearnMore {
  margin-top: 60px;
}
.product-product .content .page#TriedTrue,
.information-static-eye_essentials_duo .content .page#TriedTrue,
.information-static-gift_card .content .page#TriedTrue,
.complete_complexion_trio .content .page#TriedTrue,
.product-product .content .page#BeforeAfters,
.information-static-eye_essentials_duo .content .page#BeforeAfters,
.information-static-gift_card .content .page#BeforeAfters,
.complete_complexion_trio .content .page#BeforeAfters {
  /* primer before/afters have varying sizes */
}
.product-product .content .page#TriedTrue #BeforeAfterIntro,
.information-static-eye_essentials_duo .content .page#TriedTrue #BeforeAfterIntro,
.information-static-gift_card .content .page#TriedTrue #BeforeAfterIntro,
.complete_complexion_trio .content .page#TriedTrue #BeforeAfterIntro,
.product-product .content .page#BeforeAfters #BeforeAfterIntro,
.information-static-eye_essentials_duo .content .page#BeforeAfters #BeforeAfterIntro,
.information-static-gift_card .content .page#BeforeAfters #BeforeAfterIntro,
.complete_complexion_trio .content .page#BeforeAfters #BeforeAfterIntro {
  margin-bottom: 20px;
}
.product-product .content .page#TriedTrue #BeforeAfterIntro .subtitle,
.information-static-eye_essentials_duo .content .page#TriedTrue #BeforeAfterIntro .subtitle,
.information-static-gift_card .content .page#TriedTrue #BeforeAfterIntro .subtitle,
.complete_complexion_trio .content .page#TriedTrue #BeforeAfterIntro .subtitle,
.product-product .content .page#BeforeAfters #BeforeAfterIntro .subtitle,
.information-static-eye_essentials_duo .content .page#BeforeAfters #BeforeAfterIntro .subtitle,
.information-static-gift_card .content .page#BeforeAfters #BeforeAfterIntro .subtitle,
.complete_complexion_trio .content .page#BeforeAfters #BeforeAfterIntro .subtitle {
  margin-bottom: 0;
}
.product-product .content .page#TriedTrue #BeforeAfterIntro .paragraph-content,
.information-static-eye_essentials_duo .content .page#TriedTrue #BeforeAfterIntro .paragraph-content,
.information-static-gift_card .content .page#TriedTrue #BeforeAfterIntro .paragraph-content,
.complete_complexion_trio .content .page#TriedTrue #BeforeAfterIntro .paragraph-content,
.product-product .content .page#BeforeAfters #BeforeAfterIntro .paragraph-content,
.information-static-eye_essentials_duo .content .page#BeforeAfters #BeforeAfterIntro .paragraph-content,
.information-static-gift_card .content .page#BeforeAfters #BeforeAfterIntro .paragraph-content,
.complete_complexion_trio .content .page#BeforeAfters #BeforeAfterIntro .paragraph-content {
  color: #333333;
}
.product-product .content .page#TriedTrue .before-after-intro .subtitle,
.information-static-eye_essentials_duo .content .page#TriedTrue .before-after-intro .subtitle,
.information-static-gift_card .content .page#TriedTrue .before-after-intro .subtitle,
.complete_complexion_trio .content .page#TriedTrue .before-after-intro .subtitle,
.product-product .content .page#BeforeAfters .before-after-intro .subtitle,
.information-static-eye_essentials_duo .content .page#BeforeAfters .before-after-intro .subtitle,
.information-static-gift_card .content .page#BeforeAfters .before-after-intro .subtitle,
.complete_complexion_trio .content .page#BeforeAfters .before-after-intro .subtitle {
  margin-bottom: 0;
}
.product-product .content .page#TriedTrue .before-after-sliders-row,
.information-static-eye_essentials_duo .content .page#TriedTrue .before-after-sliders-row,
.information-static-gift_card .content .page#TriedTrue .before-after-sliders-row,
.complete_complexion_trio .content .page#TriedTrue .before-after-sliders-row,
.product-product .content .page#BeforeAfters .before-after-sliders-row,
.information-static-eye_essentials_duo .content .page#BeforeAfters .before-after-sliders-row,
.information-static-gift_card .content .page#BeforeAfters .before-after-sliders-row,
.complete_complexion_trio .content .page#BeforeAfters .before-after-sliders-row {
  width: 100%;
}
.product-product .content .page#TriedTrue .before-after-sliders-row .flex-col,
.information-static-eye_essentials_duo .content .page#TriedTrue .before-after-sliders-row .flex-col,
.information-static-gift_card .content .page#TriedTrue .before-after-sliders-row .flex-col,
.complete_complexion_trio .content .page#TriedTrue .before-after-sliders-row .flex-col,
.product-product .content .page#BeforeAfters .before-after-sliders-row .flex-col,
.information-static-eye_essentials_duo .content .page#BeforeAfters .before-after-sliders-row .flex-col,
.information-static-gift_card .content .page#BeforeAfters .before-after-sliders-row .flex-col,
.complete_complexion_trio .content .page#BeforeAfters .before-after-sliders-row .flex-col {
  width: 100%;
}
.product-product .content .page#TriedTrue .before-after-text,
.information-static-eye_essentials_duo .content .page#TriedTrue .before-after-text,
.information-static-gift_card .content .page#TriedTrue .before-after-text,
.complete_complexion_trio .content .page#TriedTrue .before-after-text,
.product-product .content .page#BeforeAfters .before-after-text,
.information-static-eye_essentials_duo .content .page#BeforeAfters .before-after-text,
.information-static-gift_card .content .page#BeforeAfters .before-after-text,
.complete_complexion_trio .content .page#BeforeAfters .before-after-text {
  /*margin-bottom: @gutter;*/
}
.product-product .content .page#TriedTrue .before-after-text .paragraph-content,
.information-static-eye_essentials_duo .content .page#TriedTrue .before-after-text .paragraph-content,
.information-static-gift_card .content .page#TriedTrue .before-after-text .paragraph-content,
.complete_complexion_trio .content .page#TriedTrue .before-after-text .paragraph-content,
.product-product .content .page#BeforeAfters .before-after-text .paragraph-content,
.information-static-eye_essentials_duo .content .page#BeforeAfters .before-after-text .paragraph-content,
.information-static-gift_card .content .page#BeforeAfters .before-after-text .paragraph-content,
.complete_complexion_trio .content .page#BeforeAfters .before-after-text .paragraph-content {
  color: #999999;
  max-width: 400px;
  margin: 0 20px;
}
.product-product .content .page#TriedTrue .more-description,
.information-static-eye_essentials_duo .content .page#TriedTrue .more-description,
.information-static-gift_card .content .page#TriedTrue .more-description,
.complete_complexion_trio .content .page#TriedTrue .more-description,
.product-product .content .page#BeforeAfters .more-description,
.information-static-eye_essentials_duo .content .page#BeforeAfters .more-description,
.information-static-gift_card .content .page#BeforeAfters .more-description,
.complete_complexion_trio .content .page#BeforeAfters .more-description {
  /*margin-top: @gutter*2;*/
  padding-bottom: 0;
}
.product-product .content .page#TriedTrue #PoreSize .before-after-container,
.information-static-eye_essentials_duo .content .page#TriedTrue #PoreSize .before-after-container,
.information-static-gift_card .content .page#TriedTrue #PoreSize .before-after-container,
.complete_complexion_trio .content .page#TriedTrue #PoreSize .before-after-container,
.product-product .content .page#BeforeAfters #PoreSize .before-after-container,
.information-static-eye_essentials_duo .content .page#BeforeAfters #PoreSize .before-after-container,
.information-static-gift_card .content .page#BeforeAfters #PoreSize .before-after-container,
.complete_complexion_trio .content .page#BeforeAfters #PoreSize .before-after-container {
  /*height: 356px;*/
}
.product-product .content .page#TriedTrue #PoreSize .before-after-container img,
.information-static-eye_essentials_duo .content .page#TriedTrue #PoreSize .before-after-container img,
.information-static-gift_card .content .page#TriedTrue #PoreSize .before-after-container img,
.complete_complexion_trio .content .page#TriedTrue #PoreSize .before-after-container img,
.product-product .content .page#BeforeAfters #PoreSize .before-after-container img,
.information-static-eye_essentials_duo .content .page#BeforeAfters #PoreSize .before-after-container img,
.information-static-gift_card .content .page#BeforeAfters #PoreSize .before-after-container img,
.complete_complexion_trio .content .page#BeforeAfters #PoreSize .before-after-container img {
  /*height: 356px;*/
}
.product-product .content .page#TriedTrue #Radiance .before-after-container,
.information-static-eye_essentials_duo .content .page#TriedTrue #Radiance .before-after-container,
.information-static-gift_card .content .page#TriedTrue #Radiance .before-after-container,
.complete_complexion_trio .content .page#TriedTrue #Radiance .before-after-container,
.product-product .content .page#BeforeAfters #Radiance .before-after-container,
.information-static-eye_essentials_duo .content .page#BeforeAfters #Radiance .before-after-container,
.information-static-gift_card .content .page#BeforeAfters #Radiance .before-after-container,
.complete_complexion_trio .content .page#BeforeAfters #Radiance .before-after-container {
  /*height: 378px;*/
}
.product-product .content .page#TriedTrue #Radiance .before-after-container img,
.information-static-eye_essentials_duo .content .page#TriedTrue #Radiance .before-after-container img,
.information-static-gift_card .content .page#TriedTrue #Radiance .before-after-container img,
.complete_complexion_trio .content .page#TriedTrue #Radiance .before-after-container img,
.product-product .content .page#BeforeAfters #Radiance .before-after-container img,
.information-static-eye_essentials_duo .content .page#BeforeAfters #Radiance .before-after-container img,
.information-static-gift_card .content .page#BeforeAfters #Radiance .before-after-container img,
.complete_complexion_trio .content .page#BeforeAfters #Radiance .before-after-container img {
  /*height: 378px;*/
}
.product-product .content .page#TriedTrue #Immediate .before-after-container,
.information-static-eye_essentials_duo .content .page#TriedTrue #Immediate .before-after-container,
.information-static-gift_card .content .page#TriedTrue #Immediate .before-after-container,
.complete_complexion_trio .content .page#TriedTrue #Immediate .before-after-container,
.product-product .content .page#BeforeAfters #Immediate .before-after-container,
.information-static-eye_essentials_duo .content .page#BeforeAfters #Immediate .before-after-container,
.information-static-gift_card .content .page#BeforeAfters #Immediate .before-after-container,
.complete_complexion_trio .content .page#BeforeAfters #Immediate .before-after-container {
  /*height: 361px;*/
  /*width: 567px;
						height: 200px;
						max-width: 100vw;*/
}
.product-product .content .page#TriedTrue #Immediate .before-after-container .label,
.information-static-eye_essentials_duo .content .page#TriedTrue #Immediate .before-after-container .label,
.information-static-gift_card .content .page#TriedTrue #Immediate .before-after-container .label,
.complete_complexion_trio .content .page#TriedTrue #Immediate .before-after-container .label,
.product-product .content .page#BeforeAfters #Immediate .before-after-container .label,
.information-static-eye_essentials_duo .content .page#BeforeAfters #Immediate .before-after-container .label,
.information-static-gift_card .content .page#BeforeAfters #Immediate .before-after-container .label,
.complete_complexion_trio .content .page#BeforeAfters #Immediate .before-after-container .label {
  color: #333333;
}
.product-product .content .page#TriedTrue #Immediate .before-after-container img,
.information-static-eye_essentials_duo .content .page#TriedTrue #Immediate .before-after-container img,
.information-static-gift_card .content .page#TriedTrue #Immediate .before-after-container img,
.complete_complexion_trio .content .page#TriedTrue #Immediate .before-after-container img,
.product-product .content .page#BeforeAfters #Immediate .before-after-container img,
.information-static-eye_essentials_duo .content .page#BeforeAfters #Immediate .before-after-container img,
.information-static-gift_card .content .page#BeforeAfters #Immediate .before-after-container img,
.complete_complexion_trio .content .page#BeforeAfters #Immediate .before-after-container img {
  /*height: 361px;*/
  /*width: 567px;
							height: 200px;
							max-width: 100vw;*/
}
.product-product .content .page#WhatSheSaw .before-after-sliders-row,
.information-static-eye_essentials_duo .content .page#WhatSheSaw .before-after-sliders-row,
.information-static-gift_card .content .page#WhatSheSaw .before-after-sliders-row,
.complete_complexion_trio .content .page#WhatSheSaw .before-after-sliders-row {
  width: 100%;
}
.product-product .content .page#WhatSheSaw .before-after-sliders-row .flex-col,
.information-static-eye_essentials_duo .content .page#WhatSheSaw .before-after-sliders-row .flex-col,
.information-static-gift_card .content .page#WhatSheSaw .before-after-sliders-row .flex-col,
.complete_complexion_trio .content .page#WhatSheSaw .before-after-sliders-row .flex-col {
  width: 100%;
}
.product-product .content .page#WhatSheSaw .before-after-text,
.information-static-eye_essentials_duo .content .page#WhatSheSaw .before-after-text,
.information-static-gift_card .content .page#WhatSheSaw .before-after-text,
.complete_complexion_trio .content .page#WhatSheSaw .before-after-text {
  margin-bottom: 20px;
}
.product-product .content .page#WhatSheSaw .before-after-text .paragraph-content,
.information-static-eye_essentials_duo .content .page#WhatSheSaw .before-after-text .paragraph-content,
.information-static-gift_card .content .page#WhatSheSaw .before-after-text .paragraph-content,
.complete_complexion_trio .content .page#WhatSheSaw .before-after-text .paragraph-content {
  color: #999999;
  max-width: 400px;
  margin: 0 20px;
}
.product-product .content .page#WhatSheSaw .bar-chart,
.information-static-eye_essentials_duo .content .page#WhatSheSaw .bar-chart,
.information-static-gift_card .content .page#WhatSheSaw .bar-chart,
.complete_complexion_trio .content .page#WhatSheSaw .bar-chart {
  margin: 20px;
}
.product-product .content .page#WhatSheSaw .bar-chart .bar-chart-header,
.information-static-eye_essentials_duo .content .page#WhatSheSaw .bar-chart .bar-chart-header,
.information-static-gift_card .content .page#WhatSheSaw .bar-chart .bar-chart-header,
.complete_complexion_trio .content .page#WhatSheSaw .bar-chart .bar-chart-header {
  margin-bottom: 20px !important;
}
.product-product .content .page#WhatSheSaw .bar-chart .bar-chart-subheader,
.information-static-eye_essentials_duo .content .page#WhatSheSaw .bar-chart .bar-chart-subheader,
.information-static-gift_card .content .page#WhatSheSaw .bar-chart .bar-chart-subheader,
.complete_complexion_trio .content .page#WhatSheSaw .bar-chart .bar-chart-subheader {
  max-width: 300px;
}
.product-product .content .page#HowToApplySteps .third-span,
.information-static-eye_essentials_duo .content .page#HowToApplySteps .third-span,
.information-static-gift_card .content .page#HowToApplySteps .third-span,
.complete_complexion_trio .content .page#HowToApplySteps .third-span {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  margin: 20px 0;
}
.product-product .content .page#HowToApplySteps .step-circle,
.information-static-eye_essentials_duo .content .page#HowToApplySteps .step-circle,
.information-static-gift_card .content .page#HowToApplySteps .step-circle,
.complete_complexion_trio .content .page#HowToApplySteps .step-circle {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  min-width: 50px;
  background: #fcf3f5;
  color: #333333;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 20px auto;
}
.product-product .content .page#HowToApplySteps .face-icon,
.information-static-eye_essentials_duo .content .page#HowToApplySteps .face-icon,
.information-static-gift_card .content .page#HowToApplySteps .face-icon,
.complete_complexion_trio .content .page#HowToApplySteps .face-icon {
  width: 200px;
  height: auto;
}
.product-product .content .page#HowToApplySteps .text,
.information-static-eye_essentials_duo .content .page#HowToApplySteps .text,
.information-static-gift_card .content .page#HowToApplySteps .text,
.complete_complexion_trio .content .page#HowToApplySteps .text {
  width: 600px;
  max-width: calc(100vw - 40px);
}
.product-product .content .page#VideoStepsContainer,
.information-static-eye_essentials_duo .content .page#VideoStepsContainer,
.information-static-gift_card .content .page#VideoStepsContainer,
.complete_complexion_trio .content .page#VideoStepsContainer {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.product-product .content .page#TheExperience .button-toggle,
.information-static-eye_essentials_duo .content .page#TheExperience .button-toggle,
.information-static-gift_card .content .page#TheExperience .button-toggle,
.complete_complexion_trio .content .page#TheExperience .button-toggle {
  margin-top: 20px;
  margin-bottom: 40px;
}
.product-product .content .page#TheExperience #VitaminC #VitaminCText,
.information-static-eye_essentials_duo .content .page#TheExperience #VitaminC #VitaminCText,
.information-static-gift_card .content .page#TheExperience #VitaminC #VitaminCText,
.complete_complexion_trio .content .page#TheExperience #VitaminC #VitaminCText {
  text-align: left;
  margin-right: 80px;
}
.product-product .content .page#TheExperience #VitaminC #VitaminCText .benefits,
.information-static-eye_essentials_duo .content .page#TheExperience #VitaminC #VitaminCText .benefits,
.information-static-gift_card .content .page#TheExperience #VitaminC #VitaminCText .benefits,
.complete_complexion_trio .content .page#TheExperience #VitaminC #VitaminCText .benefits {
  margin-left: 40px;
}
.product-product .content .page#TheExperience .tal,
.information-static-eye_essentials_duo .content .page#TheExperience .tal,
.information-static-gift_card .content .page#TheExperience .tal,
.complete_complexion_trio .content .page#TheExperience .tal {
  text-align: left;
}
.product-product .content .page#TheExperience .tac,
.information-static-eye_essentials_duo .content .page#TheExperience .tac,
.information-static-gift_card .content .page#TheExperience .tac,
.complete_complexion_trio .content .page#TheExperience .tac {
  text-align: center;
}
.product-product .content .page#TheExperience .tac .pinable,
.information-static-eye_essentials_duo .content .page#TheExperience .tac .pinable,
.information-static-gift_card .content .page#TheExperience .tac .pinable,
.complete_complexion_trio .content .page#TheExperience .tac .pinable {
  margin: auto;
}
.product-product .content .page#TheExperience #PrimerBunch svg,
.information-static-eye_essentials_duo .content .page#TheExperience #PrimerBunch svg,
.information-static-gift_card .content .page#TheExperience #PrimerBunch svg,
.complete_complexion_trio .content .page#TheExperience #PrimerBunch svg {
  max-width: 30vw;
  height: auto;
}
.product-product .content .page#TheExperience #PrimerText,
.information-static-eye_essentials_duo .content .page#TheExperience #PrimerText,
.information-static-gift_card .content .page#TheExperience #PrimerText,
.complete_complexion_trio .content .page#TheExperience #PrimerText {
  text-align: left;
}
.product-product .content .page#TheExperience #PrimerText .benefits,
.information-static-eye_essentials_duo .content .page#TheExperience #PrimerText .benefits,
.information-static-gift_card .content .page#TheExperience #PrimerText .benefits,
.complete_complexion_trio .content .page#TheExperience #PrimerText .benefits {
  margin-left: 40px;
}
.product-product .content .page#TheExperience #IngredientsSlideshow .slick-slideshow .slide .paragraph-content,
.information-static-eye_essentials_duo .content .page#TheExperience #IngredientsSlideshow .slick-slideshow .slide .paragraph-content,
.information-static-gift_card .content .page#TheExperience #IngredientsSlideshow .slick-slideshow .slide .paragraph-content,
.complete_complexion_trio .content .page#TheExperience #IngredientsSlideshow .slick-slideshow .slide .paragraph-content {
  margin: 40px;
}
.product-product .content .page#WhatSheSaid .title,
.information-static-eye_essentials_duo .content .page#WhatSheSaid .title,
.information-static-gift_card .content .page#WhatSheSaid .title,
.complete_complexion_trio .content .page#WhatSheSaid .title {
  margin-bottom: 20px;
}
.product-product .content .page#TryNow,
.information-static-eye_essentials_duo .content .page#TryNow,
.information-static-gift_card .content .page#TryNow,
.complete_complexion_trio .content .page#TryNow {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.product-product .content .page#TryNow .flex-col,
.information-static-eye_essentials_duo .content .page#TryNow .flex-col,
.information-static-gift_card .content .page#TryNow .flex-col,
.complete_complexion_trio .content .page#TryNow .flex-col {
  /*margin: @gutter;*/
  width: 100%;
}
.product-product .content .page#TryNow .flex-col .flex-row,
.information-static-eye_essentials_duo .content .page#TryNow .flex-col .flex-row,
.information-static-gift_card .content .page#TryNow .flex-col .flex-row,
.complete_complexion_trio .content .page#TryNow .flex-col .flex-row {
  width: 100%;
}
.product-product .content .page#TryNow .trynow-section,
.information-static-eye_essentials_duo .content .page#TryNow .trynow-section,
.information-static-gift_card .content .page#TryNow .trynow-section,
.complete_complexion_trio .content .page#TryNow .trynow-section {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
.product-product .content .page#TryNow .trynow-section .photo,
.information-static-eye_essentials_duo .content .page#TryNow .trynow-section .photo,
.information-static-gift_card .content .page#TryNow .trynow-section .photo,
.complete_complexion_trio .content .page#TryNow .trynow-section .photo {
  margin: 20px auto;
  max-width: 300px;
}
.product-product .content .page#TryNow .trynow-section .paragraph-content,
.information-static-eye_essentials_duo .content .page#TryNow .trynow-section .paragraph-content,
.information-static-gift_card .content .page#TryNow .trynow-section .paragraph-content,
.complete_complexion_trio .content .page#TryNow .trynow-section .paragraph-content {
  max-width: 300px;
}
.product-product .content .page#TryNow .trynow-section .button,
.information-static-eye_essentials_duo .content .page#TryNow .trynow-section .button,
.information-static-gift_card .content .page#TryNow .trynow-section .button,
.complete_complexion_trio .content .page#TryNow .trynow-section .button {
  margin: 0 auto;
}
.product-product .content .page.press-section .flex-row,
.information-static-eye_essentials_duo .content .page.press-section .flex-row,
.information-static-gift_card .content .page.press-section .flex-row,
.complete_complexion_trio .content .page.press-section .flex-row {
  width: 100%;
}
.product-product .content .page.press-section .title,
.information-static-eye_essentials_duo .content .page.press-section .title,
.information-static-gift_card .content .page.press-section .title,
.complete_complexion_trio .content .page.press-section .title {
  margin: 20px;
}
.product-product .content .page.press-section .pink_line,
.information-static-eye_essentials_duo .content .page.press-section .pink_line,
.information-static-gift_card .content .page.press-section .pink_line,
.complete_complexion_trio .content .page.press-section .pink_line {
  border-bottom: solid;
  border-width: 5px;
  margin: 20px;
  width: 180px;
  color: #fcf3f5;
}
.product-product .content .page.press-section .press-block,
.information-static-eye_essentials_duo .content .page.press-section .press-block,
.information-static-gift_card .content .page.press-section .press-block,
.complete_complexion_trio .content .page.press-section .press-block {
  margin: 40px;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.product-product .content .page.press-section .press-block .paragraph-content,
.information-static-eye_essentials_duo .content .page.press-section .press-block .paragraph-content,
.information-static-gift_card .content .page.press-section .press-block .paragraph-content,
.complete_complexion_trio .content .page.press-section .press-block .paragraph-content {
  max-width: 360px;
  height: 70px;
}
.product-product .content .page.press-section .press-block .logo,
.information-static-eye_essentials_duo .content .page.press-section .press-block .logo,
.information-static-gift_card .content .page.press-section .press-block .logo,
.complete_complexion_trio .content .page.press-section .press-block .logo {
  width: 200px;
  height: 200px;
  margin: -30px;
  margin-top: -60px;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.product-product .content .page.press-section .press-block .logo img,
.information-static-eye_essentials_duo .content .page.press-section .press-block .logo img,
.information-static-gift_card .content .page.press-section .press-block .logo img,
.complete_complexion_trio .content .page.press-section .press-block .logo img {
  width: 80%;
}
.product-product .content .page.press-section .press-block #Bazaar,
.information-static-eye_essentials_duo .content .page.press-section .press-block #Bazaar,
.information-static-gift_card .content .page.press-section .press-block #Bazaar,
.complete_complexion_trio .content .page.press-section .press-block #Bazaar {
  width: 80%;
}
.product-product .content .page.press-section .press-block #Nylon,
.information-static-eye_essentials_duo .content .page.press-section .press-block #Nylon,
.information-static-gift_card .content .page.press-section .press-block #Nylon,
.complete_complexion_trio .content .page.press-section .press-block #Nylon {
  width: 80%;
}
.product-product .content .page.press-section .press-block #Byrdie,
.information-static-eye_essentials_duo .content .page.press-section .press-block #Byrdie,
.information-static-gift_card .content .page.press-section .press-block #Byrdie,
.complete_complexion_trio .content .page.press-section .press-block #Byrdie {
  width: 80%;
}
.product-product .content .page.press-section .press-block #InStyle,
.information-static-eye_essentials_duo .content .page.press-section .press-block #InStyle,
.information-static-gift_card .content .page.press-section .press-block #InStyle,
.complete_complexion_trio .content .page.press-section .press-block #InStyle {
  width: 70%;
}
.product-product .content .page.press-section .press-block #Refinery29,
.information-static-eye_essentials_duo .content .page.press-section .press-block #Refinery29,
.information-static-gift_card .content .page.press-section .press-block #Refinery29,
.complete_complexion_trio .content .page.press-section .press-block #Refinery29 {
  width: 70%;
}
.product-product .content .page.press-section .press-block #Elle,
.information-static-eye_essentials_duo .content .page.press-section .press-block #Elle,
.information-static-gift_card .content .page.press-section .press-block #Elle,
.complete_complexion_trio .content .page.press-section .press-block #Elle {
  width: 70%;
}
.product-product .content .page.press-section .press-block #Allure,
.information-static-eye_essentials_duo .content .page.press-section .press-block #Allure,
.information-static-gift_card .content .page.press-section .press-block #Allure,
.complete_complexion_trio .content .page.press-section .press-block #Allure {
  width: 75%;
}
.product-product .content .page.press-section a,
.information-static-eye_essentials_duo .content .page.press-section a,
.information-static-gift_card .content .page.press-section a,
.complete_complexion_trio .content .page.press-section a {
  margin-top: -60px;
  margin-bottom: 40px;
}
.product-product .content .page.blog-section,
.information-static-eye_essentials_duo .content .page.blog-section,
.information-static-gift_card .content .page.blog-section,
.complete_complexion_trio .content .page.blog-section {
  margin-top: -80px;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.product-product .content .page.blog-section .pink_line,
.information-static-eye_essentials_duo .content .page.blog-section .pink_line,
.information-static-gift_card .content .page.blog-section .pink_line,
.complete_complexion_trio .content .page.blog-section .pink_line {
  border-bottom: solid;
  border-width: 5px;
  margin: 40px;
  width: 180px;
  color: #fcf3f5;
}
.product-product .content .page.blog-section .blog-block,
.information-static-eye_essentials_duo .content .page.blog-section .blog-block,
.information-static-gift_card .content .page.blog-section .blog-block,
.complete_complexion_trio .content .page.blog-section .blog-block {
  margin: 40px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.product-product .content .page.blog-section .blog-block .paragraph-content,
.information-static-eye_essentials_duo .content .page.blog-section .blog-block .paragraph-content,
.information-static-gift_card .content .page.blog-section .blog-block .paragraph-content,
.complete_complexion_trio .content .page.blog-section .blog-block .paragraph-content {
  max-width: 360px;
  height: 50px;
}
.product-product .content .page.blog-section .blog-block a,
.information-static-eye_essentials_duo .content .page.blog-section .blog-block a,
.information-static-gift_card .content .page.blog-section .blog-block a,
.complete_complexion_trio .content .page.blog-section .blog-block a {
  margin: 20px;
}
.product-product .content .page.reviews-section,
.information-static-eye_essentials_duo .content .page.reviews-section,
.information-static-gift_card .content .page.reviews-section,
.complete_complexion_trio .content .page.reviews-section {
  margin-top: -40px;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.product-product .content .page.reviews-section .pink_line,
.information-static-eye_essentials_duo .content .page.reviews-section .pink_line,
.information-static-gift_card .content .page.reviews-section .pink_line,
.complete_complexion_trio .content .page.reviews-section .pink_line {
  border-bottom: solid;
  border-width: 5px;
  margin: 40px;
  width: 180px;
  color: #fcf3f5;
}
.product-product .content .page.reviews-section .review-block,
.information-static-eye_essentials_duo .content .page.reviews-section .review-block,
.information-static-gift_card .content .page.reviews-section .review-block,
.complete_complexion_trio .content .page.reviews-section .review-block {
  margin: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.product-product .content .page.reviews-section .review-block .paragraph-content,
.information-static-eye_essentials_duo .content .page.reviews-section .review-block .paragraph-content,
.information-static-gift_card .content .page.reviews-section .review-block .paragraph-content,
.complete_complexion_trio .content .page.reviews-section .review-block .paragraph-content {
  margin-left: 40px;
  margin-right: 40px;
  max-width: 360px;
  height: 50px;
}
.product-product .content .page.reviews-section .review-block a,
.information-static-eye_essentials_duo .content .page.reviews-section .review-block a,
.information-static-gift_card .content .page.reviews-section .review-block a,
.complete_complexion_trio .content .page.reviews-section .review-block a {
  margin: 20px;
}
.product-product .content .page.grey-background,
.information-static-eye_essentials_duo .content .page.grey-background,
.information-static-gift_card .content .page.grey-background,
.complete_complexion_trio .content .page.grey-background {
  background-color: #f3f3f3;
}
.product-product .content .page#ShesTheFirst,
.information-static-eye_essentials_duo .content .page#ShesTheFirst,
.information-static-gift_card .content .page#ShesTheFirst,
.complete_complexion_trio .content .page#ShesTheFirst {
  background: url(https://s3.amazonaws.com/onm/homepage/shes-the-first-bg.jpg);
  background-size: cover;
  /*				#PageTab {
					.bold;
				}*/
  /*				.button {
					margin-top: @gutter*2;
				}*/
}
.product-product .content .page#ShesTheFirst .half-span#LMTD,
.information-static-eye_essentials_duo .content .page#ShesTheFirst .half-span#LMTD,
.information-static-gift_card .content .page#ShesTheFirst .half-span#LMTD,
.complete_complexion_trio .content .page#ShesTheFirst .half-span#LMTD {
  text-align: left;
}
.product-product .content .page#ShesTheFirst .paragraph-content,
.information-static-eye_essentials_duo .content .page#ShesTheFirst .paragraph-content,
.information-static-gift_card .content .page#ShesTheFirst .paragraph-content,
.complete_complexion_trio .content .page#ShesTheFirst .paragraph-content {
  color: #333333;
}
.product-product .content .page#ShesTheFirst #ShesTheFirstLogo,
.information-static-eye_essentials_duo .content .page#ShesTheFirst #ShesTheFirstLogo,
.information-static-gift_card .content .page#ShesTheFirst #ShesTheFirstLogo,
.complete_complexion_trio .content .page#ShesTheFirst #ShesTheFirstLogo {
  width: 100%;
  /*max-width: @max_phone_width;*/
  margin: 20px 0;
}
.product-product .content .page#ShesTheFirst #AcePackaging,
.information-static-eye_essentials_duo .content .page#ShesTheFirst #AcePackaging,
.information-static-gift_card .content .page#ShesTheFirst #AcePackaging,
.complete_complexion_trio .content .page#ShesTheFirst #AcePackaging {
  max-height: 600px;
}
.product-product .content .page.inside-the-bundle #SubProducts,
.information-static-eye_essentials_duo .content .page.inside-the-bundle #SubProducts,
.information-static-gift_card .content .page.inside-the-bundle #SubProducts,
.complete_complexion_trio .content .page.inside-the-bundle #SubProducts {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  text-align: left;
}
.product-product .content .page.inside-the-bundle #SubProducts .subtitle,
.information-static-eye_essentials_duo .content .page.inside-the-bundle #SubProducts .subtitle,
.information-static-gift_card .content .page.inside-the-bundle #SubProducts .subtitle,
.complete_complexion_trio .content .page.inside-the-bundle #SubProducts .subtitle {
  margin-bottom: 20px;
}
.product-product .content .page.inside-the-bundle #SubProducts .subproduct-img,
.information-static-eye_essentials_duo .content .page.inside-the-bundle #SubProducts .subproduct-img,
.information-static-gift_card .content .page.inside-the-bundle #SubProducts .subproduct-img,
.complete_complexion_trio .content .page.inside-the-bundle #SubProducts .subproduct-img {
  max-height: 250px;
  height: auto;
  width: auto;
  max-width: 100vw;
}
.product-product .content .page.inside-the-bundle #SubProducts .button,
.information-static-eye_essentials_duo .content .page.inside-the-bundle #SubProducts .button,
.information-static-gift_card .content .page.inside-the-bundle #SubProducts .button,
.complete_complexion_trio .content .page.inside-the-bundle #SubProducts .button {
  margin-top: 20px;
}
.product-product .content#Product74 .page#ProductBanner #ProductBannerImg,
.information-static-eye_essentials_duo .content#Product74 .page#ProductBanner #ProductBannerImg,
.information-static-gift_card .content#Product74 .page#ProductBanner #ProductBannerImg,
.complete_complexion_trio .content#Product74 .page#ProductBanner #ProductBannerImg {
  position: relative;
  background-position: 0% center;
}
.desktop.product-product .shade-translator-trigger,
.desktop.information-static-eye_essentials_duo .shade-translator-trigger,
.desktop.information-static-gift_card .shade-translator-trigger,
.desktop.complete_complexion_trio .shade-translator-trigger {
  text-align: left;
}
.desktop.product-product .shade-gift-note,
.desktop.information-static-eye_essentials_duo .shade-gift-note,
.desktop.information-static-gift_card .shade-gift-note,
.desktop.complete_complexion_trio .shade-gift-note {
  margin-left: 0;
  color: #999999;
  margin-top: 10px;
  margin-bottom: 0;
}
.desktop.product-product iframe,
.desktop.information-static-eye_essentials_duo iframe,
.desktop.information-static-gift_card iframe,
.desktop.complete_complexion_trio iframe {
  max-width: 790px;
  max-height: 440px;
}
.desktop.product-product .image-loader,
.desktop.information-static-eye_essentials_duo .image-loader,
.desktop.information-static-gift_card .image-loader,
.desktop.complete_complexion_trio .image-loader {
  min-height: 700px;
}
.desktop.product-product .fixed-modal #AllurePressModal .text#Title,
.desktop.information-static-eye_essentials_duo .fixed-modal #AllurePressModal .text#Title,
.desktop.information-static-gift_card .fixed-modal #AllurePressModal .text#Title,
.desktop.complete_complexion_trio .fixed-modal #AllurePressModal .text#Title {
  margin-left: 50px;
  text-align: left;
}
.desktop.product-product .content .page,
.desktop.information-static-eye_essentials_duo .content .page,
.desktop.information-static-gift_card .content .page,
.desktop.complete_complexion_trio .content .page {
  /* Eye Essentials Duo only */
}
.desktop.product-product .content .page#ProductBanner,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner,
.desktop.information-static-gift_card .content .page#ProductBanner,
.desktop.complete_complexion_trio .content .page#ProductBanner {
  min-height: calc(100vh - 80px);
  padding-bottom: 0;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.desktop.product-product .content .page#ProductBanner #ProductBannerImg,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductBannerImg,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductBannerImg,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductBannerImg {
  min-height: calc(100vh - 80px);
  width: 60%;
}
.desktop.product-product .content .page#ProductBanner #ProductBannerImg .product-images-control,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductBannerImg .product-images-control,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductBannerImg .product-images-control,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductBannerImg .product-images-control {
  margin: 10px 0;
}
.desktop.product-product .content .page#ProductBanner #ProductActions,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions {
  padding: 0;
  /*padding-top: @gutter;*/
  width: 40%;
  margin-bottom: 0;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductInfo,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo {
  text-align: left;
  width: calc(100% - 20px);
  max-width: 500px;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductInfo .more-description,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo .more-description,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo .more-description,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo .more-description {
  padding-bottom: 5px;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductInfo .shesthefirst-description,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo .shesthefirst-description,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo .shesthefirst-description,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo .shesthefirst-description {
  margin-top: 5px;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo #ProductPriceRow {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm {
  width: calc(100% - 20px);
  max-width: 500px;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm select,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm select,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm select,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm select,
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .radio-container .button,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .radio-container .button,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .radio-container .button,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .radio-container .button,
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .button,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .button,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .button,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .button {
  /*height: @finger_height !important;*/
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm #AddToBag,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm #AddToBag,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm #AddToBag,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm #AddToBag {
  /*margin-left: @gutter;*/
  /*width: calc(100% ~'-' @gutter);*/
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .radio-container,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .radio-container,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .radio-container,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .radio-container,
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors {
  margin-bottom: 10px;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm select,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm select,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm select,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm select {
  /*width: 25%;*/
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .color-name-container,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .color-name-container,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .color-name-container,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .color-name-container {
  text-align: left;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .color-name-container .color-name,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .color-name-container .color-name,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .color-name-container .color-name,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .color-name-container .color-name {
  margin-right: 10px;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector {
  /*width: auto !important;*/
  margin-left: 0;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .color-name-container,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .color-name-container,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .color-name-container,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .color-name-container {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding-top: 10px;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .color-name-container .color-name,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .color-name-container .color-name,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .color-name-container .color-name,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .color-name-container .color-name {
  padding-top: 0;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .swatch-container.line-container,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .swatch-container.line-container,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .swatch-container.line-container,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .swatch-container.line-container {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .swatch-container.line-container li,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .swatch-container.line-container li,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .swatch-container.line-container li,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .color-selector .swatch-container.line-container li {
  margin-right: 10px;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors {
  text-align: left;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.desktop.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm #ProductCTAs,
.desktop.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm #ProductCTAs,
.desktop.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm #ProductCTAs,
.desktop.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm #ProductCTAs {
  margin-top: 0;
}
.desktop.product-product .content .page#ShadeFinder .color-selector .comparer-selector .color-name,
.desktop.information-static-eye_essentials_duo .content .page#ShadeFinder .color-selector .comparer-selector .color-name,
.desktop.information-static-gift_card .content .page#ShadeFinder .color-selector .comparer-selector .color-name,
.desktop.complete_complexion_trio .content .page#ShadeFinder .color-selector .comparer-selector .color-name {
  display: block;
}
.desktop.product-product .content .page#TriedTrue .before-after-sliders-row .flex-col,
.desktop.information-static-eye_essentials_duo .content .page#TriedTrue .before-after-sliders-row .flex-col,
.desktop.information-static-gift_card .content .page#TriedTrue .before-after-sliders-row .flex-col,
.desktop.complete_complexion_trio .content .page#TriedTrue .before-after-sliders-row .flex-col {
  padding: 0 20px;
}
.desktop.product-product .content .page#HowToApplySteps .third-span,
.desktop.information-static-eye_essentials_duo .content .page#HowToApplySteps .third-span,
.desktop.information-static-gift_card .content .page#HowToApplySteps .third-span,
.desktop.complete_complexion_trio .content .page#HowToApplySteps .third-span {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  margin: 0 20px;
}
.desktop.product-product .content .page#HowToApplySteps .text .step-circle,
.desktop.information-static-eye_essentials_duo .content .page#HowToApplySteps .text .step-circle,
.desktop.information-static-gift_card .content .page#HowToApplySteps .text .step-circle,
.desktop.complete_complexion_trio .content .page#HowToApplySteps .text .step-circle {
  margin: 0;
}
.desktop.product-product .content .page#HowToApplySteps .text .title,
.desktop.information-static-eye_essentials_duo .content .page#HowToApplySteps .text .title,
.desktop.information-static-gift_card .content .page#HowToApplySteps .text .title,
.desktop.complete_complexion_trio .content .page#HowToApplySteps .text .title,
.desktop.product-product .content .page#HowToApplySteps .text .paragraph-content,
.desktop.information-static-eye_essentials_duo .content .page#HowToApplySteps .text .paragraph-content,
.desktop.information-static-gift_card .content .page#HowToApplySteps .text .paragraph-content,
.desktop.complete_complexion_trio .content .page#HowToApplySteps .text .paragraph-content {
  margin-left: 20px;
  text-align: left;
}
.desktop.product-product .content .page#TryNow,
.desktop.information-static-eye_essentials_duo .content .page#TryNow,
.desktop.information-static-gift_card .content .page#TryNow,
.desktop.complete_complexion_trio .content .page#TryNow {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  /*					#title1{
						margin-right:-@gutter*10;
					}
					#TryNowBundle1{
						margin-right:-@gutter*10;
					}
					#title2{
						margin-left:-@gutter*10;
					}
					#TryNowBundle2{
						margin-left:-@gutter*10;
					}*/
}
.desktop.product-product .content .page#TryNow .trynow-section .photo,
.desktop.information-static-eye_essentials_duo .content .page#TryNow .trynow-section .photo,
.desktop.information-static-gift_card .content .page#TryNow .trynow-section .photo,
.desktop.complete_complexion_trio .content .page#TryNow .trynow-section .photo {
  max-width: 400px;
}
.desktop.product-product .content .page#TryNow .paragraph-content,
.desktop.information-static-eye_essentials_duo .content .page#TryNow .paragraph-content,
.desktop.information-static-gift_card .content .page#TryNow .paragraph-content,
.desktop.complete_complexion_trio .content .page#TryNow .paragraph-content {
  height: 40px;
}
.desktop.product-product .content .page#TryNow .title,
.desktop.information-static-eye_essentials_duo .content .page#TryNow .title,
.desktop.information-static-gift_card .content .page#TryNow .title,
.desktop.complete_complexion_trio .content .page#TryNow .title {
  height: 40px;
}
.desktop.product-product .content .page.inside-the-bundle .bench-title,
.desktop.information-static-eye_essentials_duo .content .page.inside-the-bundle .bench-title,
.desktop.information-static-gift_card .content .page.inside-the-bundle .bench-title,
.desktop.complete_complexion_trio .content .page.inside-the-bundle .bench-title {
  margin-left: 0;
}
.desktop.product-product .content .page#ShesTheFirst #PageTab,
.desktop.information-static-eye_essentials_duo .content .page#ShesTheFirst #PageTab,
.desktop.information-static-gift_card .content .page#ShesTheFirst #PageTab,
.desktop.complete_complexion_trio .content .page#ShesTheFirst #PageTab {
  margin-top: -20px;
  cursor: pointer;
}
.desktop.product-product .content .page#ShesTheFirst #ShesTheFirstLogo,
.desktop.information-static-eye_essentials_duo .content .page#ShesTheFirst #ShesTheFirstLogo,
.desktop.information-static-gift_card .content .page#ShesTheFirst #ShesTheFirstLogo,
.desktop.complete_complexion_trio .content .page#ShesTheFirst #ShesTheFirstLogo {
  max-width: 400px;
}
.desktop.product-product .content .page#ShesTheFirst #LmtdEdition,
.desktop.information-static-eye_essentials_duo .content .page#ShesTheFirst #LmtdEdition,
.desktop.information-static-gift_card .content .page#ShesTheFirst #LmtdEdition,
.desktop.complete_complexion_trio .content .page#ShesTheFirst #LmtdEdition {
  letter-spacing: 0.45em;
}
.desktop.product-product .content .page#ShesTheFirst .half-span,
.desktop.information-static-eye_essentials_duo .content .page#ShesTheFirst .half-span,
.desktop.information-static-gift_card .content .page#ShesTheFirst .half-span,
.desktop.complete_complexion_trio .content .page#ShesTheFirst .half-span {
  margin-top: 40px;
}
.desktop.product-product .content .page#ShesTheFirst #LMTD,
.desktop.information-static-eye_essentials_duo .content .page#ShesTheFirst #LMTD,
.desktop.information-static-gift_card .content .page#ShesTheFirst #LMTD,
.desktop.complete_complexion_trio .content .page#ShesTheFirst #LMTD {
  text-align: left;
}
.desktop.product-product .content .page#ShesTheFirst #AcePackaging,
.desktop.information-static-eye_essentials_duo .content .page#ShesTheFirst #AcePackaging,
.desktop.information-static-gift_card .content .page#ShesTheFirst #AcePackaging,
.desktop.complete_complexion_trio .content .page#ShesTheFirst #AcePackaging {
  margin-left: 100px;
}
.desktop.product-product .content .page#TheExperience #SpecialIngredientContainer .half-span .Xprimer-bunch-icon,
.desktop.information-static-eye_essentials_duo .content .page#TheExperience #SpecialIngredientContainer .half-span .Xprimer-bunch-icon,
.desktop.information-static-gift_card .content .page#TheExperience #SpecialIngredientContainer .half-span .Xprimer-bunch-icon,
.desktop.complete_complexion_trio .content .page#TheExperience #SpecialIngredientContainer .half-span .Xprimer-bunch-icon,
.desktop.product-product .content .page#TheExperience #PrimerIngredients .half-span .Xprimer-bunch-icon,
.desktop.information-static-eye_essentials_duo .content .page#TheExperience #PrimerIngredients .half-span .Xprimer-bunch-icon,
.desktop.information-static-gift_card .content .page#TheExperience #PrimerIngredients .half-span .Xprimer-bunch-icon,
.desktop.complete_complexion_trio .content .page#TheExperience #PrimerIngredients .half-span .Xprimer-bunch-icon,
.desktop.product-product .content .page#TheExperience #ConcealerIngredients .half-span .Xprimer-bunch-icon,
.desktop.information-static-eye_essentials_duo .content .page#TheExperience #ConcealerIngredients .half-span .Xprimer-bunch-icon,
.desktop.information-static-gift_card .content .page#TheExperience #ConcealerIngredients .half-span .Xprimer-bunch-icon,
.desktop.complete_complexion_trio .content .page#TheExperience #ConcealerIngredients .half-span .Xprimer-bunch-icon {
  width: 380px;
}
.desktop.product-product .content .page#TheExperience #SpecialIngredientContainer .half-span .XconcealerIngredients-icon,
.desktop.information-static-eye_essentials_duo .content .page#TheExperience #SpecialIngredientContainer .half-span .XconcealerIngredients-icon,
.desktop.information-static-gift_card .content .page#TheExperience #SpecialIngredientContainer .half-span .XconcealerIngredients-icon,
.desktop.complete_complexion_trio .content .page#TheExperience #SpecialIngredientContainer .half-span .XconcealerIngredients-icon,
.desktop.product-product .content .page#TheExperience #PrimerIngredients .half-span .XconcealerIngredients-icon,
.desktop.information-static-eye_essentials_duo .content .page#TheExperience #PrimerIngredients .half-span .XconcealerIngredients-icon,
.desktop.information-static-gift_card .content .page#TheExperience #PrimerIngredients .half-span .XconcealerIngredients-icon,
.desktop.complete_complexion_trio .content .page#TheExperience #PrimerIngredients .half-span .XconcealerIngredients-icon,
.desktop.product-product .content .page#TheExperience #ConcealerIngredients .half-span .XconcealerIngredients-icon,
.desktop.information-static-eye_essentials_duo .content .page#TheExperience #ConcealerIngredients .half-span .XconcealerIngredients-icon,
.desktop.information-static-gift_card .content .page#TheExperience #ConcealerIngredients .half-span .XconcealerIngredients-icon,
.desktop.complete_complexion_trio .content .page#TheExperience #ConcealerIngredients .half-span .XconcealerIngredients-icon {
  width: 350px;
}
/* override desktop + tablet styles above */
.tablet.product-product .fixed-modal #AllurePressModal .text#Title,
.tablet.information-static-eye_essentials_duo .fixed-modal #AllurePressModal .text#Title,
.tablet.information-static-gift_card .fixed-modal #AllurePressModal .text#Title,
.tablet.complete_complexion_trio .fixed-modal #AllurePressModal .text#Title {
  margin-left: 50px;
  text-align: left;
}
.tablet.product-product iframe,
.tablet.information-static-eye_essentials_duo iframe,
.tablet.information-static-gift_card iframe,
.tablet.complete_complexion_trio iframe {
  max-width: 590px;
  max-height: 320px;
}
.tablet.product-product .content select,
.tablet.information-static-eye_essentials_duo .content select,
.tablet.information-static-gift_card .content select,
.tablet.complete_complexion_trio .content select {
  width: 33%;
}
.tablet.product-product .content .page,
.tablet.information-static-eye_essentials_duo .content .page,
.tablet.information-static-gift_card .content .page,
.tablet.complete_complexion_trio .content .page {
  /* FOR DUO PAGE, DUPLICATE ADD TO BAG SELECTORS -- I THINK THIS IS A BAD IDEA */
}
.tablet.product-product .content .page#ProductBanner,
.tablet.information-static-eye_essentials_duo .content .page#ProductBanner,
.tablet.information-static-gift_card .content .page#ProductBanner,
.tablet.complete_complexion_trio .content .page#ProductBanner {
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.tablet.product-product .content .page#ProductBanner #ProductBannerImg,
.tablet.information-static-eye_essentials_duo .content .page#ProductBanner #ProductBannerImg,
.tablet.information-static-gift_card .content .page#ProductBanner #ProductBannerImg,
.tablet.complete_complexion_trio .content .page#ProductBanner #ProductBannerImg {
  height: 40vh;
}
.tablet.product-product .content .page#ProductBanner #ProductActions,
.tablet.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions,
.tablet.information-static-gift_card .content .page#ProductBanner #ProductActions,
.tablet.complete_complexion_trio .content .page#ProductBanner #ProductActions {
  height: auto;
  margin-top: 20px;
}
.tablet.product-product .content .page#ProductBanner #ProductActions #ProductInfo,
.tablet.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo,
.tablet.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo,
.tablet.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo {
  margin: 0 20px;
}
.tablet.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm,
.tablet.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm,
.tablet.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm,
.tablet.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm {
  max-width: 500px;
}
.tablet.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors,
.tablet.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors,
.tablet.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors,
.tablet.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors {
  margin-top: 10px;
}
.tablet.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .color-name-container .color-name,
.tablet.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .color-name-container .color-name,
.tablet.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .color-name-container .color-name,
.tablet.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .color-name-container .color-name {
  margin-right: 10px;
}
.tablet.product-product .content .page#GetStarted .renewal-selectors,
.tablet.information-static-eye_essentials_duo .content .page#GetStarted .renewal-selectors,
.tablet.information-static-gift_card .content .page#GetStarted .renewal-selectors,
.tablet.complete_complexion_trio .content .page#GetStarted .renewal-selectors {
  max-width: 500px;
}
.tablet.product-product .content .page#GetStarted .renewal-selectors select,
.tablet.information-static-eye_essentials_duo .content .page#GetStarted .renewal-selectors select,
.tablet.information-static-gift_card .content .page#GetStarted .renewal-selectors select,
.tablet.complete_complexion_trio .content .page#GetStarted .renewal-selectors select {
  margin: 20px auto;
}
.tablet.product-product .content .page#WhatSheSaw .before-after-sliders-row .flex-col,
.tablet.information-static-eye_essentials_duo .content .page#WhatSheSaw .before-after-sliders-row .flex-col,
.tablet.information-static-gift_card .content .page#WhatSheSaw .before-after-sliders-row .flex-col,
.tablet.complete_complexion_trio .content .page#WhatSheSaw .before-after-sliders-row .flex-col {
  /*margin-left: -8px;
							margin-right: -8px;*/
}
.tablet.product-product .content .page#WhatSheSaw .before-after-sliders-row .flex-col .paragraph-content,
.tablet.information-static-eye_essentials_duo .content .page#WhatSheSaw .before-after-sliders-row .flex-col .paragraph-content,
.tablet.information-static-gift_card .content .page#WhatSheSaw .before-after-sliders-row .flex-col .paragraph-content,
.tablet.complete_complexion_trio .content .page#WhatSheSaw .before-after-sliders-row .flex-col .paragraph-content {
  max-width: 230px;
}
.tablet.product-product .content .page#ShesTheFirst #LMTD,
.tablet.information-static-eye_essentials_duo .content .page#ShesTheFirst #LMTD,
.tablet.information-static-gift_card .content .page#ShesTheFirst #LMTD,
.tablet.complete_complexion_trio .content .page#ShesTheFirst #LMTD {
  margin-left: 80px;
}
.tablet.product-product .content .page#ShesTheFirst #AcePackaging,
.tablet.information-static-eye_essentials_duo .content .page#ShesTheFirst #AcePackaging,
.tablet.information-static-gift_card .content .page#ShesTheFirst #AcePackaging,
.tablet.complete_complexion_trio .content .page#ShesTheFirst #AcePackaging {
  margin-right: -80px;
}
.tablet.product-product .content .page#TryNow .paragraph-content,
.tablet.information-static-eye_essentials_duo .content .page#TryNow .paragraph-content,
.tablet.information-static-gift_card .content .page#TryNow .paragraph-content,
.tablet.complete_complexion_trio .content .page#TryNow .paragraph-content {
  height: 40px;
}
.tablet.product-product .content .page#TryNow .title,
.tablet.information-static-eye_essentials_duo .content .page#TryNow .title,
.tablet.information-static-gift_card .content .page#TryNow .title,
.tablet.complete_complexion_trio .content .page#TryNow .title {
  height: 70px;
}
.tablet.product-product .content .page#TriedTrue .before-after-sliders-row .flex-col,
.tablet.information-static-eye_essentials_duo .content .page#TriedTrue .before-after-sliders-row .flex-col,
.tablet.information-static-gift_card .content .page#TriedTrue .before-after-sliders-row .flex-col,
.tablet.complete_complexion_trio .content .page#TriedTrue .before-after-sliders-row .flex-col {
  align-items: flex-start;
  margin: -10px;
}
.tablet.product-product .content .page#TriedTrue .before-after-sliders-row .flex-col .title,
.tablet.information-static-eye_essentials_duo .content .page#TriedTrue .before-after-sliders-row .flex-col .title,
.tablet.information-static-gift_card .content .page#TriedTrue .before-after-sliders-row .flex-col .title,
.tablet.complete_complexion_trio .content .page#TriedTrue .before-after-sliders-row .flex-col .title {
  height: 35px;
}
.tablet.product-product .content .page .results-ace .before-after-sliders-row .flex-col,
.tablet.information-static-eye_essentials_duo .content .page .results-ace .before-after-sliders-row .flex-col,
.tablet.information-static-gift_card .content .page .results-ace .before-after-sliders-row .flex-col,
.tablet.complete_complexion_trio .content .page .results-ace .before-after-sliders-row .flex-col {
  padding: 20px;
}
.tablet.product-product .content .page .results-ace .before-after-sliders-row .before-after-text,
.tablet.information-static-eye_essentials_duo .content .page .results-ace .before-after-sliders-row .before-after-text,
.tablet.information-static-gift_card .content .page .results-ace .before-after-sliders-row .before-after-text,
.tablet.complete_complexion_trio .content .page .results-ace .before-after-sliders-row .before-after-text {
  width: 260px;
}
.tablet.product-product .content .page#HowToApplySteps .third-span,
.tablet.information-static-eye_essentials_duo .content .page#HowToApplySteps .third-span,
.tablet.information-static-gift_card .content .page#HowToApplySteps .third-span,
.tablet.complete_complexion_trio .content .page#HowToApplySteps .third-span {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  margin: 0 20px;
}
.tablet.product-product .content .page#TheExperience #ConcealerIngredients #VitaminC .concealerIngredients-icon svg,
.tablet.information-static-eye_essentials_duo .content .page#TheExperience #ConcealerIngredients #VitaminC .concealerIngredients-icon svg,
.tablet.information-static-gift_card .content .page#TheExperience #ConcealerIngredients #VitaminC .concealerIngredients-icon svg,
.tablet.complete_complexion_trio .content .page#TheExperience #ConcealerIngredients #VitaminC .concealerIngredients-icon svg {
  max-width: 100%;
  max-height: 100%;
}
.tablet.product-product .content .page#TheExperience #SpecialIngredientContainer #PrimerBunch .Xprimer-bunch-icon,
.tablet.information-static-eye_essentials_duo .content .page#TheExperience #SpecialIngredientContainer #PrimerBunch .Xprimer-bunch-icon,
.tablet.information-static-gift_card .content .page#TheExperience #SpecialIngredientContainer #PrimerBunch .Xprimer-bunch-icon,
.tablet.complete_complexion_trio .content .page#TheExperience #SpecialIngredientContainer #PrimerBunch .Xprimer-bunch-icon,
.tablet.product-product .content .page#TheExperience #PrimerIngredients #PrimerBunch .Xprimer-bunch-icon,
.tablet.information-static-eye_essentials_duo .content .page#TheExperience #PrimerIngredients #PrimerBunch .Xprimer-bunch-icon,
.tablet.information-static-gift_card .content .page#TheExperience #PrimerIngredients #PrimerBunch .Xprimer-bunch-icon,
.tablet.complete_complexion_trio .content .page#TheExperience #PrimerIngredients #PrimerBunch .Xprimer-bunch-icon,
.tablet.product-product .content .page#TheExperience #ConcealerIngredients #PrimerBunch .Xprimer-bunch-icon,
.tablet.information-static-eye_essentials_duo .content .page#TheExperience #ConcealerIngredients #PrimerBunch .Xprimer-bunch-icon,
.tablet.information-static-gift_card .content .page#TheExperience #ConcealerIngredients #PrimerBunch .Xprimer-bunch-icon,
.tablet.complete_complexion_trio .content .page#TheExperience #ConcealerIngredients #PrimerBunch .Xprimer-bunch-icon {
  height: 300px;
  width: 350px;
}
.tablet.product-product .content .page#TheExperience #SpecialIngredientContainer #VitaminC,
.tablet.information-static-eye_essentials_duo .content .page#TheExperience #SpecialIngredientContainer #VitaminC,
.tablet.information-static-gift_card .content .page#TheExperience #SpecialIngredientContainer #VitaminC,
.tablet.complete_complexion_trio .content .page#TheExperience #SpecialIngredientContainer #VitaminC,
.tablet.product-product .content .page#TheExperience #PrimerIngredients #VitaminC,
.tablet.information-static-eye_essentials_duo .content .page#TheExperience #PrimerIngredients #VitaminC,
.tablet.information-static-gift_card .content .page#TheExperience #PrimerIngredients #VitaminC,
.tablet.complete_complexion_trio .content .page#TheExperience #PrimerIngredients #VitaminC,
.tablet.product-product .content .page#TheExperience #ConcealerIngredients #VitaminC,
.tablet.information-static-eye_essentials_duo .content .page#TheExperience #ConcealerIngredients #VitaminC,
.tablet.information-static-gift_card .content .page#TheExperience #ConcealerIngredients #VitaminC,
.tablet.complete_complexion_trio .content .page#TheExperience #ConcealerIngredients #VitaminC {
  /*concealerIngredients-icon svg{
								max-width: 100%;
								max-height:100%;
							}*/
}
.tablet.product-product .content .page#TheExperience #SpecialIngredientContainer #VitaminC .XconcealerIngredients-icon,
.tablet.information-static-eye_essentials_duo .content .page#TheExperience #SpecialIngredientContainer #VitaminC .XconcealerIngredients-icon,
.tablet.information-static-gift_card .content .page#TheExperience #SpecialIngredientContainer #VitaminC .XconcealerIngredients-icon,
.tablet.complete_complexion_trio .content .page#TheExperience #SpecialIngredientContainer #VitaminC .XconcealerIngredients-icon,
.tablet.product-product .content .page#TheExperience #PrimerIngredients #VitaminC .XconcealerIngredients-icon,
.tablet.information-static-eye_essentials_duo .content .page#TheExperience #PrimerIngredients #VitaminC .XconcealerIngredients-icon,
.tablet.information-static-gift_card .content .page#TheExperience #PrimerIngredients #VitaminC .XconcealerIngredients-icon,
.tablet.complete_complexion_trio .content .page#TheExperience #PrimerIngredients #VitaminC .XconcealerIngredients-icon,
.tablet.product-product .content .page#TheExperience #ConcealerIngredients #VitaminC .XconcealerIngredients-icon,
.tablet.information-static-eye_essentials_duo .content .page#TheExperience #ConcealerIngredients #VitaminC .XconcealerIngredients-icon,
.tablet.information-static-gift_card .content .page#TheExperience #ConcealerIngredients #VitaminC .XconcealerIngredients-icon,
.tablet.complete_complexion_trio .content .page#TheExperience #ConcealerIngredients #VitaminC .XconcealerIngredients-icon {
  max-width: 100%;
  max-height: 100%;
}
.tablet.product-product .content .page.press-section .press-block .paragraph-content,
.tablet.information-static-eye_essentials_duo .content .page.press-section .press-block .paragraph-content,
.tablet.information-static-gift_card .content .page.press-section .press-block .paragraph-content,
.tablet.complete_complexion_trio .content .page.press-section .press-block .paragraph-content {
  height: 70px;
}
.tablet.product-product .content .page.press-section .logo,
.tablet.information-static-eye_essentials_duo .content .page.press-section .logo,
.tablet.information-static-gift_card .content .page.press-section .logo,
.tablet.complete_complexion_trio .content .page.press-section .logo {
  margin-top: -70px;
}
.tablet.product-product .content .page.blog-section .blog-block .paragraph-content,
.tablet.information-static-eye_essentials_duo .content .page.blog-section .blog-block .paragraph-content,
.tablet.information-static-gift_card .content .page.blog-section .blog-block .paragraph-content,
.tablet.complete_complexion_trio .content .page.blog-section .blog-block .paragraph-content {
  height: 70px;
}
.tablet.product-product .content .page.reviews-section .pink_line,
.tablet.information-static-eye_essentials_duo .content .page.reviews-section .pink_line,
.tablet.information-static-gift_card .content .page.reviews-section .pink_line,
.tablet.complete_complexion_trio .content .page.reviews-section .pink_line {
  width: 80px;
}
.tablet.product-product .content .page.reviews-section .review-block,
.tablet.information-static-eye_essentials_duo .content .page.reviews-section .review-block,
.tablet.information-static-gift_card .content .page.reviews-section .review-block,
.tablet.complete_complexion_trio .content .page.reviews-section .review-block {
  margin: 6.66666667px;
}
.tablet.product-product .content .page.reviews-section .review-block .paragraph-content,
.tablet.information-static-eye_essentials_duo .content .page.reviews-section .review-block .paragraph-content,
.tablet.information-static-gift_card .content .page.reviews-section .review-block .paragraph-content,
.tablet.complete_complexion_trio .content .page.reviews-section .review-block .paragraph-content {
  height: 65px;
}
.tablet.product-product .content .page.reviews-section .review-block .name,
.tablet.information-static-eye_essentials_duo .content .page.reviews-section .review-block .name,
.tablet.information-static-gift_card .content .page.reviews-section .review-block .name,
.tablet.complete_complexion_trio .content .page.reviews-section .review-block .name {
  margin-top: -20px;
}
.tablet.product-product .content .page.reviews-section a,
.tablet.information-static-eye_essentials_duo .content .page.reviews-section a,
.tablet.information-static-gift_card .content .page.reviews-section a,
.tablet.complete_complexion_trio .content .page.reviews-section a {
  margin-top: 10px;
}
.phone.product-product #ProductActionsForm .square-radio-buttons .radio-buttons-row label,
.phone.information-static-eye_essentials_duo #ProductActionsForm .square-radio-buttons .radio-buttons-row label,
.phone.information-static-gift_card #ProductActionsForm .square-radio-buttons .radio-buttons-row label,
.phone.complete_complexion_trio #ProductActionsForm .square-radio-buttons .radio-buttons-row label {
  min-width: 0;
  padding: 10px;
}
.phone.product-product iframe,
.phone.information-static-eye_essentials_duo iframe,
.phone.information-static-gift_card iframe,
.phone.complete_complexion_trio iframe {
  max-width: calc(100vw - 40px);
  max-height: 210px;
}
.phone.product-product .content .color-description,
.phone.information-static-eye_essentials_duo .content .color-description,
.phone.information-static-gift_card .content .color-description,
.phone.complete_complexion_trio .content .color-description {
  min-height: 100px;
}
.phone.product-product .content .concealerIngredients-icon svg,
.phone.information-static-eye_essentials_duo .content .concealerIngredients-icon svg,
.phone.information-static-gift_card .content .concealerIngredients-icon svg,
.phone.complete_complexion_trio .content .concealerIngredients-icon svg {
  width: 300px;
}
.phone.product-product .content .page,
.phone.information-static-eye_essentials_duo .content .page,
.phone.information-static-gift_card .content .page,
.phone.complete_complexion_trio .content .page {
  /* FOR DUO PAGE, DUPLICATE ADD TO BAG SELECTORS -- I THINK THIS IS A BAD IDEA, WE SHOULD CONVERT TO SHADE FINDER */
}
.phone.product-product .content .page#ProductBanner #ProductBannerImg,
.phone.information-static-eye_essentials_duo .content .page#ProductBanner #ProductBannerImg,
.phone.information-static-gift_card .content .page#ProductBanner #ProductBannerImg,
.phone.complete_complexion_trio .content .page#ProductBanner #ProductBannerImg {
  height: 60vh;
}
.phone.product-product .content .page#ProductBanner #ProductActions,
.phone.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions,
.phone.information-static-gift_card .content .page#ProductBanner #ProductActions,
.phone.complete_complexion_trio .content .page#ProductBanner #ProductActions {
  margin: 0;
  height: auto;
}
.phone.product-product .content .page#ProductBanner #ProductActions #ProductInfo,
.phone.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductInfo,
.phone.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductInfo,
.phone.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductInfo {
  width: 100%;
  padding-top: 40px;
}
.phone.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm,
.phone.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm,
.phone.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm,
.phone.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm {
  margin: 40px 0;
  max-width: calc(100vw - 40px);
}
.phone.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm #QuantityAddToBagRow .custom-select,
.phone.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm #QuantityAddToBagRow .custom-select,
.phone.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm #QuantityAddToBagRow .custom-select,
.phone.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm #QuantityAddToBagRow .custom-select {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-top: 0;
}
.phone.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .color-smear,
.phone.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .color-smear,
.phone.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .color-smear,
.phone.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .color-smear {
  max-height: 120px;
}
.phone.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container,
.phone.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container,
.phone.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container,
.phone.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .renewal-selectors .radio-container {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  width: calc(100% - 40px);
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
.phone.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm #ProductCTAs,
.phone.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm #ProductCTAs,
.phone.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm #ProductCTAs,
.phone.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm #ProductCTAs {
  margin-top: 20px;
}
.phone.product-product .content .page#ProductBanner #ProductActions #ProductActionsForm .shipping-delay,
.phone.information-static-eye_essentials_duo .content .page#ProductBanner #ProductActions #ProductActionsForm .shipping-delay,
.phone.information-static-gift_card .content .page#ProductBanner #ProductActions #ProductActionsForm .shipping-delay,
.phone.complete_complexion_trio .content .page#ProductBanner #ProductActions #ProductActionsForm .shipping-delay {
  margin-top: 20px;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
}
.phone.product-product .content .page#GetStarted .renewal-selectors,
.phone.information-static-eye_essentials_duo .content .page#GetStarted .renewal-selectors,
.phone.information-static-gift_card .content .page#GetStarted .renewal-selectors,
.phone.complete_complexion_trio .content .page#GetStarted .renewal-selectors {
  max-width: 300px;
  width: calc(100% - 40px);
}
.phone.product-product .content .page#GetStarted .renewal-selectors select,
.phone.information-static-eye_essentials_duo .content .page#GetStarted .renewal-selectors select,
.phone.information-static-gift_card .content .page#GetStarted .renewal-selectors select,
.phone.complete_complexion_trio .content .page#GetStarted .renewal-selectors select {
  margin: 20px auto;
}
.phone.product-product .content .page#ShadeFinder .color-comparer-static .color-comparison,
.phone.information-static-eye_essentials_duo .content .page#ShadeFinder .color-comparer-static .color-comparison,
.phone.information-static-gift_card .content .page#ShadeFinder .color-comparer-static .color-comparison,
.phone.complete_complexion_trio .content .page#ShadeFinder .color-comparer-static .color-comparison {
  margin: 0 5px;
}
.phone.product-product .content .page#ShadeFinder .color-comparer .color-swatch .overlay,
.phone.information-static-eye_essentials_duo .content .page#ShadeFinder .color-comparer .color-swatch .overlay,
.phone.information-static-gift_card .content .page#ShadeFinder .color-comparer .color-swatch .overlay,
.phone.complete_complexion_trio .content .page#ShadeFinder .color-comparer .color-swatch .overlay {
  padding: 20px 0;
}
.phone.product-product .content .page#TheExperience #SpecialIngredientContainer .Xprimer-bunch-icon,
.phone.information-static-eye_essentials_duo .content .page#TheExperience #SpecialIngredientContainer .Xprimer-bunch-icon,
.phone.information-static-gift_card .content .page#TheExperience #SpecialIngredientContainer .Xprimer-bunch-icon,
.phone.complete_complexion_trio .content .page#TheExperience #SpecialIngredientContainer .Xprimer-bunch-icon,
.phone.product-product .content .page#TheExperience #PrimerIngredients .Xprimer-bunch-icon,
.phone.information-static-eye_essentials_duo .content .page#TheExperience #PrimerIngredients .Xprimer-bunch-icon,
.phone.information-static-gift_card .content .page#TheExperience #PrimerIngredients .Xprimer-bunch-icon,
.phone.complete_complexion_trio .content .page#TheExperience #PrimerIngredients .Xprimer-bunch-icon,
.phone.product-product .content .page#TheExperience #ConcealerIngredients .Xprimer-bunch-icon,
.phone.information-static-eye_essentials_duo .content .page#TheExperience #ConcealerIngredients .Xprimer-bunch-icon,
.phone.information-static-gift_card .content .page#TheExperience #ConcealerIngredients .Xprimer-bunch-icon,
.phone.complete_complexion_trio .content .page#TheExperience #ConcealerIngredients .Xprimer-bunch-icon {
  min-width: 300px;
  min-height: 300px;
}
.phone.product-product .content .page#TheExperience #VitaminCText,
.phone.information-static-eye_essentials_duo .content .page#TheExperience #VitaminCText,
.phone.information-static-gift_card .content .page#TheExperience #VitaminCText,
.phone.complete_complexion_trio .content .page#TheExperience #VitaminCText {
  margin-left: 80px;
  margin-right: 80px;
}
.phone.product-product .content .page#ShesTheFirst #LMTD,
.phone.information-static-eye_essentials_duo .content .page#ShesTheFirst #LMTD,
.phone.information-static-gift_card .content .page#ShesTheFirst #LMTD,
.phone.complete_complexion_trio .content .page#ShesTheFirst #LMTD {
  text-align: center;
}
.phone.product-product .content .page#ShesTheFirst #ShesTheFirstLogo,
.phone.information-static-eye_essentials_duo .content .page#ShesTheFirst #ShesTheFirstLogo,
.phone.information-static-gift_card .content .page#ShesTheFirst #ShesTheFirstLogo,
.phone.complete_complexion_trio .content .page#ShesTheFirst #ShesTheFirstLogo {
  max-width: 300px;
}
.phone.product-product .content .page#ShesTheFirst #AcePackaging,
.phone.information-static-eye_essentials_duo .content .page#ShesTheFirst #AcePackaging,
.phone.information-static-gift_card .content .page#ShesTheFirst #AcePackaging,
.phone.complete_complexion_trio .content .page#ShesTheFirst #AcePackaging {
  margin-left: 80px;
  /* to center image without the shadow in consideration */
}
.phone.product-product .content .page#TryNow,
.phone.information-static-eye_essentials_duo .content .page#TryNow,
.phone.information-static-gift_card .content .page#TryNow,
.phone.complete_complexion_trio .content .page#TryNow {
  /*					.title{
						margin-right:@gutter*2;
					}
					.paragraph-content{
						margin-right:@gutter;
					}*/
}
.phone.product-product .content .page#TryNow .trynow-section,
.phone.information-static-eye_essentials_duo .content .page#TryNow .trynow-section,
.phone.information-static-gift_card .content .page#TryNow .trynow-section,
.phone.complete_complexion_trio .content .page#TryNow .trynow-section {
  /*margin-right:@gutter*2;*/
  margin-bottom: 40px;
}
.phone.product-product .content .page#TryNow .ellaboration,
.phone.information-static-eye_essentials_duo .content .page#TryNow .ellaboration,
.phone.information-static-gift_card .content .page#TryNow .ellaboration,
.phone.complete_complexion_trio .content .page#TryNow .ellaboration {
  margin-left: 30px;
}
.phone.product-product .content .page#MoreDetails #WhatsABench,
.phone.information-static-eye_essentials_duo .content .page#MoreDetails #WhatsABench,
.phone.information-static-gift_card .content .page#MoreDetails #WhatsABench,
.phone.complete_complexion_trio .content .page#MoreDetails #WhatsABench,
.phone.product-product .content .page.inside-the-bundle #WhatsABench,
.phone.information-static-eye_essentials_duo .content .page.inside-the-bundle #WhatsABench,
.phone.information-static-gift_card .content .page.inside-the-bundle #WhatsABench,
.phone.complete_complexion_trio .content .page.inside-the-bundle #WhatsABench {
  margin-left: 0px;
}
.phone.product-product .content .page.press-section .press-block,
.phone.information-static-eye_essentials_duo .content .page.press-section .press-block,
.phone.information-static-gift_card .content .page.press-section .press-block,
.phone.complete_complexion_trio .content .page.press-section .press-block {
  margin-left: -2.5px;
}
.phone.product-product .content .page.press-section .press-block .paragraph-content,
.phone.information-static-eye_essentials_duo .content .page.press-section .press-block .paragraph-content,
.phone.information-static-gift_card .content .page.press-section .press-block .paragraph-content,
.phone.complete_complexion_trio .content .page.press-section .press-block .paragraph-content {
  margin-top: -30px;
  max-width: 340px;
}
.phone.product-product .content .page.press-section .press-block #Bazaar,
.phone.information-static-eye_essentials_duo .content .page.press-section .press-block #Bazaar,
.phone.information-static-gift_card .content .page.press-section .press-block #Bazaar,
.phone.complete_complexion_trio .content .page.press-section .press-block #Bazaar {
  margin-top: -160px;
  margin-bottom: -160px;
}
.phone.product-product .content .page.blog-section .blog-block,
.phone.information-static-eye_essentials_duo .content .page.blog-section .blog-block,
.phone.information-static-gift_card .content .page.blog-section .blog-block,
.phone.complete_complexion_trio .content .page.blog-section .blog-block {
  margin-top: -2.5px;
}
.phone.product-product .content .page.blog-section .blog-block .paragraph-content,
.phone.information-static-eye_essentials_duo .content .page.blog-section .blog-block .paragraph-content,
.phone.information-static-gift_card .content .page.blog-section .blog-block .paragraph-content,
.phone.complete_complexion_trio .content .page.blog-section .blog-block .paragraph-content {
  height: 70px;
  margin-top: 40px;
}
.phone.product-product .content .page.blog-section .blog-block .pink_line,
.phone.information-static-eye_essentials_duo .content .page.blog-section .blog-block .pink_line,
.phone.information-static-gift_card .content .page.blog-section .blog-block .pink_line,
.phone.complete_complexion_trio .content .page.blog-section .blog-block .pink_line {
  /*margin: @gutter;*/
}
.phone.product-product .content .page.reviews-section .review-block,
.phone.information-static-eye_essentials_duo .content .page.reviews-section .review-block,
.phone.information-static-gift_card .content .page.reviews-section .review-block,
.phone.complete_complexion_trio .content .page.reviews-section .review-block {
  margin-top: -2.5px;
}
.phone.product-product .content .page.reviews-section .review-block .paragraph-content,
.phone.information-static-eye_essentials_duo .content .page.reviews-section .review-block .paragraph-content,
.phone.information-static-gift_card .content .page.reviews-section .review-block .paragraph-content,
.phone.complete_complexion_trio .content .page.reviews-section .review-block .paragraph-content {
  height: 85px;
  margin-top: 30px;
}
.phone.product-product .content .page.reviews-section .review-block .pink_line,
.phone.information-static-eye_essentials_duo .content .page.reviews-section .review-block .pink_line,
.phone.information-static-gift_card .content .page.reviews-section .review-block .pink_line,
.phone.complete_complexion_trio .content .page.reviews-section .review-block .pink_line {
  /*margin: @gutter;*/
}
.our_story .content #OurStoryBanner.parallax-bgimg {
  background-attachment: initial;
  background-position: 50% 100%;
}
.our_story .content .page#PerfectChemistry .plus-sign {
  margin: 20px 0;
}
.our_story .content .page#Philanthropy {
  overflow: hidden;
}
.our_story .content .page#Philanthropy #PhilanthropyKids {
  margin-top: 40px;
}
.our_story .content .page#Philanthropy #PhilanthropyKids .photo {
  width: 100vw;
  height: auto;
  margin-left: -20px;
}
.our_story .content .page#Philanthropy #PhilanthropyKids .overlay {
  color: #ffffff;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  text-align: left;
  margin: 0 40px;
  max-width: 450px;
}
.our_story .content .page#Philanthropy #PhilanthropyKids .overlay a {
  color: #6dcff6;
}
.our_story .content .page#LadiesFirst .our-name {
  margin-bottom: 20px;
}
.our_story .content .page#LadiesFirst #LadyDetails {
  position: relative;
  margin-top: 20px;
}
.our_story .content .page#LadiesFirst #LadyDetails .half-span {
  /*.border(red);*/
}
.our_story .content .page#LadiesFirst #LadyDetails .text {
  text-align: left;
  margin: 40px;
}
.our_story .content .page#LadiesFirst #LadyDetails .text .lady-header {
  margin-bottom: 20px;
}
.our_story .content .page#LadiesFirst #LadyDetails .text .lady-description {
  color: #999999;
}
.our_story .content .page#LadiesFirst #LadyDetails .photo {
  width: 100%;
}
.our_story .content .page#LadiesFirst #LadyDetails .lady-illustration svg {
  fill: #333333;
  width: 250px;
  height: 250px;
}
.our_story .content .page#LadiesFirst #LadyDetails .breadcrumbs {
  margin-top: 20px;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.our_story .content .page#LadiesFirst #LadyDetails .breadcrumbs .circle {
  width: 7px;
  height: 7px;
  border-radius: 3.5px;
}
.our_story .content .page#LadiesFirst #LadyDetails .breadcrumbs li:first-child {
  margin-left: 0;
}
.our_story .content .page#OurFounders .half-span {
  /*.border(@black);*/
}
.our_story .content .page#OurFounders .half-span#KalLaurenImgContainer {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.our_story .content .page#OurFounders .text {
  text-align: left;
  margin: 40px;
}
.our_story .content .page#OurFounders .text .founder-description {
  margin-top: 20px;
}
.our_story .content .page#OurFounders .photo {
  width: 100%;
}
.our_story .content .page#TheProducts .product-section {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 10px;
}
.our_story .content .page#TheProducts .product-section .flex-row .third-span .third-span-section {
  margin: 20px 0;
}
.our_story .content .page#TheProducts .product-section .flex-row .third-span .third-span-section .photo {
  width: 100%;
}
.our_story .content .page#TheProducts .product-section .flex-row .third-span .third-span-section .paragraph-content {
  margin-top: 20px;
}
.our_story .content .page#TheProducts .product-section .text {
  margin-top: 20px;
}
.our_story .content .page#TheProducts .product-section .text .title {
  margin-bottom: 10px;
}
.our_story .content .page#TheProducts .photo {
  width: 100vw;
  height: 400px;
  background-size: cover;
  background-position: 50% 50%;
}
.desktop.our_story #OurStoryBanner.parallax-bgimg {
  height: 50vh;
}
.desktop.our_story .page#PerfectChemistry .plus-sign {
  margin: 0 20px;
}
.desktop.our_story .page#LadiesFirst .slideshow-left,
.desktop.our_story .page#LadiesFirst .slideshow-right {
  top: 300px !important;
}
.desktop.our_story .page#LadiesFirst .text {
  margin: 80px;
}
.desktop.our_story .page#OurFounders .text {
  margin: 40px;
}
.desktop.our_story .page#TheProducts img {
  max-width: 25vw;
}
.tablet.our_story #OurStoryBanner.parallax-bgimg {
  min-height: 0;
  height: 350px;
}
.tablet.our_story .page#TheProducts img {
  max-width: 25vw;
}
.phone.our_story .content .page#TheProducts img {
  max-height: 30vh;
  width: auto;
  margin: 10px 0;
}
/*
	* login & register account forms

	* login used on:
	** checkout/cart
	** account/login
	** login modal

	* register used on:
	** checkout/success
	** account/register
*/
/*
	* reusuable login module AND /checkout/cart login
*/
#LoginModule .login-fb-wrapper .facebook-login-btn,
#NotLoggedInCheckout .login-fb-wrapper .facebook-login-btn {
  background: #3b5998;
  border-color: #3b5998;
}
#LoginModule #LoginSeparator,
#NotLoggedInCheckout #LoginSeparator {
  margin: 10px 0;
}
#LoginModule .register-account input,
#NotLoggedInCheckout .register-account input,
#LoginModule .login-account input,
#NotLoggedInCheckout .login-account input {
  margin-right: 0 !important;
}
#LoginModule .register-account .register-account-btn,
#NotLoggedInCheckout .register-account .register-account-btn,
#LoginModule .login-account .register-account-btn,
#NotLoggedInCheckout .login-account .register-account-btn,
#LoginModule .register-account .login-account-btn,
#NotLoggedInCheckout .register-account .login-account-btn,
#LoginModule .login-account .login-account-btn,
#NotLoggedInCheckout .login-account .login-account-btn {
  margin-top: 20px;
}
#LoginModule .login-account .flex-row#ForgotPassword,
#NotLoggedInCheckout .login-account .flex-row#ForgotPassword {
  margin-top: 20px;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
#LoginModule .login-account .forgot-password,
#NotLoggedInCheckout .login-account .forgot-password {
  margin-right: 20px;
}
#LoginModule .register-account,
#NotLoggedInCheckout .register-account {
  margin: 20px 0;
}
#LoginModule .forgot-password {
  /*margin-left: @gutter;*/
}
#NotLoggedInCheckout .forgot-password {
  margin-left: 0;
}
/*
	* login modal
	* #LoginModule injects into a modal on desktop + tablet
*/
/*
	* account/login page
	* #LoginModule injects into a modal on phone
*/
.desktop.account-login .flex-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.desktop.account-login .flex-row .login-account {
  margin-right: 10px;
}
.desktop.account-login .flex-row .register-account {
  margin-left: 10px;
}
.tablet.account-login .flex-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
/*
	* slideout bag + header bag icon
*/
.bag-icon-container .bag-icon {
  line-height: 0;
  margin: 0;
}
.bag-icon-container .bag-icon svg {
  width: 22px;
  height: 22px;
}
.bag-icon-container .bag-icon-total {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #333333;
  color: #ffffff;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.bag-notification {
  border: 1px solid #ffffff;
  position: absolute;
  bottom: -40px;
  right: 20px;
  padding: 20px;
  background-color: #fcf3f5;
}
.slideout-bag {
  border-left: 2px solid rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  position: fixed;
  width: 220px;
  max-width: calc(100% - 40px);
  height: 100%;
  top: 0;
  right: -440px;
  z-index: 1000;
  padding: 0 20px;
}
.slideout-bag .slideout-close-btns {
  margin-top: 20px;
  margin-right: -10px;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.slideout-bag .slideout-close-btns #SlideoutBagX {
  cursor: pointer;
}
.slideout-bag .slideout-close-btns #SlideoutBagIcon {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  cursor: pointer;
}
.slideout-bag .slideout-close-btns #SlideoutBagIcon:active {
  position: relative;
  top: 2px;
}
.slideout-bag .slideout-close-btns #SlideoutBagIcon:active {
  position: relative;
  top: 2px;
}
.slideout-bag .slideout-close-btns #SlideoutBagIcon:active .nav-link {
  border-bottom: 1px solid #333333;
}
.slideout-bag .slideout-close-btns #SlideoutBagIcon:active .nav-link.onomie-blue {
  border-bottom: 1px solid #6dcff6;
}
.slideout-bag .title {
  margin-bottom: 10px;
}
.slideout-bag .bag-item-container {
  margin: 20px 0;
}
.slideout-bag .bag-item-container #EmptyCartBtn {
  margin-top: 40px;
}
.slideout-bag .bag-item-container #CartOverflow {
  color: #6dcff6;
}
.slideout-bag .bag-item {
  margin-top: 20px;
  position: relative;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  border-bottom: 1px solid #999999;
}
.slideout-bag .bag-item .color-swatch {
  /*.circle(15px);*/
  width: 20px;
  height: 20px;
  border-radius: 0;
  margin-right: 10px;
}
.slideout-bag .bag-item .bag-item-thumb {
  cursor: pointer;
  width: 33px;
  margin-right: 20px;
}
.slideout-bag .bag-item #ProductName {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.slideout-bag .bag-item .bag-item-name {
  cursor: pointer;
}
.slideout-bag .bag-item .bag-item-swatch {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.slideout-bag .bag-item .bag-item-totals {
  margin-top: 10px;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.slideout-bag .bag-item .remove-product {
  position: absolute;
  top: 0;
  right: 0;
}
.slideout-bag .bag-item-summary {
  margin: 20px 0;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.slideout-bag .bag-item-summary .bag-item-summary-col {
  width: 100%;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.slideout-bag .bag-item-summary .bag-item-summary-row {
  width: 100%;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.slideout-bag #BagCheckoutBtns {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.slideout-bag #BagCheckoutBtns .button {
  margin-bottom: 10px;
  /*min-width: 0;*/
  /*max-width: none;*/
  width: 100%;
}
.desktop .slideout-bag {
  width: 300px;
  /*margin-top: (@max_header_height - @min_header_height) / 2;*/
}
.desktop .slideout-bag .slideout-close-btns {
  margin-top: 30px;
}
.tablet .slideout-bag {
  width: 250px;
}
.tablet .slideout-bag .slideout-close-btns {
  margin-top: 30px;
}
.phone .slideout-bag .bag-item-container #EmptyCartBtn {
  width: 100%;
}
/*
	* checkout/cart + checkout/checkout
	* PRODUCT "TABLE"
*/
.checkout-cart .onomie-guarantee,
.checkout-checkout .onomie-guarantee,
.checkout-Xsuccess .onomie-guarantee,
.checkout-paypal-approved .onomie-guarantee,
.checkout-cart .onomie-seal,
.checkout-checkout .onomie-seal,
.checkout-Xsuccess .onomie-seal,
.checkout-paypal-approved .onomie-seal {
  background: white !important;
}
.checkout-cart .shipping-delay,
.checkout-checkout .shipping-delay,
.checkout-Xsuccess .shipping-delay,
.checkout-paypal-approved .shipping-delay {
  padding-bottom: 40px;
  text-align: left;
}
.checkout-cart .onomie-guarantee,
.checkout-checkout .onomie-guarantee,
.checkout-Xsuccess .onomie-guarantee,
.checkout-paypal-approved .onomie-guarantee {
  display: none;
}
.checkout-cart .checkout-title,
.checkout-checkout .checkout-title,
.checkout-Xsuccess .checkout-title,
.checkout-paypal-approved .checkout-title {
  cursor: default;
}
.checkout-cart #AutoRenewalCopy,
.checkout-checkout #AutoRenewalCopy,
.checkout-Xsuccess #AutoRenewalCopy,
.checkout-paypal-approved #AutoRenewalCopy,
.checkout-cart #PromoOffCopy,
.checkout-checkout #PromoOffCopy,
.checkout-Xsuccess #PromoOffCopy,
.checkout-paypal-approved #PromoOffCopy {
  margin-top: 20px;
}
.checkout-cart #PromoOffCopy,
.checkout-checkout #PromoOffCopy,
.checkout-Xsuccess #PromoOffCopy,
.checkout-paypal-approved #PromoOffCopy {
  background: #fcf3f5;
  padding: 20px 0;
}
.checkout-cart #CrossSellContainer,
.checkout-checkout #CrossSellContainer,
.checkout-Xsuccess #CrossSellContainer,
.checkout-paypal-approved #CrossSellContainer {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.checkout-cart #CrossSellContainer .cross-sell,
.checkout-checkout #CrossSellContainer .cross-sell,
.checkout-Xsuccess #CrossSellContainer .cross-sell,
.checkout-paypal-approved #CrossSellContainer .cross-sell {
  margin-right: 20px;
  width: 50%;
}
.checkout-cart #CrossSellContainer .cross-sell:last-child,
.checkout-checkout #CrossSellContainer .cross-sell:last-child,
.checkout-Xsuccess #CrossSellContainer .cross-sell:last-child,
.checkout-paypal-approved #CrossSellContainer .cross-sell:last-child {
  margin-right: 0;
}
.checkout-cart .cross-sell,
.checkout-checkout .cross-sell,
.checkout-Xsuccess .cross-sell,
.checkout-paypal-approved .cross-sell {
  position: relative;
  border: 2px solid #f3f3f3;
}
.checkout-cart .cross-sell .product-thumb,
.checkout-checkout .cross-sell .product-thumb,
.checkout-Xsuccess .cross-sell .product-thumb,
.checkout-paypal-approved .cross-sell .product-thumb,
.checkout-cart .cross-sell .title,
.checkout-checkout .cross-sell .title,
.checkout-Xsuccess .cross-sell .title,
.checkout-paypal-approved .cross-sell .title {
  cursor: default !important;
}
.checkout-cart .cross-sell .checkout-product,
.checkout-checkout .cross-sell .checkout-product,
.checkout-Xsuccess .cross-sell .checkout-product,
.checkout-paypal-approved .cross-sell .checkout-product {
  padding: 0 !important;
}
.checkout-cart .cross-sell .product-thumb-swatch,
.checkout-checkout .cross-sell .product-thumb-swatch,
.checkout-Xsuccess .cross-sell .product-thumb-swatch,
.checkout-paypal-approved .cross-sell .product-thumb-swatch {
  margin-top: 10px;
}
.checkout-cart .cross-sell.multi .two-button-row,
.checkout-checkout .cross-sell.multi .two-button-row,
.checkout-Xsuccess .cross-sell.multi .two-button-row,
.checkout-paypal-approved .cross-sell.multi .two-button-row {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.checkout-cart .cross-sell.multi .button.mini,
.checkout-checkout .cross-sell.multi .button.mini,
.checkout-Xsuccess .cross-sell.multi .button.mini,
.checkout-paypal-approved .cross-sell.multi .button.mini {
  min-width: 100px;
}
.checkout-cart .cross-sell.multi .cross-sell-add-to-bag,
.checkout-checkout .cross-sell.multi .cross-sell-add-to-bag,
.checkout-Xsuccess .cross-sell.multi .cross-sell-add-to-bag,
.checkout-paypal-approved .cross-sell.multi .cross-sell-add-to-bag {
  width: 200px;
  margin-top: 20px;
}
.checkout-cart .cross-sell.multi .cross-sell-add-to-bag:hover,
.checkout-checkout .cross-sell.multi .cross-sell-add-to-bag:hover,
.checkout-Xsuccess .cross-sell.multi .cross-sell-add-to-bag:hover,
.checkout-paypal-approved .cross-sell.multi .cross-sell-add-to-bag:hover {
  width: 200px;
}
.checkout-cart .cross-sell #AdditionIcon,
.checkout-checkout .cross-sell #AdditionIcon,
.checkout-Xsuccess .cross-sell #AdditionIcon,
.checkout-paypal-approved .cross-sell #AdditionIcon {
  position: absolute;
  top: -10px;
  left: -13.33333333px;
}
.checkout-cart .cross-sell #AdditionIcon.circle,
.checkout-checkout .cross-sell #AdditionIcon.circle,
.checkout-Xsuccess .cross-sell #AdditionIcon.circle,
.checkout-paypal-approved .cross-sell #AdditionIcon.circle {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #f3f3f3;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.checkout-cart .cross-sell #AdditionIcon.circle .addition-icon svg,
.checkout-checkout .cross-sell #AdditionIcon.circle .addition-icon svg,
.checkout-Xsuccess .cross-sell #AdditionIcon.circle .addition-icon svg,
.checkout-paypal-approved .cross-sell #AdditionIcon.circle .addition-icon svg {
  width: 15px;
  height: 15px;
}
.checkout-cart .cross-sell #ShadeDescription,
.checkout-checkout .cross-sell #ShadeDescription,
.checkout-Xsuccess .cross-sell #ShadeDescription,
.checkout-paypal-approved .cross-sell #ShadeDescription {
  margin-top: 10px;
}
.checkout-cart .cart-summary,
.checkout-checkout .cart-summary,
.checkout-Xsuccess .cart-summary,
.checkout-paypal-approved .cart-summary {
  margin: 20px 0;
  padding: 30px 0 20px 0;
  border-top: 2px solid #f3f3f3;
  border-bottom: 2px solid #f3f3f3;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.checkout-cart .cart-summary.no-coupon-form,
.checkout-checkout .cart-summary.no-coupon-form,
.checkout-Xsuccess .cart-summary.no-coupon-form,
.checkout-paypal-approved .cart-summary.no-coupon-form {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.checkout-cart .cart-summary #CouponForm,
.checkout-checkout .cart-summary #CouponForm,
.checkout-Xsuccess .cart-summary #CouponForm,
.checkout-paypal-approved .cart-summary #CouponForm {
  margin-top: -15px;
  margin-right: 40px;
  margin-bottom: 20px;
}
.checkout-cart .cart-summary #CouponForm .float-label-container .float-label,
.checkout-checkout .cart-summary #CouponForm .float-label-container .float-label,
.checkout-Xsuccess .cart-summary #CouponForm .float-label-container .float-label,
.checkout-paypal-approved .cart-summary #CouponForm .float-label-container .float-label {
  top: 0;
}
.checkout-cart .cart-summary #CouponForm .float-label-container input,
.checkout-checkout .cart-summary #CouponForm .float-label-container input,
.checkout-Xsuccess .cart-summary #CouponForm .float-label-container input,
.checkout-paypal-approved .cart-summary #CouponForm .float-label-container input {
  margin-top: 20px;
}
.checkout-cart .cart-summary #CouponForm .flex-row,
.checkout-checkout .cart-summary #CouponForm .flex-row,
.checkout-Xsuccess .cart-summary #CouponForm .flex-row,
.checkout-paypal-approved .cart-summary #CouponForm .flex-row {
  margin: 0;
}
.checkout-cart .cart-summary #CouponForm .more-description,
.checkout-checkout .cart-summary #CouponForm .more-description,
.checkout-Xsuccess .cart-summary #CouponForm .more-description,
.checkout-paypal-approved .cart-summary #CouponForm .more-description {
  padding-bottom: 0;
}
.checkout-cart .cart-summary #Totals,
.checkout-checkout .cart-summary #Totals,
.checkout-Xsuccess .cart-summary #Totals,
.checkout-paypal-approved .cart-summary #Totals {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.checkout-cart .cart-summary .total-block,
.checkout-checkout .cart-summary .total-block,
.checkout-Xsuccess .cart-summary .total-block,
.checkout-paypal-approved .cart-summary .total-block {
  text-align: left;
  margin-right: 20px;
}
.checkout-cart .cart-summary .total-block .all-products-total-title,
.checkout-checkout .cart-summary .total-block .all-products-total-title,
.checkout-Xsuccess .cart-summary .total-block .all-products-total-title,
.checkout-paypal-approved .cart-summary .total-block .all-products-total-title {
  letter-spacing: 0.1em;
  color: #999999;
}
.checkout-cart .cart-summary .total-block .all-products-total,
.checkout-checkout .cart-summary .total-block .all-products-total,
.checkout-Xsuccess .cart-summary .total-block .all-products-total,
.checkout-paypal-approved .cart-summary .total-block .all-products-total {
  letter-spacing: 0.1em;
}
.checkout-cart .checkout-product,
.checkout-checkout .checkout-product,
.checkout-Xsuccess .checkout-product,
.checkout-paypal-approved .checkout-product {
  text-align: left;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  padding: 20px 0;
}
.checkout-cart .checkout-product .product-description,
.checkout-checkout .checkout-product .product-description,
.checkout-Xsuccess .checkout-product .product-description,
.checkout-paypal-approved .checkout-product .product-description {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  /*.align-items(flex-start);*/
}
.checkout-cart .checkout-product .product-description .product-thumb-container,
.checkout-checkout .checkout-product .product-description .product-thumb-container,
.checkout-Xsuccess .checkout-product .product-description .product-thumb-container,
.checkout-paypal-approved .checkout-product .product-description .product-thumb-container {
  margin-right: 10px;
  width: 50px;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.checkout-cart .checkout-product .product-description .product-thumb-container .product-thumb,
.checkout-checkout .checkout-product .product-description .product-thumb-container .product-thumb,
.checkout-Xsuccess .checkout-product .product-description .product-thumb-container .product-thumb,
.checkout-paypal-approved .checkout-product .product-description .product-thumb-container .product-thumb {
  /*max-width: 50px;
					max-height: 100px;*/
  cursor: pointer;
  width: 100%;
  height: auto;
}
.checkout-cart .checkout-product .product-description .product-text,
.checkout-checkout .checkout-product .product-description .product-text,
.checkout-Xsuccess .checkout-product .product-description .product-text,
.checkout-paypal-approved .checkout-product .product-description .product-text {
  margin-left: 5px;
}
.checkout-cart .checkout-product .product-description .product-text .product-actions,
.checkout-checkout .checkout-product .product-description .product-text .product-actions,
.checkout-Xsuccess .checkout-product .product-description .product-text .product-actions,
.checkout-paypal-approved .checkout-product .product-description .product-text .product-actions {
  position: absolute;
  right: 10px;
}
.checkout-cart .checkout-product .product-description .product-text .title,
.checkout-checkout .checkout-product .product-description .product-text .title,
.checkout-Xsuccess .checkout-product .product-description .product-text .title,
.checkout-paypal-approved .checkout-product .product-description .product-text .title {
  margin-bottom: 10px;
  cursor: pointer;
}
.checkout-cart .checkout-product .product-description .product-text .product-thumb-swatch,
.checkout-checkout .checkout-product .product-description .product-text .product-thumb-swatch,
.checkout-Xsuccess .checkout-product .product-description .product-text .product-thumb-swatch,
.checkout-paypal-approved .checkout-product .product-description .product-text .product-thumb-swatch {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.checkout-cart .checkout-product .product-description .product-text .product-thumb-swatch .circle,
.checkout-checkout .checkout-product .product-description .product-text .product-thumb-swatch .circle,
.checkout-Xsuccess .checkout-product .product-description .product-text .product-thumb-swatch .circle,
.checkout-paypal-approved .checkout-product .product-description .product-text .product-thumb-swatch .circle {
  margin-right: 10px;
  /*.circle(20px);*/
  width: 20px;
  height: 20px;
  background-color: #f3f3f3;
}
.checkout-cart .checkout-product .product-description .product-text .product-thumb-swatch .title,
.checkout-checkout .checkout-product .product-description .product-text .product-thumb-swatch .title,
.checkout-Xsuccess .checkout-product .product-description .product-text .product-thumb-swatch .title,
.checkout-paypal-approved .checkout-product .product-description .product-text .product-thumb-swatch .title {
  line-height: 0;
}
.checkout-cart .checkout-product .product-description .remove-row,
.checkout-checkout .checkout-product .product-description .remove-row,
.checkout-Xsuccess .checkout-product .product-description .remove-row,
.checkout-paypal-approved .checkout-product .product-description .remove-row {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.checkout-cart .checkout-product .product-description .remove-row .ships-separately,
.checkout-checkout .checkout-product .product-description .remove-row .ships-separately,
.checkout-Xsuccess .checkout-product .product-description .remove-row .ships-separately,
.checkout-paypal-approved .checkout-product .product-description .remove-row .ships-separately {
  margin-left: 10px;
}
.checkout-cart .checkout-product .product-frequency,
.checkout-checkout .checkout-product .product-frequency,
.checkout-Xsuccess .checkout-product .product-frequency,
.checkout-paypal-approved .checkout-product .product-frequency {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  margin-top: 10px;
}
.checkout-cart .checkout-product .product-frequency .product-freq-trigger,
.checkout-checkout .checkout-product .product-frequency .product-freq-trigger,
.checkout-Xsuccess .checkout-product .product-frequency .product-freq-trigger,
.checkout-paypal-approved .checkout-product .product-frequency .product-freq-trigger {
  color: #6dcff6;
  border-bottom: 1px solid #6dcff6;
  cursor: pointer;
}
.checkout-cart .checkout-product .product-frequency .product-freq-trigger:active,
.checkout-checkout .checkout-product .product-frequency .product-freq-trigger:active,
.checkout-Xsuccess .checkout-product .product-frequency .product-freq-trigger:active,
.checkout-paypal-approved .checkout-product .product-frequency .product-freq-trigger:active {
  position: relative;
  top: 2px;
}
.checkout-cart .checkout-product .product-frequency .product-freq-trigger:active,
.checkout-checkout .checkout-product .product-frequency .product-freq-trigger:active,
.checkout-Xsuccess .checkout-product .product-frequency .product-freq-trigger:active,
.checkout-paypal-approved .checkout-product .product-frequency .product-freq-trigger:active {
  position: relative;
  top: 2px;
}
.checkout-cart .checkout-product .product-frequency .change-product-freq-select,
.checkout-checkout .checkout-product .product-frequency .change-product-freq-select,
.checkout-Xsuccess .checkout-product .product-frequency .change-product-freq-select,
.checkout-paypal-approved .checkout-product .product-frequency .change-product-freq-select {
  margin-left: 10px;
}
.checkout-cart .checkout-product .product-frequency-benefit,
.checkout-checkout .checkout-product .product-frequency-benefit,
.checkout-Xsuccess .checkout-product .product-frequency-benefit,
.checkout-paypal-approved .checkout-product .product-frequency-benefit {
  margin-top: 10px;
}
.checkout-cart .checkout-product .product-frequency-benefit .title,
.checkout-checkout .checkout-product .product-frequency-benefit .title,
.checkout-Xsuccess .checkout-product .product-frequency-benefit .title,
.checkout-paypal-approved .checkout-product .product-frequency-benefit .title {
  cursor: default !important;
  font-style: italic;
  margin-bottom: 0 !important;
}
.checkout-cart .checkout-product .product-totals,
.checkout-checkout .checkout-product .product-totals,
.checkout-Xsuccess .checkout-product .product-totals,
.checkout-paypal-approved .checkout-product .product-totals {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
}
.checkout-cart .checkout-product .product-totals .strikeout,
.checkout-checkout .checkout-product .product-totals .strikeout,
.checkout-Xsuccess .checkout-product .product-totals .strikeout,
.checkout-paypal-approved .checkout-product .product-totals .strikeout {
  margin: 0;
}
.checkout-cart .checkout-product .product-totals .product-cost,
.checkout-checkout .checkout-product .product-totals .product-cost,
.checkout-Xsuccess .checkout-product .product-totals .product-cost,
.checkout-paypal-approved .checkout-product .product-totals .product-cost {
  letter-spacing: 0.1em;
}
.checkout-cart .checkout-product .product-totals .change-quantity-form,
.checkout-checkout .checkout-product .product-totals .change-quantity-form,
.checkout-Xsuccess .checkout-product .product-totals .change-quantity-form,
.checkout-paypal-approved .checkout-product .product-totals .change-quantity-form {
  margin-bottom: 10px;
}
.checkout-cart .checkout-product .product-totals .product-quantity,
.checkout-checkout .checkout-product .product-totals .product-quantity,
.checkout-Xsuccess .checkout-product .product-totals .product-quantity,
.checkout-paypal-approved .checkout-product .product-totals .product-quantity {
  border-bottom: 1px solid #333333;
  text-align: center;
  width: 20px;
  cursor: pointer;
}
.checkout-cart .checkout-product .product-totals .product-quantity.onomie-blue,
.checkout-checkout .checkout-product .product-totals .product-quantity.onomie-blue,
.checkout-Xsuccess .checkout-product .product-totals .product-quantity.onomie-blue,
.checkout-paypal-approved .checkout-product .product-totals .product-quantity.onomie-blue {
  border-bottom: 1px solid #6dcff6;
}
.checkout-cart .checkout-product .product-totals .product-quantity:active,
.checkout-checkout .checkout-product .product-totals .product-quantity:active,
.checkout-Xsuccess .checkout-product .product-totals .product-quantity:active,
.checkout-paypal-approved .checkout-product .product-totals .product-quantity:active {
  position: relative;
  top: 2px;
}
.checkout-cart .checkout-product .product-totals .product-quantity:active,
.checkout-checkout .checkout-product .product-totals .product-quantity:active,
.checkout-Xsuccess .checkout-product .product-totals .product-quantity:active,
.checkout-paypal-approved .checkout-product .product-totals .product-quantity:active {
  position: relative;
  top: 2px;
}
.checkout-cart .checkout-product .product-totals .quantity-input-container input,
.checkout-checkout .checkout-product .product-totals .quantity-input-container input,
.checkout-Xsuccess .checkout-product .product-totals .quantity-input-container input,
.checkout-paypal-approved .checkout-product .product-totals .quantity-input-container input {
  font-size: 1.3em;
  margin-top: 0 !important;
  margin-bottom: 0;
  min-width: 40px;
  max-width: 50px;
  padding: 10px;
}
.checkout-cart .checkout-product .product-totals .quantity-input-container .update-quantity,
.checkout-checkout .checkout-product .product-totals .quantity-input-container .update-quantity,
.checkout-Xsuccess .checkout-product .product-totals .quantity-input-container .update-quantity,
.checkout-paypal-approved .checkout-product .product-totals .quantity-input-container .update-quantity {
  cursor: pointer;
  text-align: center;
}
.checkout-cart .checkout-product .product-totals .quantity-input-container .update-quantity:active,
.checkout-checkout .checkout-product .product-totals .quantity-input-container .update-quantity:active,
.checkout-Xsuccess .checkout-product .product-totals .quantity-input-container .update-quantity:active,
.checkout-paypal-approved .checkout-product .product-totals .quantity-input-container .update-quantity:active {
  position: relative;
  top: 2px;
}
.checkout-cart .checkout-product .product-totals .quantity-input-container .update-quantity:active,
.checkout-checkout .checkout-product .product-totals .quantity-input-container .update-quantity:active,
.checkout-Xsuccess .checkout-product .product-totals .quantity-input-container .update-quantity:active,
.checkout-paypal-approved .checkout-product .product-totals .quantity-input-container .update-quantity:active {
  position: relative;
  top: 2px;
}
.checkout-cart .checkout-product .product-totals .product-quantity,
.checkout-checkout .checkout-product .product-totals .product-quantity,
.checkout-Xsuccess .checkout-product .product-totals .product-quantity,
.checkout-paypal-approved .checkout-product .product-totals .product-quantity,
.checkout-cart .checkout-product .product-totals .product-item-cost,
.checkout-checkout .checkout-product .product-totals .product-item-cost,
.checkout-Xsuccess .checkout-product .product-totals .product-item-cost,
.checkout-paypal-approved .checkout-product .product-totals .product-item-cost,
.checkout-cart .checkout-product .product-totals .product-cost,
.checkout-checkout .checkout-product .product-totals .product-cost,
.checkout-Xsuccess .checkout-product .product-totals .product-cost,
.checkout-paypal-approved .checkout-product .product-totals .product-cost {
  letter-spacing: 0.1em;
}
.checkout-cart .checkout-product .product-totals .product-quantity,
.checkout-checkout .checkout-product .product-totals .product-quantity,
.checkout-Xsuccess .checkout-product .product-totals .product-quantity,
.checkout-paypal-approved .checkout-product .product-totals .product-quantity,
.checkout-cart .checkout-product .product-totals .product-item-cost,
.checkout-checkout .checkout-product .product-totals .product-item-cost,
.checkout-Xsuccess .checkout-product .product-totals .product-item-cost,
.checkout-paypal-approved .checkout-product .product-totals .product-item-cost {
  margin-right: 20px;
}
.checkout-cart .checkout-product .product-totals .product-cost,
.checkout-checkout .checkout-product .product-totals .product-cost,
.checkout-Xsuccess .checkout-product .product-totals .product-cost,
.checkout-paypal-approved .checkout-product .product-totals .product-cost {
  margin-right: 10px;
}
.desktop.checkout-cart .cross-sell,
.tablet.checkout-cart .cross-sell,
.desktop.checkout-checkout .cross-sell,
.tablet.checkout-checkout .cross-sell,
.desktop.checkout-Xsuccess .cross-sell,
.tablet.checkout-Xsuccess .cross-sell,
.desktop.checkout-paypal-approved .cross-sell,
.tablet.checkout-paypal-approved .cross-sell {
  text-align: left;
  max-width: 500px;
  padding: 20px;
}
.desktop.checkout-cart .cross-sell:hover,
.tablet.checkout-cart .cross-sell:hover,
.desktop.checkout-checkout .cross-sell:hover,
.tablet.checkout-checkout .cross-sell:hover,
.desktop.checkout-Xsuccess .cross-sell:hover,
.tablet.checkout-Xsuccess .cross-sell:hover,
.desktop.checkout-paypal-approved .cross-sell:hover,
.tablet.checkout-paypal-approved .cross-sell:hover {
  /*background-color: @onomie_pink;*/
}
.desktop.checkout-cart .cart-summary,
.tablet.checkout-cart .cart-summary,
.desktop.checkout-checkout .cart-summary,
.tablet.checkout-checkout .cart-summary,
.desktop.checkout-Xsuccess .cart-summary,
.tablet.checkout-Xsuccess .cart-summary,
.desktop.checkout-paypal-approved .cart-summary,
.tablet.checkout-paypal-approved .cart-summary {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.desktop.checkout-cart .checkout-product,
.tablet.checkout-cart .checkout-product,
.desktop.checkout-checkout .checkout-product,
.tablet.checkout-checkout .checkout-product,
.desktop.checkout-Xsuccess .checkout-product,
.tablet.checkout-Xsuccess .checkout-product,
.desktop.checkout-paypal-approved .checkout-product,
.tablet.checkout-paypal-approved .checkout-product {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.desktop.checkout-cart .checkout-product .product-description,
.tablet.checkout-cart .checkout-product .product-description,
.desktop.checkout-checkout .checkout-product .product-description,
.tablet.checkout-checkout .checkout-product .product-description,
.desktop.checkout-Xsuccess .checkout-product .product-description,
.tablet.checkout-Xsuccess .checkout-product .product-description,
.desktop.checkout-paypal-approved .checkout-product .product-description,
.tablet.checkout-paypal-approved .checkout-product .product-description {
  /*.align-items(flex-start);*/
}
.desktop.checkout-cart .checkout-product .product-totals,
.tablet.checkout-cart .checkout-product .product-totals,
.desktop.checkout-checkout .checkout-product .product-totals,
.tablet.checkout-checkout .checkout-product .product-totals,
.desktop.checkout-Xsuccess .checkout-product .product-totals,
.tablet.checkout-Xsuccess .checkout-product .product-totals,
.desktop.checkout-paypal-approved .checkout-product .product-totals,
.tablet.checkout-paypal-approved .checkout-product .product-totals {
  width: 40%;
  /*.flex-flow(row);*/
  margin: 0;
}
.desktop.checkout-cart .onomie-seal,
.tablet.checkout-cart .onomie-seal,
.desktop.checkout-checkout .onomie-seal,
.tablet.checkout-checkout .onomie-seal,
.desktop.checkout-Xsuccess .onomie-seal,
.tablet.checkout-Xsuccess .onomie-seal,
.desktop.checkout-paypal-approved .onomie-seal,
.tablet.checkout-paypal-approved .onomie-seal {
  padding: 0;
}
.tablet.checkout-cart .cross-sell.multi .two-button-row .flex-col,
.tablet.checkout-checkout .cross-sell.multi .two-button-row .flex-col,
.tablet.checkout-Xsuccess .cross-sell.multi .two-button-row .flex-col,
.tablet.checkout-paypal-approved .cross-sell.multi .two-button-row .flex-col {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin-right: 10px;
}
.tablet.checkout-cart .cross-sell.multi .two-button-row .flex-col .button,
.tablet.checkout-checkout .cross-sell.multi .two-button-row .flex-col .button,
.tablet.checkout-Xsuccess .cross-sell.multi .two-button-row .flex-col .button,
.tablet.checkout-paypal-approved .cross-sell.multi .two-button-row .flex-col .button {
  margin-bottom: 10px;
}
.phone.checkout-cart,
.phone.checkout-checkout,
.phone.checkout-Xsuccess,
.phone.checkout-paypal-approved {
  /* paypal approved & checkout confirm */
}
.phone.checkout-cart #CrossSellContainer,
.phone.checkout-checkout #CrossSellContainer,
.phone.checkout-Xsuccess #CrossSellContainer,
.phone.checkout-paypal-approved #CrossSellContainer {
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.phone.checkout-cart #CrossSellContainer .cross-sell,
.phone.checkout-checkout #CrossSellContainer .cross-sell,
.phone.checkout-Xsuccess #CrossSellContainer .cross-sell,
.phone.checkout-paypal-approved #CrossSellContainer .cross-sell {
  width: calc(100% - 80px);
  margin-right: 0;
  margin-bottom: 20px;
}
.phone.checkout-cart #CrossSellContainer .cross-sell .checkout-product,
.phone.checkout-checkout #CrossSellContainer .cross-sell .checkout-product,
.phone.checkout-Xsuccess #CrossSellContainer .cross-sell .checkout-product,
.phone.checkout-paypal-approved #CrossSellContainer .cross-sell .checkout-product {
  margin-top: 20px;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.phone.checkout-cart .cross-sell,
.phone.checkout-checkout .cross-sell,
.phone.checkout-Xsuccess .cross-sell,
.phone.checkout-paypal-approved .cross-sell {
  padding: 20px;
}
.phone.checkout-cart .cross-sell#CrossSellAddToBag #CrossSellAddToBagBtn,
.phone.checkout-checkout .cross-sell#CrossSellAddToBag #CrossSellAddToBagBtn,
.phone.checkout-Xsuccess .cross-sell#CrossSellAddToBag #CrossSellAddToBagBtn,
.phone.checkout-paypal-approved .cross-sell#CrossSellAddToBag #CrossSellAddToBagBtn {
  margin: 0 auto;
}
.phone.checkout-cart .cross-sell.multi .two-button-row,
.phone.checkout-checkout .cross-sell.multi .two-button-row,
.phone.checkout-Xsuccess .cross-sell.multi .two-button-row,
.phone.checkout-paypal-approved .cross-sell.multi .two-button-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.phone.checkout-cart .cross-sell.multi .two-button-row .flex-col .button,
.phone.checkout-checkout .cross-sell.multi .two-button-row .flex-col .button,
.phone.checkout-Xsuccess .cross-sell.multi .two-button-row .flex-col .button,
.phone.checkout-paypal-approved .cross-sell.multi .two-button-row .flex-col .button {
  margin-bottom: 10px;
}
.phone.checkout-cart .cross-sell .product-description,
.phone.checkout-checkout .cross-sell .product-description,
.phone.checkout-Xsuccess .cross-sell .product-description,
.phone.checkout-paypal-approved .cross-sell .product-description {
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.phone.checkout-cart .cross-sell .product-text,
.phone.checkout-checkout .cross-sell .product-text,
.phone.checkout-Xsuccess .cross-sell .product-text,
.phone.checkout-paypal-approved .cross-sell .product-text {
  /*text-align: center;*/
}
.phone.checkout-cart .cross-sell .product-thumb-swatch,
.phone.checkout-checkout .cross-sell .product-thumb-swatch,
.phone.checkout-Xsuccess .cross-sell .product-thumb-swatch,
.phone.checkout-paypal-approved .cross-sell .product-thumb-swatch {
  /*.justify-content(center) !important;*/
}
.phone.checkout-cart .cart-summary,
.phone.checkout-checkout .cart-summary,
.phone.checkout-Xsuccess .cart-summary,
.phone.checkout-paypal-approved .cart-summary {
  padding: 20px 10px;
}
.phone.checkout-cart .cart-summary #CouponForm,
.phone.checkout-checkout .cart-summary #CouponForm,
.phone.checkout-Xsuccess .cart-summary #CouponForm,
.phone.checkout-paypal-approved .cart-summary #CouponForm {
  width: 100%;
}
.phone.checkout-cart .checkout-product .change-product-freq-select,
.phone.checkout-checkout .checkout-product .change-product-freq-select,
.phone.checkout-Xsuccess .checkout-product .change-product-freq-select,
.phone.checkout-paypal-approved .checkout-product .change-product-freq-select {
  max-width: 50vw;
}
.phone.checkout-cart .checkout-product .product-quantity-placeholder .subtitle,
.phone.checkout-checkout .checkout-product .product-quantity-placeholder .subtitle,
.phone.checkout-Xsuccess .checkout-product .product-quantity-placeholder .subtitle,
.phone.checkout-paypal-approved .checkout-product .product-quantity-placeholder .subtitle {
  margin-bottom: 10px;
}
.phone.checkout-cart .payment .button,
.phone.checkout-checkout .payment .button,
.phone.checkout-Xsuccess .payment .button,
.phone.checkout-paypal-approved .payment .button {
  margin: 20px auto;
}
/* checkout/cart */
.checkout-cart .flash-message h4.flash-message-text {
  display: block;
}
.checkout-cart .content {
  /* AUTO RENEW */
  /* CTAs */
}
.checkout-cart .content .checkout-renew {
  margin: 20px 0;
  background: #f3f3f3;
  padding: 20px 0;
}
.checkout-cart .content .checkout-renew .title {
  margin-bottom: 0;
}
.checkout-cart .content .checkout-renew .custom-checkbox input[type=checkbox] + label {
  background-color: #ffffff;
  border-color: #999999;
}
.checkout-cart .content .checkout-renew .product-freq-selector {
  background-color: #ffffff !important;
}
.checkout-cart .content .checkout-ctas {
  text-align: left;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.checkout-cart .content .checkout-ctas#LoggedInCheckout #CheckoutBtn {
  margin-bottom: 20px;
}
.checkout-cart .content .checkout-ctas#NotLoggedInCheckout #GuestPayPal {
  margin-bottom: 40px;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.checkout-cart .content .checkout-ctas#NotLoggedInCheckout #GuestPayPal .fine-print {
  max-width: 300px;
}
.checkout-cart .content .checkout-ctas#NotLoggedInCheckout .login-account {
  /*margin-bottom: @gutter*2;*/
}
.checkout-cart .content .checkout-ctas#NotLoggedInCheckout .login-account .flex-col {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.checkout-cart .content .checkout-ctas#NotLoggedInCheckout .login-account .login-account-form .title {
  margin-bottom: 0;
}
.checkout-cart .content .checkout-ctas#NotLoggedInCheckout .login-account .login-account-form .cta-buttons {
  -webkit-box-pack: start !important;
  -moz-box-pack: start !important;
  -ms-flex-pack: start !important;
  box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -moz-justify-content: flex-start !important;
  -ms-justify-content: flex-start !important;
  justify-content: flex-start !important;
}
.checkout-cart .content .checkout-ctas#NotLoggedInCheckout .paypal {
  max-width: 280px;
  margin-top: 20px;
}
.desktop.checkout-cart .checkout-ctas#LoggedInCheckout,
.tablet.checkout-cart .checkout-ctas#LoggedInCheckout {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.desktop.checkout-cart .checkout-ctas#NotLoggedInCheckout,
.tablet.checkout-cart .checkout-ctas#NotLoggedInCheckout {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.desktop.checkout-cart .checkout-ctas#NotLoggedInCheckout .login-account,
.tablet.checkout-cart .checkout-ctas#NotLoggedInCheckout .login-account {
  margin-bottom: 0;
}
.desktop.checkout-cart .checkout-ctas#NotLoggedInCheckout .guest .button,
.tablet.checkout-cart .checkout-ctas#NotLoggedInCheckout .guest .button {
  margin-top: 30px;
}
/* checkout/checkout && paypal checkout*/
.checkout-checkout .content,
.checkout-paypal-approved .content {
  /*		.steps-list {
			display: none;
		}*/
}
.checkout-checkout .content .page,
.checkout-paypal-approved .content .page {
  /* edit shipping method page */
  /* edit address page */
}
.checkout-checkout .content .page .title,
.checkout-paypal-approved .content .page .title {
  margin-bottom: 20px;
}
.checkout-checkout .content .page form .flex-row,
.checkout-paypal-approved .content .page form .flex-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.checkout-checkout .content .page #DigitalDeliveryAddress,
.checkout-paypal-approved .content .page #DigitalDeliveryAddress {
  margin-top: 20px;
}
.checkout-checkout .content .page #GuestBillingAddress #AutoRenewPasswordNote,
.checkout-paypal-approved .content .page #GuestBillingAddress #AutoRenewPasswordNote {
  text-align: left;
  margin-top: 10px;
}
.checkout-checkout .content .page #GuestBillingAddress #ShippingSubtext,
.checkout-paypal-approved .content .page #GuestBillingAddress #ShippingSubtext {
  margin-top: 30px;
}
.checkout-checkout .content .page #GuestShippingAddress #ShippingOptions,
.checkout-paypal-approved .content .page #GuestShippingAddress #ShippingOptions {
  margin-top: 30px;
}
.checkout-checkout .content .page #GuestShippingAddress #ShippingOptions .flex-col .flex-row,
.checkout-paypal-approved .content .page #GuestShippingAddress #ShippingOptions .flex-col .flex-row {
  margin: 5px 0;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.checkout-checkout .content .page #GuestShippingAddress #ShippingOptions label,
.checkout-paypal-approved .content .page #GuestShippingAddress #ShippingOptions label {
  width: 100px;
  text-align: left;
}
.checkout-checkout .content .page #GuestShippingAddress #ShippingOptions .shipping-title,
.checkout-paypal-approved .content .page #GuestShippingAddress #ShippingOptions .shipping-title {
  margin-right: 20px;
}
.checkout-checkout .content .page #GuestShippingAddress #ShippingOptions .shipping-cost,
.checkout-paypal-approved .content .page #GuestShippingAddress #ShippingOptions .shipping-cost {
  margin-right: 10px;
  width: 60px;
}
.checkout-checkout .content .page #GuestShippingAddress #ShippingOptions .shipping-title,
.checkout-paypal-approved .content .page #GuestShippingAddress #ShippingOptions .shipping-title,
.checkout-checkout .content .page #GuestShippingAddress #ShippingOptions .shipping-cost,
.checkout-paypal-approved .content .page #GuestShippingAddress #ShippingOptions .shipping-cost,
.checkout-checkout .content .page #GuestShippingAddress #ShippingOptions .shipping-estimate,
.checkout-paypal-approved .content .page #GuestShippingAddress #ShippingOptions .shipping-estimate {
  text-align: left;
  letter-spacing: 0.1em;
  color: #999999;
}
.checkout-checkout .content .page #CheckoutShippingMethod .shipping-methods .pseudo-label,
.checkout-paypal-approved .content .page #CheckoutShippingMethod .shipping-methods .pseudo-label {
  margin-bottom: 10px;
  text-align: left;
}
.checkout-checkout .content .page #CheckoutConfirm,
.checkout-paypal-approved .content .page #CheckoutConfirm {
  /* modified from .checkout-cart */
}
.checkout-checkout .content .page #CheckoutConfirm .product-frequency.one-time,
.checkout-paypal-approved .content .page #CheckoutConfirm .product-frequency.one-time {
  color: #999999;
}
.checkout-checkout .content .page #CheckoutConfirm .flex-row,
.checkout-paypal-approved .content .page #CheckoutConfirm .flex-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.checkout-checkout .content .page #CheckoutConfirm .flex-row .flex-col,
.checkout-paypal-approved .content .page #CheckoutConfirm .flex-row .flex-col {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  max-width: 300px;
}
.checkout-checkout .content .page #CheckoutConfirm .flex-row .flex-col .address p,
.checkout-paypal-approved .content .page #CheckoutConfirm .flex-row .flex-col .address p {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.checkout-checkout .content .page #CheckoutConfirm #AddressSummaries,
.checkout-paypal-approved .content .page #CheckoutConfirm #AddressSummaries {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.checkout-checkout .content .page #CheckoutConfirm #AddressSummaries .address,
.checkout-paypal-approved .content .page #CheckoutConfirm #AddressSummaries .address {
  font-size: 1.3em;
  text-align: left;
}
.checkout-checkout .content .page #CheckoutConfirm #AddressSummaries .flex-col,
.checkout-paypal-approved .content .page #CheckoutConfirm #AddressSummaries .flex-col {
  margin-bottom: 20px;
}
.checkout-checkout .content .page #CheckoutConfirm #CouponForm,
.checkout-paypal-approved .content .page #CheckoutConfirm #CouponForm {
  margin-bottom: 40px;
}
.checkout-checkout .content .page #CheckoutConfirm #ShippingViaAddress,
.checkout-paypal-approved .content .page #CheckoutConfirm #ShippingViaAddress {
  margin-bottom: 20px;
}
.checkout-checkout .content .page #CheckoutConfirm #ShippingViaAddress a,
.checkout-paypal-approved .content .page #CheckoutConfirm #ShippingViaAddress a {
  text-decoration: underline;
  cursor: pointer;
}
.checkout-checkout .content .page #CheckoutConfirm #GiftMsg,
.checkout-paypal-approved .content .page #CheckoutConfirm #GiftMsg {
  /*padding-top: @gutter;*/
  padding-bottom: 20px;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.checkout-checkout .content .page #CheckoutConfirm #GiftMsg .msg-content,
.checkout-paypal-approved .content .page #CheckoutConfirm #GiftMsg .msg-content {
  text-align: left;
}
.checkout-checkout .content .page #CheckoutConfirm #ProductList,
.checkout-paypal-approved .content .page #CheckoutConfirm #ProductList {
  border-top: 2px solid #f3f3f3;
}
.checkout-checkout .content .page #CheckoutConfirm .checkout-product .product-quantity,
.checkout-paypal-approved .content .page #CheckoutConfirm .checkout-product .product-quantity {
  cursor: default;
  position: static;
  text-decoration: none;
  border: none;
}
.checkout-checkout .content .page #CheckoutConfirm .checkout-product .product-thumb,
.checkout-paypal-approved .content .page #CheckoutConfirm .checkout-product .product-thumb {
  cursor: default;
}
.checkout-checkout .content .page #CheckoutConfirm .checkout-product .product-description .product-text .title,
.checkout-paypal-approved .content .page #CheckoutConfirm .checkout-product .product-description .product-text .title {
  cursor: default;
}
.checkout-checkout .content .page #CheckoutConfirm #BraintreePaymentForm .toggle-container,
.checkout-paypal-approved .content .page #CheckoutConfirm #BraintreePaymentForm .toggle-container {
  text-align: left;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.checkout-checkout .content .page #CheckoutConfirm #BraintreePaymentForm input.cvv,
.checkout-paypal-approved .content .page #CheckoutConfirm #BraintreePaymentForm input.cvv {
  width: 100px;
}
.checkout-checkout .content .page #CheckoutConfirm #BraintreePaymentForm select.cc_month,
.checkout-paypal-approved .content .page #CheckoutConfirm #BraintreePaymentForm select.cc_month,
.checkout-checkout .content .page #CheckoutConfirm #BraintreePaymentForm select.cc_year,
.checkout-paypal-approved .content .page #CheckoutConfirm #BraintreePaymentForm select.cc_year {
  width: 120px;
}
.checkout-checkout .content .page #CheckoutConfirm #BraintreePaymentForm #StoredCC,
.checkout-paypal-approved .content .page #CheckoutConfirm #BraintreePaymentForm #StoredCC,
.checkout-checkout .content .page #CheckoutConfirm #BraintreePaymentForm #NewCC,
.checkout-paypal-approved .content .page #CheckoutConfirm #BraintreePaymentForm #NewCC {
  /*margin-bottom: @gutter;*/
}
.checkout-checkout .content .page #CheckoutConfirm #BraintreePaymentForm #CCIcons,
.checkout-paypal-approved .content .page #CheckoutConfirm #BraintreePaymentForm #CCIcons {
  margin-top: 20px;
}
.checkout-checkout .content .page #CheckoutConfirm #BraintreePaymentForm #CCExpiration,
.checkout-paypal-approved .content .page #CheckoutConfirm #BraintreePaymentForm #CCExpiration {
  -webkit-box-orient: horizontal !important;
  -webkit-flex-flow: row !important;
  -moz-flex-flow: row !important;
  -ms-flex-flow: row !important;
  flex-flow: row !important;
}
.checkout-checkout .content .page #CheckoutConfirm #BraintreePaymentForm #CCExpiration .cc_month,
.checkout-paypal-approved .content .page #CheckoutConfirm #BraintreePaymentForm #CCExpiration .cc_month {
  margin-right: 10px;
}
.checkout-checkout .content .page .edit-shipping-method .shipping-methods,
.checkout-paypal-approved .content .page .edit-shipping-method .shipping-methods {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.checkout-checkout .content .page .edit-shipping-method .shipping-method,
.checkout-paypal-approved .content .page .edit-shipping-method .shipping-method {
  margin: 0;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.checkout-checkout .content .page .edit-shipping-method .shipping-method input[type=radio],
.checkout-paypal-approved .content .page .edit-shipping-method .shipping-method input[type=radio] {
  margin-right: 10px;
}
.checkout-checkout .content .page .existing-addresses .toggle-trigger,
.checkout-paypal-approved .content .page .existing-addresses .toggle-trigger,
.checkout-checkout .content .page .new-address .toggle-trigger,
.checkout-paypal-approved .content .page .new-address .toggle-trigger {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.checkout-checkout .content .page .existing-addresses .address-row,
.checkout-paypal-approved .content .page .existing-addresses .address-row,
.checkout-checkout .content .page .new-address .address-row,
.checkout-paypal-approved .content .page .new-address .address-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.checkout-checkout .content .page .existing-addresses .address-block,
.checkout-paypal-approved .content .page .existing-addresses .address-block,
.checkout-checkout .content .page .new-address .address-block,
.checkout-paypal-approved .content .page .new-address .address-block {
  max-width: 300px;
  width: auto !important;
}
.checkout-checkout .content .page .existing-addresses .address-block.flex-row,
.checkout-paypal-approved .content .page .existing-addresses .address-block.flex-row {
  margin-top: 20px;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.checkout-checkout .content .page .existing-addresses .address-block.flex-row .custom-checkbox,
.checkout-paypal-approved .content .page .existing-addresses .address-block.flex-row .custom-checkbox {
  margin-right: 20px;
}
.desktop.checkout-cart .content .page #CouponForm {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.desktop.checkout-cart .content .page #CouponForm .fine-print {
  max-width: 500px;
  text-align: left;
}
.desktop.checkout-checkout .content .page,
.desktop .checkout-paypal-approved .content .page {
  /* edit address page */
}
.desktop.checkout-checkout .content .page .address-block,
.desktop .checkout-paypal-approved .content .page .address-block {
  max-width: 500px;
}
.desktop.checkout-checkout .content .page .existing-addresses .toggle-trigger,
.desktop .checkout-paypal-approved .content .page .existing-addresses .toggle-trigger,
.desktop.checkout-checkout .content .page .new-address .toggle-trigger,
.desktop .checkout-paypal-approved .content .page .new-address .toggle-trigger {
  max-width: 500px;
}
.desktop.checkout-checkout .content .page #CouponForm,
.desktop .checkout-paypal-approved .content .page #CouponForm {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.tablet.checkout-cart .content .page #CouponForm {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.tablet.checkout-cart .content .page #CouponForm .fine-print {
  max-width: 500px;
  text-align: left;
}
.tablet.checkout-checkout .content .page #CheckoutConfirm .flex-row#PayPalPaymentRow,
.tablet.checkout-paypal-approved .content .page #CheckoutConfirm .flex-row#PayPalPaymentRow,
.tablet.checkout-checkout .content .page #CheckoutConfirm .flex-row#PaymentRow,
.tablet.checkout-paypal-approved .content .page #CheckoutConfirm .flex-row#PaymentRow {
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
/* checkout sucess */
.checkout-Xsuccess .content .page,
.checkout-shared-order .content .page {
  /* modified from .checkout-cart */
}
.checkout-Xsuccess .content .page .multi-orderproducts-row,
.checkout-shared-order .content .page .multi-orderproducts-row {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.checkout-Xsuccess .content .page .orderproduct-row,
.checkout-shared-order .content .page .orderproduct-row,
.checkout-Xsuccess .content .page .orderproduct-col,
.checkout-shared-order .content .page .orderproduct-col {
  cursor: pointer;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin: 20px 0;
}
.checkout-Xsuccess .content .page .orderproduct-row,
.checkout-shared-order .content .page .orderproduct-row {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.checkout-Xsuccess .content .page .orderproduct-col,
.checkout-shared-order .content .page .orderproduct-col {
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.checkout-Xsuccess .content .page .orderproduct-item,
.checkout-shared-order .content .page .orderproduct-item {
  /*.border(red);*/
  margin: 0 10px;
  max-width: 400px;
}
.checkout-Xsuccess .content .page .orderproduct-item-title,
.checkout-shared-order .content .page .orderproduct-item-title {
  /*.border(green);*/
  /*min-height: 50px;*/
  margin-bottom: 20px;
}
.checkout-Xsuccess .content .page .orderproduct-thumb,
.checkout-shared-order .content .page .orderproduct-thumb {
  /*.border(blue);*/
  width: 100px;
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  /*margin-right: @gutter;*/
  margin-bottom: 20px;
}
.checkout-Xsuccess .content .page .orderproduct-text,
.checkout-shared-order .content .page .orderproduct-text {
  min-width: 200px;
}
.checkout-Xsuccess .content .page .text,
.checkout-shared-order .content .page .text {
  margin-bottom: 20px;
}
.checkout-Xsuccess .content .page .text .subtitle,
.checkout-shared-order .content .page .text .subtitle {
  margin-bottom: 10px;
}
.checkout-Xsuccess .content .page .text a,
.checkout-shared-order .content .page .text a {
  border-bottom: 1px solid #333333;
}
.checkout-Xsuccess .content .page .text a.onomie-blue,
.checkout-shared-order .content .page .text a.onomie-blue {
  border-bottom: 1px solid #6dcff6;
}
.checkout-Xsuccess .content .page .social-share,
.checkout-shared-order .content .page .social-share {
  margin-top: 20px;
}
.checkout-Xsuccess .content .page .social-share-row,
.checkout-shared-order .content .page .social-share-row {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  margin: 10px 0 20px 0;
}
.checkout-Xsuccess .content .page .social-share-row svg,
.checkout-shared-order .content .page .social-share-row svg {
  max-height: 40px;
  max-width: 40px;
  margin: 0 10px;
}
.checkout-Xsuccess .content .page .social-share-row a,
.checkout-shared-order .content .page .social-share-row a {
  border-bottom: none !important;
}
.checkout-Xsuccess .content .page .register-account,
.checkout-shared-order .content .page .register-account,
.checkout-Xsuccess .content .page .transfer-credit,
.checkout-shared-order .content .page .transfer-credit {
  /*margin-top: @gutter*3;*/
  width: 100%;
}
.checkout-Xsuccess .content .page #ApplyNote,
.checkout-shared-order .content .page #ApplyNote {
  margin: 20px 0;
}
.checkout-Xsuccess .content .page .checkout-product-list,
.checkout-shared-order .content .page .checkout-product-list {
  border-top: 2px solid #f3f3f3;
  border-bottom: 2px solid #f3f3f3;
  margin-bottom: 20px;
}
.checkout-Xsuccess .content .page .checkout-product .product-quantity,
.checkout-shared-order .content .page .checkout-product .product-quantity {
  cursor: default;
  position: static;
  text-decoration: none;
  border: none;
}
.phone.checkout-shared-order .content .page .multi-orderproducts-row {
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.phone.checkout-shared-order .content .page .orderproduct-item {
  margin: 0;
}
/*
	* account pages
*/
.account-order .account-banner,
.account-edit .account-banner,
.account-sizes .account-banner,
.account-address .account-banner,
.account-address-update .account-banner,
.account-address-insert .account-banner,
.account-address-delete .account-banner,
.account-forgotten .account-banner,
.account-register .account-banner,
.account-login .account-banner,
.account-auto_renew .account-banner,
.account-gift_card .account-banner {
  background-color: #fcf3f5;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 20px;
}
.account-order #DesktopAccountTitle,
.account-edit #DesktopAccountTitle,
.account-sizes #DesktopAccountTitle,
.account-address #DesktopAccountTitle,
.account-address-update #DesktopAccountTitle,
.account-address-insert #DesktopAccountTitle,
.account-address-delete #DesktopAccountTitle,
.account-forgotten #DesktopAccountTitle,
.account-register #DesktopAccountTitle,
.account-login #DesktopAccountTitle,
.account-auto_renew #DesktopAccountTitle,
.account-gift_card #DesktopAccountTitle,
.account-order #MobileMenuTrigger,
.account-edit #MobileMenuTrigger,
.account-sizes #MobileMenuTrigger,
.account-address #MobileMenuTrigger,
.account-address-update #MobileMenuTrigger,
.account-address-insert #MobileMenuTrigger,
.account-address-delete #MobileMenuTrigger,
.account-forgotten #MobileMenuTrigger,
.account-register #MobileMenuTrigger,
.account-login #MobileMenuTrigger,
.account-auto_renew #MobileMenuTrigger,
.account-gift_card #MobileMenuTrigger {
  padding-top: 20px;
}
.account-order #MobileMenuTrigger,
.account-edit #MobileMenuTrigger,
.account-sizes #MobileMenuTrigger,
.account-address #MobileMenuTrigger,
.account-address-update #MobileMenuTrigger,
.account-address-insert #MobileMenuTrigger,
.account-address-delete #MobileMenuTrigger,
.account-forgotten #MobileMenuTrigger,
.account-register #MobileMenuTrigger,
.account-login #MobileMenuTrigger,
.account-auto_renew #MobileMenuTrigger,
.account-gift_card #MobileMenuTrigger {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.account-order #DesktopAccountNav,
.account-edit #DesktopAccountNav,
.account-sizes #DesktopAccountNav,
.account-address #DesktopAccountNav,
.account-address-update #DesktopAccountNav,
.account-address-insert #DesktopAccountNav,
.account-address-delete #DesktopAccountNav,
.account-forgotten #DesktopAccountNav,
.account-register #DesktopAccountNav,
.account-login #DesktopAccountNav,
.account-auto_renew #DesktopAccountNav,
.account-gift_card #DesktopAccountNav {
  padding-bottom: 20px;
}
.account-order .onomie-guarantee,
.account-edit .onomie-guarantee,
.account-sizes .onomie-guarantee,
.account-address .onomie-guarantee,
.account-address-update .onomie-guarantee,
.account-address-insert .onomie-guarantee,
.account-address-delete .onomie-guarantee,
.account-forgotten .onomie-guarantee,
.account-register .onomie-guarantee,
.account-login .onomie-guarantee,
.account-auto_renew .onomie-guarantee,
.account-gift_card .onomie-guarantee {
  display: none !important;
}
.account-order #MobileAccountNav,
.account-edit #MobileAccountNav,
.account-sizes #MobileAccountNav,
.account-address #MobileAccountNav,
.account-address-update #MobileAccountNav,
.account-address-insert #MobileAccountNav,
.account-address-delete #MobileAccountNav,
.account-forgotten #MobileAccountNav,
.account-register #MobileAccountNav,
.account-login #MobileAccountNav,
.account-auto_renew #MobileAccountNav,
.account-gift_card #MobileAccountNav {
  margin-top: 20px;
}
.account-order .steps-list li,
.account-edit .steps-list li,
.account-sizes .steps-list li,
.account-address .steps-list li,
.account-address-update .steps-list li,
.account-address-insert .steps-list li,
.account-address-delete .steps-list li,
.account-forgotten .steps-list li,
.account-register .steps-list li,
.account-login .steps-list li,
.account-auto_renew .steps-list li,
.account-gift_card .steps-list li {
  cursor: pointer;
}
.account-order .steps-list li .title,
.account-edit .steps-list li .title,
.account-sizes .steps-list li .title,
.account-address .steps-list li .title,
.account-address-update .steps-list li .title,
.account-address-insert .steps-list li .title,
.account-address-delete .steps-list li .title,
.account-forgotten .steps-list li .title,
.account-register .steps-list li .title,
.account-login .steps-list li .title,
.account-auto_renew .steps-list li .title,
.account-gift_card .steps-list li .title {
  cursor: pointer;
}
.account-order .steps-list li .title:active,
.account-edit .steps-list li .title:active,
.account-sizes .steps-list li .title:active,
.account-address .steps-list li .title:active,
.account-address-update .steps-list li .title:active,
.account-address-insert .steps-list li .title:active,
.account-address-delete .steps-list li .title:active,
.account-forgotten .steps-list li .title:active,
.account-register .steps-list li .title:active,
.account-login .steps-list li .title:active,
.account-auto_renew .steps-list li .title:active,
.account-gift_card .steps-list li .title:active {
  position: relative;
  top: 2px;
}
.account-order .steps-list li .title:active,
.account-edit .steps-list li .title:active,
.account-sizes .steps-list li .title:active,
.account-address .steps-list li .title:active,
.account-address-update .steps-list li .title:active,
.account-address-insert .steps-list li .title:active,
.account-address-delete .steps-list li .title:active,
.account-forgotten .steps-list li .title:active,
.account-register .steps-list li .title:active,
.account-login .steps-list li .title:active,
.account-auto_renew .steps-list li .title:active,
.account-gift_card .steps-list li .title:active {
  position: relative;
  top: 2px;
}
.account-order.desktop .page,
.account-edit.desktop .page,
.account-sizes.desktop .page,
.account-address.desktop .page,
.account-address-update.desktop .page,
.account-address-insert.desktop .page,
.account-address-delete.desktop .page,
.account-forgotten.desktop .page,
.account-register.desktop .page,
.account-login.desktop .page,
.account-auto_renew.desktop .page,
.account-gift_card.desktop .page {
  padding-top: 20px;
}
.account-order.desktop .steps-list .title,
.account-edit.desktop .steps-list .title,
.account-sizes.desktop .steps-list .title,
.account-address.desktop .steps-list .title,
.account-address-update.desktop .steps-list .title,
.account-address-insert.desktop .steps-list .title,
.account-address-delete.desktop .steps-list .title,
.account-forgotten.desktop .steps-list .title,
.account-register.desktop .steps-list .title,
.account-login.desktop .steps-list .title,
.account-auto_renew.desktop .steps-list .title,
.account-gift_card.desktop .steps-list .title,
.account-order.tablet .steps-list .title,
.account-edit.tablet .steps-list .title,
.account-sizes.tablet .steps-list .title,
.account-address.tablet .steps-list .title,
.account-address-update.tablet .steps-list .title,
.account-address-insert.tablet .steps-list .title,
.account-address-delete.tablet .steps-list .title,
.account-forgotten.tablet .steps-list .title,
.account-register.tablet .steps-list .title,
.account-login.tablet .steps-list .title,
.account-auto_renew.tablet .steps-list .title,
.account-gift_card.tablet .steps-list .title {
  margin-bottom: 0;
}
.account-order .content .page,
.account-auto_renew .content .page {
  padding-bottom: 0;
}
.account-order #AutoRenewList,
.account-auto_renew #AutoRenewList {
  margin-bottom: 20px;
  padding-bottom: 0;
}
.account-order #AutoRenewFormContainer,
.account-auto_renew #AutoRenewFormContainer {
  padding: 0;
}
.account-order #AutoRenewEdit,
.account-auto_renew #AutoRenewEdit {
  padding-top: 0;
}
.account-order #AutoRenewEdit .half-span,
.account-auto_renew #AutoRenewEdit .half-span {
  align-self: flex-start;
}
.account-order #AutoRenewEdit #BraintreeShippingData,
.account-auto_renew #AutoRenewEdit #BraintreeShippingData {
  padding: 0;
  text-align: left;
}
.account-order #AutoRenewEdit #BraintreeShippingData .ultra-padded-full-span,
.account-auto_renew #AutoRenewEdit #BraintreeShippingData .ultra-padded-full-span {
  width: 300px;
}
.account-order #AutoRenewEdit #BraintreeShippingData .ultra-padded-full-span .button,
.account-auto_renew #AutoRenewEdit #BraintreeShippingData .ultra-padded-full-span .button {
  margin-top: 20px;
}
.account-order #AutoRenewEdit #BraintreeShippingData #update-payment,
.account-auto_renew #AutoRenewEdit #BraintreeShippingData #update-payment {
  margin-top: 10px;
}
.account-order #AutoRenewEdit #BraintreeShippingData #update-shipping,
.account-auto_renew #AutoRenewEdit #BraintreeShippingData #update-shipping {
  margin-top: 10px;
}
.account-order .cancel,
.account-auto_renew .cancel {
  cursor: pointer;
  border-color: #999999;
}
.account-order .cancel:active,
.account-auto_renew .cancel:active {
  position: relative;
  top: 2px;
}
.account-order .cancel:active,
.account-auto_renew .cancel:active {
  position: relative;
  top: 2px;
}
.account-order .delay-one-week,
.account-auto_renew .delay-one-week {
  cursor: pointer;
}
.account-order .delay-one-week:active,
.account-auto_renew .delay-one-week:active {
  position: relative;
  top: 2px;
}
.account-order .delay-one-week:active,
.account-auto_renew .delay-one-week:active {
  position: relative;
  top: 2px;
}
.account-order #ContactUs,
.account-auto_renew #ContactUs {
  margin-top: 10px;
}
.account-order .orderlist#AutoRenewList .orderlist-item-header .title,
.account-auto_renew .orderlist#AutoRenewList .orderlist-item-header .title {
  /*width: 25%;*/
  text-align: left;
}
.account-order .orderlist#AutoRenewList .orderlist-item-header .title.cancel,
.account-auto_renew .orderlist#AutoRenewList .orderlist-item-header .title.cancel {
  width: auto;
}
.account-order .orderlist#AutoRenewList .orderlist-item-subheader .title,
.account-auto_renew .orderlist#AutoRenewList .orderlist-item-subheader .title {
  text-align: right;
}
.account-order .orderlist#AutoRenewList .orderlist-item-subheader .title.cancel,
.account-auto_renew .orderlist#AutoRenewList .orderlist-item-subheader .title.cancel {
  width: auto;
}
.account-order .orderlist#AutoRenewList .orderlist-summary,
.account-auto_renew .orderlist#AutoRenewList .orderlist-summary {
  margin-left: 0;
  margin-top: 0;
}
.account-order .orderlist#AutoRenewList .orderlist-summary .cancel,
.account-auto_renew .orderlist#AutoRenewList .orderlist-summary .cancel {
  color: #999999;
}
.account-order .orderlist .orderlist-item,
.account-auto_renew .orderlist .orderlist-item {
  border-bottom: 1px solid #f3f3f3;
  padding: 10px 0;
}
.account-order .orderlist .orderlist-item .toggle-trigger,
.account-auto_renew .orderlist .orderlist-item .toggle-trigger {
  margin-top: 0;
}
.account-order .orderlist .orderlist-item .shipping-soon,
.account-auto_renew .orderlist .orderlist-item .shipping-soon {
  color: #333333;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.account-order .orderlist .orderlist-item .orderlist-menu,
.account-auto_renew .orderlist .orderlist-item .orderlist-menu {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.account-order .orderlist .orderlist-item .orderlist-menu .title,
.account-auto_renew .orderlist .orderlist-item .orderlist-menu .title {
  text-overflow: ellipsis;
  overflow: hidden;
}
.account-order .orderlist .orderlist-item .orderlist-item-header,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-header {
  width: 100%;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.account-order .orderlist .orderlist-item .orderlist-item-header .orderlist-header-section,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-header .orderlist-header-section {
  /*.border(red);*/
}
.account-order .orderlist .orderlist-item .orderlist-item-header .title,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-header .title,
.account-order .orderlist .orderlist-item .orderlist-item-header .subtitle,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-header .subtitle {
  margin-bottom: 5px;
}
.account-order .orderlist .orderlist-item .orderlist-item-header .title.cancel,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-header .title.cancel,
.account-order .orderlist .orderlist-item .orderlist-item-header .subtitle.cancel,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-header .subtitle.cancel {
  cursor: pointer;
}
.account-order .orderlist .orderlist-item .orderlist-item-header .title.cancel:active,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-header .title.cancel:active,
.account-order .orderlist .orderlist-item .orderlist-item-header .subtitle.cancel:active,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-header .subtitle.cancel:active {
  position: relative;
  top: 2px;
}
.account-order .orderlist .orderlist-item .orderlist-item-header .title.cancel:active,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-header .title.cancel:active,
.account-order .orderlist .orderlist-item .orderlist-item-header .subtitle.cancel:active,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-header .subtitle.cancel:active {
  position: relative;
  top: 2px;
}
.account-order .orderlist .orderlist-item .orderlist-item-subheader,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-subheader {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  margin-top: 10px;
}
.account-order .orderlist .orderlist-item .orderlist-item-subheader .title,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-subheader .title,
.account-order .orderlist .orderlist-item .orderlist-item-subheader .subtitle,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-subheader .subtitle {
  margin-bottom: 5px;
}
.account-order .orderlist .orderlist-item .orderlist-item-subheader .title.skip-shipment,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-subheader .title.skip-shipment,
.account-order .orderlist .orderlist-item .orderlist-item-subheader .subtitle.skip-shipment,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-subheader .subtitle.skip-shipment {
  cursor: pointer;
}
.account-order .orderlist .orderlist-item .orderlist-item-subheader .title.skip-shipment:active,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-subheader .title.skip-shipment:active,
.account-order .orderlist .orderlist-item .orderlist-item-subheader .subtitle.skip-shipment:active,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-subheader .subtitle.skip-shipment:active {
  position: relative;
  top: 2px;
}
.account-order .orderlist .orderlist-item .orderlist-item-subheader .title.skip-shipment:active,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-subheader .title.skip-shipment:active,
.account-order .orderlist .orderlist-item .orderlist-item-subheader .subtitle.skip-shipment:active,
.account-auto_renew .orderlist .orderlist-item .orderlist-item-subheader .subtitle.skip-shipment:active {
  position: relative;
  top: 2px;
}
.account-order .orderlist .orderlist-item .orderlist-summary,
.account-auto_renew .orderlist .orderlist-item .orderlist-summary {
  margin-top: 20px;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  margin-left: 40px;
  text-align: left;
}
.account-order .orderlist .orderlist-item .orderlist-summary .order-shipping-and-total-info,
.account-auto_renew .orderlist .orderlist-item .orderlist-summary .order-shipping-and-total-info {
  width: 100%;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.account-order .orderlist .orderlist-item .orderlist-summary .shipping-to,
.account-auto_renew .orderlist .orderlist-item .orderlist-summary .shipping-to {
  color: #333333;
  margin-bottom: 20px;
}
.account-order .orderlist .orderlist-item .orderlist-summary .order-totals,
.account-auto_renew .orderlist .orderlist-item .orderlist-summary .order-totals {
  margin-bottom: 20px;
}
.account-order .orderlist .orderlist-item .orderlist-summary .orderlist-summary-text,
.account-auto_renew .orderlist .orderlist-item .orderlist-summary .orderlist-summary-text {
  color: #999999;
  margin-bottom: 10px;
}
.account-order .orderlist .orderlist-item .reorder,
.account-auto_renew .orderlist .orderlist-item .reorder {
  border-bottom: 1px solid #333333;
}
.account-order .orderlist .orderlist-item .reorder.onomie-blue,
.account-auto_renew .orderlist .orderlist-item .reorder.onomie-blue {
  border-bottom: 1px solid #6dcff6;
}
.account-order.desktop .orderlist#AutoRenewList .orderlist-item-header .title,
.account-auto_renew.desktop .orderlist#AutoRenewList .orderlist-item-header .title,
.account-order.tablet .orderlist#AutoRenewList .orderlist-item-header .title,
.account-auto_renew.tablet .orderlist#AutoRenewList .orderlist-item-header .title {
  /*width: 25%;*/
}
.account-order.desktop .orderlist#AutoRenewList .orderlist-item-header .table-cell,
.account-auto_renew.desktop .orderlist#AutoRenewList .orderlist-item-header .table-cell,
.account-order.tablet .orderlist#AutoRenewList .orderlist-item-header .table-cell,
.account-auto_renew.tablet .orderlist#AutoRenewList .orderlist-item-header .table-cell {
  width: 25%;
}
.account-order.desktop .orderlist#AutoRenewList .orderlist-summary,
.account-auto_renew.desktop .orderlist#AutoRenewList .orderlist-summary,
.account-order.tablet .orderlist#AutoRenewList .orderlist-summary,
.account-auto_renew.tablet .orderlist#AutoRenewList .orderlist-summary {
  margin-top: 10px;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.account-order.desktop .orderlist#AutoRenewList .orderlist-summary .cancel,
.account-auto_renew.desktop .orderlist#AutoRenewList .orderlist-summary .cancel,
.account-order.tablet .orderlist#AutoRenewList .orderlist-summary .cancel,
.account-auto_renew.tablet .orderlist#AutoRenewList .orderlist-summary .cancel {
  margin-bottom: 10px;
}
.account-order.desktop .orderlist .orderlist-summary,
.account-auto_renew.desktop .orderlist .orderlist-summary,
.account-order.tablet .orderlist .orderlist-summary,
.account-auto_renew.tablet .orderlist .orderlist-summary {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.account-order.desktop .orderlist .orderlist-item .orderlist-item-summary,
.account-auto_renew.desktop .orderlist .orderlist-item .orderlist-item-summary,
.account-order.tablet .orderlist .orderlist-item .orderlist-item-summary,
.account-auto_renew.tablet .orderlist .orderlist-item .orderlist-item-summary {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.account-order.desktop .orderlist .orderlist-item .orderlist-item-header,
.account-auto_renew.desktop .orderlist .orderlist-item .orderlist-item-header,
.account-order.tablet .orderlist .orderlist-item .orderlist-item-header,
.account-auto_renew.tablet .orderlist .orderlist-item .orderlist-item-header {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.account-order.desktop .orderlist .orderlist-item .orderlist-item-header .orderlist-header-section,
.account-auto_renew.desktop .orderlist .orderlist-item .orderlist-item-header .orderlist-header-section,
.account-order.tablet .orderlist .orderlist-item .orderlist-item-header .orderlist-header-section,
.account-auto_renew.tablet .orderlist .orderlist-item .orderlist-item-header .orderlist-header-section {
  /*width: auto;*/
  min-width: 80px;
  text-align: left;
}
.account-order.desktop .orderlist .orderlist-item .orderlist-item-header .orderlist-header-section.date-added,
.account-auto_renew.desktop .orderlist .orderlist-item .orderlist-item-header .orderlist-header-section.date-added,
.account-order.tablet .orderlist .orderlist-item .orderlist-item-header .orderlist-header-section.date-added,
.account-auto_renew.tablet .orderlist .orderlist-item .orderlist-item-header .orderlist-header-section.date-added {
  width: 200px;
}
.account-order.phone #AutoRenewEdit .half-span,
.account-auto_renew.phone #AutoRenewEdit .half-span {
  margin-top: 40px;
}
.account-order.phone .orderlist-summary,
.account-auto_renew.phone .orderlist-summary {
  -webkit-box-align: start !important;
  -moz-box-align: start !important;
  -ms-flex-align: start !important;
  box-align: start !important;
  -webkit-align-items: flex-start !important;
  -moz-align-items: flex-start !important;
  -ms-align-items: flex-start !important;
  align-items: flex-start !important;
}
.account-auto_renew #BraintreePaymentData {
  padding: 0;
  text-align: left;
}
.account-auto_renew #BraintreePaymentData .ultra-padded-full-span {
  width: 300px;
}
.account-auto_renew #BraintreePaymentData .ultra-padded-full-span .button {
  margin-top: 20px;
}
.account-auto_renew #BraintreePaymentData #update-payment {
  margin-top: 10px;
}
.account-auto_renew #BraintreePaymentForm .title {
  text-align: center;
}
.account-auto_renew #BraintreePaymentForm #CCMonthYearRow {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.account-auto_renew #BraintreePaymentForm .cc_month,
.account-auto_renew #BraintreePaymentForm .cc_year {
  width: 120px;
}
.account-sizes .shade-select-form .float-label {
  opacity: 0;
}
.account-sizes .shade-select-form .third-span,
.account-sizes .shade-select-form .half-span {
  /*.border(red);*/
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.account-sizes .shade-select-form .third-span .title,
.account-sizes .shade-select-form .half-span .title,
.account-sizes .shade-select-form .third-span .color-swatch.circle,
.account-sizes .shade-select-form .half-span .color-swatch.circle {
  margin-top: 20px;
}
.account-sizes .shade-select-form .third-span .title,
.account-sizes .shade-select-form .half-span .title {
  margin-bottom: 0;
}
.account-sizes .shade-select-form .third-span .color-swatch.circle#DummySwatch,
.account-sizes .shade-select-form .half-span .color-swatch.circle#DummySwatch {
  display: none;
}
.account-sizes .shade-select-form select {
  margin-right: 0 !important;
}
.account-sizes.phone .title,
.account-sizes.phone .subtitle,
.account-sizes.phone .paragraph-content {
  width: calc(100% - 40px);
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.account-sizes.phone .color-swatch.circle {
  margin: 10px auto 0 auto;
}
.account-sizes.phone .float-label-form select {
  margin-top: 10px;
}
.account-sizes.phone .third-span,
.account-sizes.phone .half-span {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.account-sizes.desktop .third-span,
.account-sizes.tablet .third-span,
.account-sizes.desktop .half-span,
.account-sizes.tablet .half-span {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.account-sizes.desktop .half-span,
.account-sizes.tablet .half-span {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.account-sizes.desktop .half-span .title,
.account-sizes.tablet .half-span .title,
.account-sizes.desktop .half-span .color-swatch.circle,
.account-sizes.tablet .half-span .color-swatch.circle {
  /* simulate selects 30px margin-top (to hold float labels) */
  margin-top: 30px;
}
.account-sizes.desktop .half-span .color-swatch.circle,
.account-sizes.tablet .half-span .color-swatch.circle {
  margin-right: 10px;
}
.account-sizes.desktop .half-span .color-swatch.circle#DummySwatch,
.account-sizes.tablet .half-span .color-swatch.circle#DummySwatch {
  display: inline-block;
  opacity: 0;
}
.account-address #AddressColumn,
.account-address-delete #AddressColumn {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.account-address .address-actions,
.account-address-delete .address-actions {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 10px;
}
.account-address .address-actions .edit,
.account-address-delete .address-actions .edit {
  margin-bottom: 0;
}
/*
	* account/register page
*/
/* forgot password page */
.account-forgotten .flex-row input {
  margin-right: 0 !important;
}
.account-gift_card .check-balance {
  cursor: pointer;
}
.account-gift_card .check-balance:active {
  position: relative;
  top: 2px;
}
.account-gift_card .check-balance:active {
  position: relative;
  top: 2px;
}
.information-information {
  text-align: left;
}
.information-information .onomie-guarantee {
  display: none;
}
.information-information .paragraph-content p {
  text-align: left;
  margin-bottom: 20px;
}
/* shade slider */
input[type=range].shade-slider#ShadeSlider {
  max-width: calc(100vw - 40px);
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  border: 0 !important;
  outline: none !important;
  padding-left: 0 !important;
}
input[type=range].shade-slider#ShadeSlider:focus,
input[type=range].shade-slider#ShadeSlider:active,
input[type=range].shade-slider#ShadeSlider::-moz-focus-inner,
input[type=range].shade-slider#ShadeSlider:-moz-focusring {
  border: 0 !important;
  outline: none !important;
}
#ShadeSlider {
  margin-top: 40px;
}
/* tool tip */
.tooltip-container {
  position: relative;
  padding-bottom: 40px;
}
.tooltip-container .tooltip {
  cursor: pointer;
}
.tooltip-container .tooltip-content {
  position: absolute;
  top: 0;
  left: -20px;
  display: none;
  text-align: left;
  background-color: #fcf3f5;
  border: 1px solid black;
  width: 100%;
  padding: 20px;
}
.tooltip-container .tooltip-content ul li:first-child .title {
  margin-top: 0 !important;
}
.information-static-try_at_home .subtitle,
.try_at_home .subtitle,
.information-static-try_at_home .title,
.try_at_home .title {
  max-width: calc(100vw - 40px);
  margin-left: auto;
  margin-right: auto;
}
.information-static-try_at_home .hero,
.try_at_home .hero {
  min-height: 80vh;
}
.information-static-try_at_home .hero .modal,
.try_at_home .hero .modal {
  background: rgba(255, 255, 255, 0.85);
  text-align: center;
  padding: 40px;
  max-width: 550px;
}
.information-static-try_at_home .hero .modal .button,
.try_at_home .hero .modal .button {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.information-static-try_at_home .page#HowItWorks .third-span,
.try_at_home .page#HowItWorks .third-span {
  margin: 0 20px;
}
.information-static-try_at_home .page#HowItWorks .steps-row,
.try_at_home .page#HowItWorks .steps-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.information-static-try_at_home .page#HowItWorks .step-photo,
.try_at_home .page#HowItWorks .step-photo {
  height: 300px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  background-size: cover;
}
.information-static-try_at_home .page#HowItWorks .step-circle,
.try_at_home .page#HowItWorks .step-circle {
  margin-bottom: 10px;
}
.information-static-try_at_home .page#HowItWorks .step-circle svg,
.try_at_home .page#HowItWorks .step-circle svg {
  height: 125px;
  width: 125px;
}
.information-static-try_at_home .page#HowItWorks .step-circle .package-icon svg polygon,
.try_at_home .page#HowItWorks .step-circle .package-icon svg polygon,
.information-static-try_at_home .page#HowItWorks .step-circle .package-icon svg path,
.try_at_home .page#HowItWorks .step-circle .package-icon svg path,
.information-static-try_at_home .page#HowItWorks .step-circle .package-icon svg rect,
.try_at_home .page#HowItWorks .step-circle .package-icon svg rect {
  stroke-width: 1.55;
}
.information-static-try_at_home .page#Started,
.try_at_home .page#Started {
  background: #f3f3f3;
  padding: 100px 0;
}
.information-static-try_at_home #Swatches,
.try_at_home #Swatches {
  margin: 40px auto;
}
.information-static-try_at_home #Swatches #InYourKitSwatches .swatches-container,
.try_at_home #Swatches #InYourKitSwatches .swatches-container {
  margin: 20px 40px;
  max-width: calc(100vw - 80px);
}
.information-static-try_at_home #Swatches #InYourKitSwatches .swatches-container .title,
.try_at_home #Swatches #InYourKitSwatches .swatches-container .title {
  margin-bottom: 0;
  margin-top: 20px;
}
.information-static-try_at_home #Swatches #InYourKitSwatches .swatches-container .learn-more,
.try_at_home #Swatches #InYourKitSwatches .swatches-container .learn-more {
  margin-top: 20px;
  cursor: pointer;
}
.information-static-try_at_home #Swatches #InYourKitSwatches .swatch-circle,
.try_at_home #Swatches #InYourKitSwatches .swatch-circle {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  background-size: 500%;
  background-position: 50% 50%;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin-right: 10px;
}
.information-static-try_at_home #Swatches #InYourKitSwatches .swatch-text-container,
.try_at_home #Swatches #InYourKitSwatches .swatch-text-container {
  margin-top: 20px;
  width: 100%;
}
.information-static-try_at_home #ShadeKitButtons,
.try_at_home #ShadeKitButtons {
  margin-top: 40px;
  max-width: calc(100vw - 40px);
  width: 900px;
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.information-static-try_at_home #ShadeKitButtons .button.toggle-button,
.try_at_home #ShadeKitButtons .button.toggle-button {
  min-width: 25%;
  width: auto;
}
.information-static-try_at_home #AddToBagCopy,
.try_at_home #AddToBagCopy {
  margin-bottom: 20px;
}
.desktop.information-static-try_at_home .page#Started .subtitle,
.desktop.try_at_home .page#Started .subtitle {
  max-width: 50vw;
}
.desktop.information-static-try_at_home .page#HowItWorks .border-left,
.desktop.try_at_home .page#HowItWorks .border-left {
  border: none !important;
}
.desktop.information-static-try_at_home #Swatches #InYourKitSwatches,
.desktop.try_at_home #Swatches #InYourKitSwatches {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.desktop.information-static-try_at_home #Swatches #InYourKitSwatches .swatches-container,
.desktop.try_at_home #Swatches #InYourKitSwatches .swatches-container {
  width: 33.33%;
}
.phone.information-static-try_at_home .hero,
.phone.try_at_home .hero {
  min-height: 40vh;
}
.phone.information-static-try_at_home .page#Intro,
.phone.try_at_home .page#Intro {
  max-width: calc(100vw - 40px);
  margin: 0 auto;
}
.phone.information-static-try_at_home .page#Intro .button,
.phone.try_at_home .page#Intro .button {
  margin-top: 20px;
}
.phone.information-static-try_at_home #Swatches #InYourKitSwatches .swatches-container,
.phone.try_at_home #Swatches #InYourKitSwatches .swatches-container {
  border-bottom: 1px solid #d9d9d9;
}
.phone.information-static-try_at_home #Swatches #InYourKitSwatches .swatch-text-container,
.phone.try_at_home #Swatches #InYourKitSwatches .swatch-text-container {
  margin-bottom: 20px;
}
.phone.information-static-try_at_home .page#HowItWorks .third-span,
.phone.try_at_home .page#HowItWorks .third-span {
  text-align: left;
  margin: 0 40px;
  width: calc(100% - 40px);
}
.phone.information-static-try_at_home .page#HowItWorks .third-span:last-child .border-left,
.phone.try_at_home .page#HowItWorks .third-span:last-child .border-left {
  border: none !important;
}
.phone.information-static-try_at_home .page#HowItWorks .third-span .title,
.phone.try_at_home .page#HowItWorks .third-span .title {
  margin-left: 20px;
}
.phone.information-static-try_at_home .page#HowItWorks .step-photo,
.phone.try_at_home .page#HowItWorks .step-photo {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #999999;
  float: left;
  position: absolute;
  left: 35px;
}
.phone.information-static-try_at_home .page#HowItWorks .border-left,
.phone.try_at_home .page#HowItWorks .border-left {
  border-left: 1px dashed #999999;
  padding-left: 20px;
  padding-bottom: 20px;
}
.phone.information-static-try_at_home .page#HowItWorks .title,
.phone.try_at_home .page#HowItWorks .title {
  padding-left: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.information-frequently_asked_questions .content ul,
.frequently_asked_questions .content ul {
  list-style: disc;
}
.information-frequently_asked_questions .content ol,
.frequently_asked_questions .content ol {
  list-style: decimal;
}
.information-frequently_asked_questions .content ul,
.frequently_asked_questions .content ul,
.information-frequently_asked_questions .content ol,
.frequently_asked_questions .content ol {
  margin: 20px 20px 20px 40px;
}
.information-frequently_asked_questions #FAQBanner,
.frequently_asked_questions #FAQBanner {
  background-color: #fcf3f5;
  height: 400px;
}
.information-frequently_asked_questions #FAQBanner .static-modal #FAQContact .contact-block,
.frequently_asked_questions #FAQBanner .static-modal #FAQContact .contact-block {
  margin-top: 20px;
}
.information-frequently_asked_questions #FAQBanner .static-modal #FAQContact .contact-block .title,
.frequently_asked_questions #FAQBanner .static-modal #FAQContact .contact-block .title {
  margin-bottom: 0;
}
.information-frequently_asked_questions #FAQBanner .static-modal #FAQContact .contact-block .email-icon,
.frequently_asked_questions #FAQBanner .static-modal #FAQContact .contact-block .email-icon,
.information-frequently_asked_questions #FAQBanner .static-modal #FAQContact .contact-block .iphone-icon,
.frequently_asked_questions #FAQBanner .static-modal #FAQContact .contact-block .iphone-icon {
  margin-right: 10px;
}
.information-frequently_asked_questions #FAQBanner .static-modal #FAQContact .contact-block .email-icon svg,
.frequently_asked_questions #FAQBanner .static-modal #FAQContact .contact-block .email-icon svg {
  width: 50px;
  height: 50px;
}
.information-frequently_asked_questions #FAQBanner .static-modal #FAQContact .contact-block .phone-icon svg,
.frequently_asked_questions #FAQBanner .static-modal #FAQContact .contact-block .phone-icon svg {
  width: 60px;
  height: 60px;
}
.information-frequently_asked_questions #QuestionsAnswers,
.frequently_asked_questions #QuestionsAnswers {
  text-align: left;
}
.information-frequently_asked_questions #QuestionsAnswers .answer,
.frequently_asked_questions #QuestionsAnswers .answer {
  color: #999999;
}
.information-frequently_asked_questions #QuestionsAnswers a,
.frequently_asked_questions #QuestionsAnswers a {
  color: #6dcff6;
}
.information-frequently_asked_questions #QuestionsAnswers .subtitle,
.frequently_asked_questions #QuestionsAnswers .subtitle {
  margin-bottom: 10px;
}
.information-frequently_asked_questions #QuestionsAnswers .paragraph-content,
.frequently_asked_questions #QuestionsAnswers .paragraph-content {
  margin-bottom: 20px;
}
.desktop.information-frequently_asked_questions #FAQBanner #FAQContact .contact-block h3.title,
.desktop .frequently_asked_questions #FAQBanner #FAQContact .contact-block h3.title {
  font-size: 2.827em;
}
.not-found .title {
  margin-bottom: 20px;
}
.not-found .paragraph-content {
  margin-bottom: 20px;
}
.not-found .button-toggle {
  padding-top: 40px;
}
.not-found .button-toggle .button {
  margin-bottom: 10px;
}
.not-found img {
  margin: 10px 0;
}
.not-found a {
  border-bottom: 1px solid #333333;
}
.not-found a.onomie-blue {
  border-bottom: 1px solid #6dcff6;
}
.not-found .pinit-hover a {
  border: none;
}
.not-found #SubProducts {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  text-align: center;
}
.not-found #SubProducts .half-span {
  /*margin: 0 @gutter;*/
  margin: 20px 0;
}
.not-found #SubProducts .subtitle {
  /*margin-bottom: @gutter;*/
}
.not-found #SubProducts .paragraph-content {
  color: #999999;
  text-align: center;
}
.not-found #SubProducts .subproduct-img {
  height: 250px;
}
.not-found #SubProducts .button {
  margin-top: 20px;
}
.desktop .not-found .button-toggle .button {
  margin-right: 20px;
}
.desktop .not-found img {
  margin: 20px 0;
}
.information-static-show_room .page,
.show_room .page {
  /*		.email-icon, .iphone-icon, .map-pin-icon {
			margin-right: @gutter/2;
		}
		.email-icon {
			svg {
				width: 50px;
				height: 50px;
			}
		}
		.phone-icon {
			svg {
				width: 60px;
				height: 60px;
			}
		}
		.map-pin-icon {
			svg {
				width: 60px;
				height: 60px;
			}
		}*/
}
.information-static-show_room .page#Main,
.show_room .page#Main {
  background-size: cover;
}
.information-static-show_room .page .text,
.show_room .page .text {
  padding: 20px;
  background: #ffffff;
}
.information-static-show_room .page .contact-block,
.show_room .page .contact-block {
  /*.border(red);*/
}
.information-static-show_room .page #Address,
.show_room .page #Address {
  margin-bottom: 20px;
}
.information-static-show_room .page #Address .title,
.show_room .page #Address .title {
  margin-bottom: 4px;
}
.information-static-show_room .page #TagLine,
.show_room .page #TagLine {
  margin-top: 20px;
  color: #999999;
}
.information-static-show_room .page #CallEmail,
.show_room .page #CallEmail {
  margin-top: 20px;
}
.information-static-show_room .page #CallEmail .contact-block,
.show_room .page #CallEmail .contact-block {
  margin: 0 10px;
}
.information-static-show_room .page #CallEmail .contact-block .title,
.show_room .page #CallEmail .contact-block .title {
  color: #999999;
}
.information-static-show_room .page #CallEmail .contact-block#Email,
.show_room .page #CallEmail .contact-block#Email {
  /*border-right: 1px solid @dark_grey;*/
}
.information-static-show_room.desktop .page#Main,
.show_room.desktop .page#Main {
  background-size: contain;
}
.healthy_skin_service .content .parallax-bgimg#RenewalBanner {
  /*height: 80vh;*/
  height: calc(100vh - 80px);
  min-height: 600px;
  /*			#DontPanicBanner {
				position: relative;
				.banner-icon {
					svg {
						width: @min_desktop_width;
						height: auto;
					}
				}
				#DontPanicText {
					position: absolute;
					top: 50%;
					text-align: center;
					width: 100%;
				}
			}*/
}
.healthy_skin_service .content .parallax-bgimg#RenewalBanner #DontPanicBanner,
.healthy_skin_service .content .parallax-bgimg#RenewalBanner #GuaranteeTagLine {
  margin-top: 30px;
  margin-bottom: 40px;
}
.healthy_skin_service .content .parallax-bgimg#RenewalBanner #DontPanicBanner .paragraph-content,
.healthy_skin_service .content .parallax-bgimg#RenewalBanner #GuaranteeTagLine .paragraph-content {
  /*color: @dark_grey;*/
}
.healthy_skin_service .content .parallax-bgimg#RenewalBanner #HSPLogin {
  margin-left: 10px;
  border-bottom: 1px solid #333333;
  color: #999999;
}
.healthy_skin_service .content .parallax-bgimg#RenewalBanner #HSPLogin.onomie-blue {
  border-bottom: 1px solid #6dcff6;
}
.healthy_skin_service .content .parallax-bgimg#RenewalBanner .onomie-mark svg {
  width: 75px;
  height: 75px;
}
.healthy_skin_service .content .parallax-bgimg#RenewalBanner .onomie-mark svg * {
  fill: #6dcff6;
  stroke: #6dcff6;
}
.healthy_skin_service .content .parallax-bgimg#RenewalBanner #LoginSeparator {
  margin-top: 20px;
  margin-bottom: 10px;
}
.healthy_skin_service .content .page#DidYouKnow .padded-full-span {
  /* custom ysl padding styles on this one */
  padding-bottom: 60px;
  border-bottom: 1px solid #f3f3f3;
}
.healthy_skin_service .content .page#DidYouKnow .toggle-trigger {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 20px 0;
}
.healthy_skin_service .content .page#DidYouKnow .toggle-trigger#SelectConcealer {
  margin-bottom: 40px;
}
.healthy_skin_service .content .page#DidYouKnow .toggle-trigger#RecommendedHighlighter {
  margin-bottom: 40px;
}
.healthy_skin_service .content .page#DidYouKnow .toggle-trigger .more-description {
  margin: 0;
  padding: 0;
}
.healthy_skin_service .content .page#DidYouKnow .toggle-container {
  margin-top: 30px;
}
.healthy_skin_service .content .page#HowItWorks #RenewalSteps {
  margin: 0 auto;
  max-width: 650px;
}
.healthy_skin_service .content .page#HowItWorks #RenewalIcons {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 60px 0;
}
.healthy_skin_service .content .page#HowItWorks #RenewalIcons li .paragraph-content {
  color: #999999;
}
.healthy_skin_service .content .page#HowItWorks #RenewalIcons svg {
  width: 125px;
  height: 125px;
  margin-bottom: 20px;
}
.healthy_skin_service .content .page#HowItWorks .button-row {
  margin-top: 40px;
}
.healthy_skin_service .content .page#ResultsDelivered {
  background-color: #f3f3f3;
}
.healthy_skin_service .content .page#ResultsDelivered .before-after-sliders-row {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0;
}
.healthy_skin_service .content .page#ResultsDelivered .before-after-text {
  text-transform: none;
  margin-top: 20px;
  margin-bottom: 30px;
}
.healthy_skin_service .content .page#ResultsDelivered .subtitle {
  text-transform: none;
}
.healthy_skin_service .content .page#ResultsDelivered .image-container {
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.healthy_skin_service .content .page#ResultsDelivered .image-container .product-image {
  margin-left: 20px;
  margin-right: 10px;
  max-height: 200px;
  height: auto;
  width: auto;
}
.healthy_skin_service .content .page#Wallet .flex-row {
  margin-top: 20px;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.healthy_skin_service .content .page#Wallet img {
  max-height: 200px;
  height: auto;
  width: auto;
}
.healthy_skin_service .content .page#SignUpNow {
  padding: 80px 0;
  background-size: cover;
}
.healthy_skin_service .content .page#SignUpNow .button-row {
  margin-top: 40px;
}
.healthy_skin_service .content .page#Testimony .quote-source {
  margin-top: 20px;
  margin-bottom: 60px;
}
.healthy_skin_service .content .page#Testimony .quote-mark {
  max-height: 40px;
  max-width: 40px;
  margin-bottom: 20px;
}
.desktop.healthy_skin_service #DontPanicBanner .paragraph-content,
.desktop.healthy_skin_service #GuaranteeTagLine .paragraph-content {
  color: #999999;
}
.desktop.healthy_skin_service .page#HowItWorks #RenewalSteps {
  text-align: center;
}
.desktop.healthy_skin_service .page#ResultsDelivered .before-after-text {
  margin-left: 80px;
}
.tablet.healthy_skin_service #DontPanicBanner .paragraph-content,
.tablet.healthy_skin_service #GuaranteeTagLine .paragraph-content {
  color: #999999;
}
.tablet.healthy_skin_service .page#SignUpNow {
  background-position: 100%;
}
.tablet.healthy_skin_service .page#Wallet .third-span {
  margin: 20px 0;
}
.tablet.healthy_skin_service .page#Wallet .third-span .name {
  -webkit-align-self: flex-stop;
  -moz-align-self: flex-stop;
  -ms-align-self: flex-stop;
  align-self: flex-stop;
  height: 50px;
}
.phone.healthy_skin_service #DontPanicBanner .paragraph-content,
.phone.healthy_skin_service #GuaranteeTagLine .paragraph-content {
  color: #333333;
}
.phone.healthy_skin_service .parallax-bgimg#RenewalBanner {
  background-image: url(https://s3.amazonaws.com/onm/renewal/renewal-banner-mobile.jpg) !important;
  /*min-height: 758px;						// hard coded = bad*/
  min-height: none;
  padding: 40px 0;
}
.phone.healthy_skin_service .parallax-bgimg#RenewalBanner .overlay {
  background-color: rgba(255, 255, 255, 0.5);
}
.phone.healthy_skin_service .page#HowItWorks #RenewalSteps {
  text-align: left;
}
.phone.healthy_skin_service .page#HowItWorks #RenewalIcons li {
  padding: 20px 0;
}
.phone.healthy_skin_service .page#SignUpNow {
  background-position: 100%;
  background-image: url(https://s3.amazonaws.com/onm/renewal/cosmetic-bag-banner-mobile.jpg) !important;
}
.phone.healthy_skin_service .page#ResultsDelivered .before-after-sliders-row .before-after-container {
  width: 150px;
  height: 150px;
}
.phone.healthy_skin_service .page#ResultsDelivered .before-after-sliders-row .before-after-container img {
  width: 150px;
  height: 150px;
}
.phone.healthy_skin_service .page#ResultsDelivered .before-after-sliders-row .before-after-section {
  margin: 20px 0;
}
.phone.healthy_skin_service .page#ResultsDelivered .image-container {
  -webkit-box-orient: horizontal;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
}
.phone.healthy_skin_service .page#Wallet .third-span {
  margin: 20px 0;
}
.healthy_skin_service_start {
  /*
			* new square swatch stuff
		*/
  /*	// overriding the default .color-swatch.active way of styling because how renewal funnel selects data
	#ProductShades .swatch-container {
		li {
			&.active {
				.color-swatch {
					border: 5px solid #333333;
				}
			}
			&:not(.active) {
				.color-swatch {
					border: none !important;
				}
			}
		}
	}*/
}
.healthy_skin_service_start #ProductShades li.active .shade-selector-square {
  outline: 2px solid #999999;
}
.healthy_skin_service_start #RenewalFunnel {
  text-align: left;
}
.healthy_skin_service_start #RenewalFunnel li.renewal-step {
  margin-bottom: 80px;
  border-bottom: 1px solid #f3f3f3;
}
.healthy_skin_service_start #RenewalFunnel li.renewal-step#ProductType #ProductSelector .flex-row {
  width: 100%;
}
.healthy_skin_service_start #RenewalFunnel li.renewal-step#ProductShades {
  padding-bottom: 0;
}
.healthy_skin_service_start #RenewalFunnel li.renewal-step#ProductShades #ShadeSelectorsColumn {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.healthy_skin_service_start #RenewalFunnel li.renewal-step#ProductShades #ShadeSelectorsColumn .swatch-container {
  /*.justify-content(flex-start);*/
}
.healthy_skin_service_start #RenewalFunnel li.renewal-step#ProductShades #ShadeSelectorsColumn .shade-selection {
  width: 100%;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  text-align: center;
}
.healthy_skin_service_start #RenewalFunnel li.renewal-step#ProductShades li {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.healthy_skin_service_start #RenewalFunnel li.renewal-step#ProductShades .color-selector {
  margin: 20px 0;
  text-align: left;
}
.healthy_skin_service_start .renewal-box {
  width: 30%;
  text-align: center !important;
  margin: 20px;
  cursor: pointer;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.healthy_skin_service_start .renewal-box:active {
  position: relative;
  top: 2px;
}
.healthy_skin_service_start .renewal-box:active {
  position: relative;
  top: 2px;
}
.healthy_skin_service_start .renewal-box.active .renewal-box-border {
  border-color: rgba(109, 207, 246, 0.5);
}
.healthy_skin_service_start .renewal-box .renewal-box-border {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: 4px solid #f3f3f3;
  width: 200px;
  height: 200px;
  margin-bottom: 20px;
}
.healthy_skin_service_start .renewal-box img {
  max-width: 150px;
  max-height: 150px;
}
.desktop.healthy_skin_service_start .parallax-bgimg#RenewalBanner,
.tablet.healthy_skin_service_start .parallax-bgimg#RenewalBanner {
  height: auto;
  min-height: 400px;
}
.desktop.healthy_skin_service_start #RenewalFunnel,
.tablet.healthy_skin_service_start #RenewalFunnel {
  width: 700px;
}
.desktop.healthy_skin_service_start #RenewalFunnel .toggle-container .flex-row,
.tablet.healthy_skin_service_start #RenewalFunnel .toggle-container .flex-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.phone.healthy_skin_service_start {
  /*
			* new square swatch stuff
		*/
}
.phone.healthy_skin_service_start #ProductShades li.active .shade-selector-square {
  outline: 2px solid #333333;
}
.phone.healthy_skin_service_start .parallax-bgimg#RenewalBanner {
  height: auto;
  min-height: 300px;
  padding: 20px 0;
}
.phone.healthy_skin_service_start #RenewalFunnel {
  width: calc(100vw - 20px);
  margin: 0 auto;
  /* override active border states for phone in this weird special case */
}
.phone.healthy_skin_service_start #RenewalFunnel #SelectShadeConcealer {
  width: 100%;
}
.phone.healthy_skin_service_start #RenewalFunnel .color-selector {
  /*width: calc(100vw ~'-' @gutter*2);*/
}
.phone.healthy_skin_service_start #RenewalFunnel .color-selector .mobile-row-container,
.phone.healthy_skin_service_start #RenewalFunnel .color-selector .top-row,
.phone.healthy_skin_service_start #RenewalFunnel .color-selector .bottom-row {
  /*.border(blue);*/
  /*width: calc(100vw ~'-' @gutter*2);	*/
  width: 100%;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.phone.healthy_skin_service_start #RenewalFunnel #ConcealerShades li.active .color-swatch {
  border-radius: 0;
}
.phone.healthy_skin_service_start #RenewalFunnel #SelectShadeHighlighter li.active,
.phone.healthy_skin_service_start #RenewalFunnel #SelectShadePrimer li.active {
  /*border: 5px solid @black;*/
}
.phone.healthy_skin_service_start #RenewalFunnel #SelectShadeHighlighter .color-smear,
.phone.healthy_skin_service_start #RenewalFunnel #SelectShadePrimer .color-smear {
  max-width: 100px;
}
.contest_entry .header,
.information-static-contest_entry .header,
.information-static-for_girls_by_girls_giveaway .header,
.for_girls_by_girls_giveaway .header {
  display: none !important;
}
.contest_entry .content-wrapper,
.information-static-contest_entry .content-wrapper,
.information-static-for_girls_by_girls_giveaway .content-wrapper,
.for_girls_by_girls_giveaway .content-wrapper {
  margin-top: 0 !important;
}
.contest_entry .onomie-guarantee,
.information-static-contest_entry .onomie-guarantee,
.information-static-for_girls_by_girls_giveaway .onomie-guarantee,
.for_girls_by_girls_giveaway .onomie-guarantee {
  display: none !important;
}
.contest_entry .twitter-icon svg,
.information-static-contest_entry .twitter-icon svg,
.information-static-for_girls_by_girls_giveaway .twitter-icon svg,
.for_girls_by_girls_giveaway .twitter-icon svg {
  fill: #4099ff;
}
.contest_entry .facebook-icon svg,
.information-static-contest_entry .facebook-icon svg,
.information-static-for_girls_by_girls_giveaway .facebook-icon svg,
.for_girls_by_girls_giveaway .facebook-icon svg,
.contest_entry .facebook-official-icon svg,
.information-static-contest_entry .facebook-official-icon svg,
.information-static-for_girls_by_girls_giveaway .facebook-official-icon svg,
.for_girls_by_girls_giveaway .facebook-official-icon svg {
  fill: #3b5998;
}
.contest_entry .modal-content#ModalFinePrint,
.information-static-contest_entry .modal-content#ModalFinePrint,
.information-static-for_girls_by_girls_giveaway .modal-content#ModalFinePrint,
.for_girls_by_girls_giveaway .modal-content#ModalFinePrint {
  max-height: 75vh;
}
.contest_entry .modal-content#ModalFinePrint .text,
.information-static-contest_entry .modal-content#ModalFinePrint .text,
.information-static-for_girls_by_girls_giveaway .modal-content#ModalFinePrint .text,
.for_girls_by_girls_giveaway .modal-content#ModalFinePrint .text {
  overflow-y: scroll;
  overflow-x: none;
}
.contest_entry .page#RaffleContent,
.information-static-contest_entry .page#RaffleContent,
.information-static-for_girls_by_girls_giveaway .page#RaffleContent,
.for_girls_by_girls_giveaway .page#RaffleContent {
  background-position: 50%;
}
.contest_entry .page#RaffleContent .text#EntryForm #LogoImg,
.information-static-contest_entry .page#RaffleContent .text#EntryForm #LogoImg,
.information-static-for_girls_by_girls_giveaway .page#RaffleContent .text#EntryForm #LogoImg,
.for_girls_by_girls_giveaway .page#RaffleContent .text#EntryForm #LogoImg {
  margin-bottom: 10px;
}
.contest_entry .page#RaffleContent .text#EntryForm #EmailRaffleForm input,
.information-static-contest_entry .page#RaffleContent .text#EntryForm #EmailRaffleForm input,
.information-static-for_girls_by_girls_giveaway .page#RaffleContent .text#EntryForm #EmailRaffleForm input,
.for_girls_by_girls_giveaway .page#RaffleContent .text#EntryForm #EmailRaffleForm input {
  /* custom border styles */
  border-color: #999999;
  border-width: 2px;
}
.contest_entry .page#RaffleContent .text#EntryForm .fine-print-trigger,
.information-static-contest_entry .page#RaffleContent .text#EntryForm .fine-print-trigger,
.information-static-for_girls_by_girls_giveaway .page#RaffleContent .text#EntryForm .fine-print-trigger,
.for_girls_by_girls_giveaway .page#RaffleContent .text#EntryForm .fine-print-trigger {
  margin-top: 10px;
}
.contest_entry .page#RaffleContent .text#Raffle .cta-buttons,
.information-static-contest_entry .page#RaffleContent .text#Raffle .cta-buttons,
.information-static-for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .cta-buttons,
.for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .cta-buttons {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.contest_entry .page#RaffleContent .text#Raffle .facebook-official-icon,
.information-static-contest_entry .page#RaffleContent .text#Raffle .facebook-official-icon,
.information-static-for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .facebook-official-icon,
.for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .facebook-official-icon,
.contest_entry .page#RaffleContent .text#Raffle .facebook-icon,
.information-static-contest_entry .page#RaffleContent .text#Raffle .facebook-icon,
.information-static-for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .facebook-icon,
.for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .facebook-icon,
.contest_entry .page#RaffleContent .text#Raffle .twitter-icon,
.information-static-contest_entry .page#RaffleContent .text#Raffle .twitter-icon,
.information-static-for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .twitter-icon,
.for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .twitter-icon {
  margin: 0 10px;
}
.contest_entry .page#RaffleContent .text#Raffle .facebook-official-icon svg,
.information-static-contest_entry .page#RaffleContent .text#Raffle .facebook-official-icon svg,
.information-static-for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .facebook-official-icon svg,
.for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .facebook-official-icon svg,
.contest_entry .page#RaffleContent .text#Raffle .facebook-icon svg,
.information-static-contest_entry .page#RaffleContent .text#Raffle .facebook-icon svg,
.information-static-for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .facebook-icon svg,
.for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .facebook-icon svg {
  width: 60px;
  height: 60px;
}
.contest_entry .page#RaffleContent .text#Raffle .twitter-icon svg,
.information-static-contest_entry .page#RaffleContent .text#Raffle .twitter-icon svg,
.information-static-for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .twitter-icon svg,
.for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .twitter-icon svg {
  width: 80px;
  height: 80px;
}
.contest_entry .page#RaffleContent .text#Raffle .raffle-code,
.information-static-contest_entry .page#RaffleContent .text#Raffle .raffle-code,
.information-static-for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .raffle-code,
.for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle .raffle-code {
  background-color: #ffffff;
  border: 2px solid #f3f3f3;
  padding: 20px;
  margin: 20px 0 10px 0;
}
.contest_entry .page#MeetTheFounders .flex-row,
.information-static-contest_entry .page#MeetTheFounders .flex-row,
.information-static-for_girls_by_girls_giveaway .page#MeetTheFounders .flex-row,
.for_girls_by_girls_giveaway .page#MeetTheFounders .flex-row {
  /*.align-items(flex-start);*/
}
.contest_entry .page#MeetTheFounders .third-span,
.information-static-contest_entry .page#MeetTheFounders .third-span,
.information-static-for_girls_by_girls_giveaway .page#MeetTheFounders .third-span,
.for_girls_by_girls_giveaway .page#MeetTheFounders .third-span {
  /*padding: 0 @gutter;*/
  /*margin: 0 @gutter/2;*/
}
.contest_entry .page#MeetTheFounders .third-span .title,
.information-static-contest_entry .page#MeetTheFounders .third-span .title,
.information-static-for_girls_by_girls_giveaway .page#MeetTheFounders .third-span .title,
.for_girls_by_girls_giveaway .page#MeetTheFounders .third-span .title {
  /*color: @dark_grey;*/
}
.contest_entry .page#MeetTheFounders .third-span .founder-image,
.information-static-contest_entry .page#MeetTheFounders .third-span .founder-image,
.information-static-for_girls_by_girls_giveaway .page#MeetTheFounders .third-span .founder-image,
.for_girls_by_girls_giveaway .page#MeetTheFounders .third-span .founder-image {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  background-size: cover;
  background-position: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.contest_entry .page#MeetTheFounders .third-span .paragraph-content,
.information-static-contest_entry .page#MeetTheFounders .third-span .paragraph-content,
.information-static-for_girls_by_girls_giveaway .page#MeetTheFounders .third-span .paragraph-content,
.for_girls_by_girls_giveaway .page#MeetTheFounders .third-span .paragraph-content {
  color: #999999;
  /*text-align: left;*/
}
.desktop.contest_entry .page#RaffleContent,
.desktop.information-static-contest_entry .page#RaffleContent,
.desktop.information-static-for_girls_by_girls_giveaway .page#RaffleContent,
.desktop.for_girls_by_girls_giveaway .page#RaffleContent {
  height: 100vh !important;
}
.desktop.contest_entry .page#RaffleContent .overlay,
.desktop.information-static-contest_entry .page#RaffleContent .overlay,
.desktop.information-static-for_girls_by_girls_giveaway .page#RaffleContent .overlay,
.desktop.for_girls_by_girls_giveaway .page#RaffleContent .overlay {
  background-color: rgba(255, 255, 255, 0.35);
}
.desktop.contest_entry .page#RaffleContent .text#EntryForm #LogoImg,
.desktop.information-static-contest_entry .page#RaffleContent .text#EntryForm #LogoImg,
.desktop.information-static-for_girls_by_girls_giveaway .page#RaffleContent .text#EntryForm #LogoImg,
.desktop.for_girls_by_girls_giveaway .page#RaffleContent .text#EntryForm #LogoImg {
  max-width: 900px;
}
.desktop.contest_entry .page#MeetTheFounders .flex-row,
.desktop.information-static-contest_entry .page#MeetTheFounders .flex-row,
.desktop.information-static-for_girls_by_girls_giveaway .page#MeetTheFounders .flex-row,
.desktop.for_girls_by_girls_giveaway .page#MeetTheFounders .flex-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.desktop.contest_entry .page#MeetTheFounders .third-span,
.desktop.information-static-contest_entry .page#MeetTheFounders .third-span,
.desktop.information-static-for_girls_by_girls_giveaway .page#MeetTheFounders .third-span,
.desktop.for_girls_by_girls_giveaway .page#MeetTheFounders .third-span {
  padding: 0 20px;
  margin: 0 10px;
}
.desktop.contest_entry .page#MeetTheFounders .third-span .title,
.desktop.information-static-contest_entry .page#MeetTheFounders .third-span .title,
.desktop.information-static-for_girls_by_girls_giveaway .page#MeetTheFounders .third-span .title,
.desktop.for_girls_by_girls_giveaway .page#MeetTheFounders .third-span .title {
  /*color: @dark_grey;*/
}
.desktop.contest_entry .page#MeetTheFounders .third-span .founder-image,
.desktop.information-static-contest_entry .page#MeetTheFounders .third-span .founder-image,
.desktop.information-static-for_girls_by_girls_giveaway .page#MeetTheFounders .third-span .founder-image,
.desktop.for_girls_by_girls_giveaway .page#MeetTheFounders .third-span .founder-image {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  background-size: cover;
  background-position: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.desktop.contest_entry .page#MeetTheFounders .third-span .paragraph-content,
.desktop.information-static-contest_entry .page#MeetTheFounders .third-span .paragraph-content,
.desktop.information-static-for_girls_by_girls_giveaway .page#MeetTheFounders .third-span .paragraph-content,
.desktop.for_girls_by_girls_giveaway .page#MeetTheFounders .third-span .paragraph-content {
  color: #999999;
  text-align: left;
}
.tablet.contest_entry .page#RaffleContent,
.tablet.information-static-contest_entry .page#RaffleContent,
.tablet.information-static-for_girls_by_girls_giveaway .page#RaffleContent,
.tablet.for_girls_by_girls_giveaway .page#RaffleContent {
  height: 100vh;
}
.tablet.contest_entry .page#RaffleContent .text#EntryForm #LogoImg,
.tablet.information-static-contest_entry .page#RaffleContent .text#EntryForm #LogoImg,
.tablet.information-static-for_girls_by_girls_giveaway .page#RaffleContent .text#EntryForm #LogoImg,
.tablet.for_girls_by_girls_giveaway .page#RaffleContent .text#EntryForm #LogoImg {
  max-width: 900px;
}
.phone.contest_entry .page#RaffleContent,
.phone.information-static-contest_entry .page#RaffleContent,
.phone.information-static-for_girls_by_girls_giveaway .page#RaffleContent,
.phone.for_girls_by_girls_giveaway .page#RaffleContent {
  min-height: 700px;
}
.phone.contest_entry .page#RaffleContent .text#EntryForm #LogoImg,
.phone.information-static-contest_entry .page#RaffleContent .text#EntryForm #LogoImg,
.phone.information-static-for_girls_by_girls_giveaway .page#RaffleContent .text#EntryForm #LogoImg,
.phone.for_girls_by_girls_giveaway .page#RaffleContent .text#EntryForm #LogoImg {
  max-width: 300px;
}
.phone.contest_entry .page#RaffleContent .text#Raffle#Raffle .raffle-code #Code,
.phone.information-static-contest_entry .page#RaffleContent .text#Raffle#Raffle .raffle-code #Code,
.phone.information-static-for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle#Raffle .raffle-code #Code,
.phone.for_girls_by_girls_giveaway .page#RaffleContent .text#Raffle#Raffle .raffle-code #Code {
  font-size: 2.5em;
}
.phone.contest_entry .page#MeetTheFounders,
.phone.information-static-contest_entry .page#MeetTheFounders,
.phone.information-static-for_girls_by_girls_giveaway .page#MeetTheFounders,
.phone.for_girls_by_girls_giveaway .page#MeetTheFounders {
  max-width: calc(100vw - 40px);
  margin: 0 auto;
}
.phone.contest_entry .page#MeetTheFounders .third-span,
.phone.information-static-contest_entry .page#MeetTheFounders .third-span,
.phone.information-static-for_girls_by_girls_giveaway .page#MeetTheFounders .third-span,
.phone.for_girls_by_girls_giveaway .page#MeetTheFounders .third-span {
  margin-bottom: 10px;
}
.allure_press h1 {
  font-size: 2.827em;
}
.allure_press h2 {
  font-size: 1.999em;
}
.allure_press h3 {
  font-size: 1.3em;
}
.allure_press h4 {
  font-size: 1em;
}
.allure_press img {
  max-height: 300px;
}
.allure_press .page {
  padding: 20px 0 !important;
}
.allure_press .page .text {
  text-align: left;
}
.allure_press .page .text a {
  color: #6dcff6;
}
.allure_press .onomie-guarantee {
  display: none;
}
.refer_receive .content #SuccessMsg,
.refer_receive .content #ErrorMsg {
  margin-top: 20px;
}
.refer_receive .content .parallax-bgimg#HeroBanner {
  height: calc(100vh - 80px);
  min-height: 600px;
}
.refer_receive .content .parallax-bgimg#HeroBanner #ReferralHero {
  /*max-height: 45vh;*/
  height: auto;
  width: auto;
  max-width: 35vw;
  margin-bottom: 20px;
}
.refer_receive .content .parallax-bgimg#HeroBanner .title.huge {
  margin-bottom: 10px;
}
.refer_receive .content .page#HowItWorks .referral-steps li {
  margin: 20px;
}
.refer_receive .content .page#HowItWorks .referral-steps li .step-circle {
  margin-bottom: 20px;
}
.refer_receive .content .page#HowItWorks .referral-steps li .step-circle svg {
  height: 100px;
  width: auto;
}
.refer_receive .content .page#TheRewards {
  background-color: #f3f3f3;
}
.refer_receive .content .page#TheRewards #RewardList {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  /*.border(blue);*/
}
.refer_receive .content .page#TheRewards #RewardList li {
  width: 300px;
  margin: 20px;
}
.refer_receive .content .page#TheRewards #RewardList li img {
  /*.border(red);*/
  height: 180px;
  /*max-width: @max_phone_width;*/
  width: auto;
  margin-bottom: 20px;
}
.refer_receive .content .page#TheRewards #NYCReward .nyc-icon {
  margin-bottom: 20px;
}
.refer_receive .content .page#TheRewards #NYCReward .nyc-icon svg {
  max-width: 50vw;
  height: auto;
}
.refer_receive .content .page#TheRewards #NYCReward a {
  color: #999999;
  text-decoration: underline;
}
.desktop.refer_receive .page#HowItWorks .referral-steps {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.desktop.refer_receive .page#TheRewards #NYCReward .nyc-icon svg {
  max-width: 500px;
}
.tablet.refer_receive .page#TheRewards #RewardList li {
  width: 25vw;
}
.tablet.refer_receive .page#TheRewards #RewardList li img {
  max-height: 120px;
}
.phone.refer_receive .content .parallax-bgimg#HeroBanner #ReferralHero {
  max-width: 80vw;
}
.phone.refer_receive .content .page#TheRewards #NYCReward .nyc-icon svg {
  max-width: 300px;
}
.join_onomie .page:not(.onomie-guarantee) .paragraph-content {
  text-align: left;
}
.join_onomie .job-description {
  text-decoration: underline;
}
.join_onomie #CareersBanner {
  min-height: 40vh;
  background-position: 50% 70%;
}
.phone .career-block,
.tablet .career-block {
  margin: 20px 0;
}
.desktop .careers-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
}
.desktop .careers-row:last-child {
  margin-bottom: 0;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.desktop .career-block {
  /*margin: 0 @gutter;*/
}
.desktop .career-block:nth-child(odd) {
  margin-right: 10px;
}
.desktop .career-block:nth-child(even) {
  margin-left: 10px;
}
.press_highlights {
  /* awards */
  /* Press Highlight logos */
  /* footer update */
}
.press_highlights .title {
  margin: 20px;
}
.press_highlights .logo {
  width: 200px;
  height: 200px;
  margin-bottom: 10px;
  margin-top: -30px;
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.press_highlights .title {
  margin: 0px;
}
.press_highlights .pink_line {
  border-bottom: solid;
  border-width: 5px;
  margin: 0px;
  width: 180px;
  color: #fcf3f5;
}
.press_highlights .award-block {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.press_highlights .award-block .pink_line {
  width: 120px;
}
.press_highlights .award-block .paragraph-content {
  margin: 40px;
  height: 120px;
}
.press_highlights .press-block {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.press_highlights .press-block .paragraph-content {
  margin: 40px;
}
.press_highlights #PressBanner {
  background-size: cover;
  background-position: 50% 50%;
  height: 33vh;
}
.press_highlights #R29Award {
  width: 80%;
}
.press_highlights #AllureAward {
  margin-top: 40px;
  width: 45%;
}
.press_highlights #SelfAward {
  margin-top: 40px;
  width: 37%;
}
.press_highlights #Refinery29 {
  width: 90%;
}
.press_highlights #Byrdie {
  width: 80%;
}
.press_highlights #Bazaar {
  width: 80%;
}
.press_highlights #InStyle {
  width: 70%;
}
.press_highlights #Allure {
  width: 70%;
}
.press_highlights #Nylon {
  width: 70%;
}
.press_highlights .onomie-contact {
  margin: 1.5px;
  color: #999999;
}
.press_highlights .onomie-email {
  margin: 1.5px;
}
.press_highlights .onomie-email a {
  color: #6dcff6;
}
/* responsive styles */
.desktop.press_highlights .press-block .paragraph-content {
  height: 80px;
}
.tablet.press_highlights .title {
  margin-bottom: 20px;
}
.tablet.press_highlights .award-block {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.tablet.press_highlights .award-block .paragraph-content {
  height: 160px;
  min-width: 150px;
  margin: 10px;
}
.tablet.press_highlights .press-block .paragraph-content {
  height: 90px;
}
.phone.press_highlights .content .page .third-span {
  /* awards */
}
.phone.press_highlights .content .page .third-span #R29Award {
  width: 60%;
}
.phone.press_highlights .content .page .third-span #AllureAward {
  width: 35%;
  margin: 40px;
}
.phone.press_highlights .content .page .third-span #SelfAward {
  width: 30%;
  margin: 40px;
}
.phone.press_highlights .content .page .press-block .logo {
  margin-top: -40px;
  margin-bottom: 10px;
}
.phone.press_highlights .content .page .award-block .paragraph-content {
  height: 80px;
}
.customer_reviews {
  /* footer update */
}
.customer_reviews #BlogContent {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1200px;
}
.customer_reviews #ReviewBanner {
  background-size: cover;
  background-position: 50% 50%;
  height: 33vh;
}
.customer_reviews .pink_line {
  border-bottom: solid;
  border-width: 5px;
  width: 180px;
  color: #fcf3f5;
}
.customer_reviews .review-block {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.customer_reviews .review-block .paragraph-content {
  margin: 40px;
}
.customer_reviews .blog-block {
  margin: 0 20px;
  width: 320px;
  max-width: calc(100vw - 40px);
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  margin-bottom: 50px;
}
.customer_reviews .blog-block .paragraph-content {
  margin: 40px;
}
.customer_reviews .blog-block .blog-photo {
  width: 350px;
  height: 330px;
}
.customer_reviews .name {
  margin: 20px;
}
.customer_reviews .testimonial {
  max-width: 200px;
}
.customer_reviews .testimonial .quote {
  color: #999999;
  margin: 0px;
}
.customer_reviews .testimonial .quote-source {
  color: #999999;
}
.customer_reviews .testimonial .photo {
  width: 200px;
  height: 200px;
}
.customer_reviews .onomie-contact {
  margin: 1.5px;
  color: #999999;
}
.customer_reviews .onomie-email {
  margin: 1.5px;
}
.customer_reviews .onomie-email a {
  color: #6dcff6;
}
/* responsive styles */
.desktop.customer_reviews .review-block .paragraph-content {
  height: 80px;
}
.desktop.customer_reviews .blog-block .paragraph-content {
  height: 90px;
}
.tablet.customer_reviews .review-block .paragraph-content {
  height: 80px;
}
.tablet.customer_reviews .blog-block .paragraph-content {
  height: 90px;
}
/**
 * Horizontal Type Line Behind Text
 * Inspired by this discussion @ CSS-Tricks: http://css-tricks.com/forums/topic/css-trick-for-a-horizontal-type-line-behind-text/#post-151970
 * Available on jsFiddle: http://jsfiddle.net/ericrasch/jAXXA/
 * Available on Dabblet: http://dabblet.com/gist/2045198
 * Available on GitHub Gist: https://gist.github.com/2045198
 */
#BorderThing .title {
  margin-top: 30px;
}
#BorderThing .title.background {
  position: relative;
  z-index: 1;
}
#BorderThing .title.background:before {
  border-top: 2px dashed #333333;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: -50%;
  right: 50%;
  bottom: 0;
  width: 200%;
  z-index: -1;
}
#BorderThing .title.background span {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #fff;
  padding: 0 15px;
}
.clinical_results .content .page#ClinicalTesting .paragraph-content {
  color: #999999;
  max-width: 600px;
  margin-bottom: 20px;
}
.clinical_results .content .page#TestingBreakdown {
  margin-top: -20px;
}
.clinical_results .content .page#TestingBreakdown svg {
  /*.border(red);*/
  margin-bottom: 20px;
}
.clinical_results .content .page#TestingBreakdown #ClinicalClaims {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.clinical_results .content .page#TestingBreakdown #ClinicalClaims #InternalMeasurments svg {
  padding: 10px;
}
.clinical_results .content .page#TestingBreakdown #ClinicalClaims #InternalMeasurments .claim-title {
  color: #A5A5A5;
}
.clinical_results .content .page#TestingBreakdown #ClinicalClaims #InternalMeasurments .claim {
  background-color: #f3f3f3;
}
.clinical_results .content .page#TestingBreakdown #ClinicalClaims #ClinicalTrialsResults svg {
  /*.border(green);*/
  width: 65px;
  height: 65px;
}
.clinical_results .content .page#TestingBreakdown #ClinicalClaims #ClinicalTrialsResults .claim-title {
  color: #DAB4BF;
}
.clinical_results .content .page#TestingBreakdown #ClinicalClaims #ClinicalTrialsResults .claim {
  background-color: #fcf3f5;
}
.clinical_results .content .page#TestingBreakdown #ClinicalClaims #ClinicalTrialsResults #BorderThing {
  margin-top: 10px;
  position: relative;
}
.clinical_results .content .page#TestingBreakdown #ClinicalClaims #ClinicalTrialsResults #BorderThing .bordered-line {
  border-bottom: 1px dashed #333333;
  position: absolute;
  top: 50%;
  left: 0;
}
.clinical_results .content .page#TestingBreakdown .claim {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  width: 150px;
  min-height: 200px;
  padding: 20px;
  border-radius: 10px;
  margin: 10px;
}
.clinical_results .content .page#TestingBreakdown .claim svg {
  height: 50px;
  width: 50px;
}
.clinical_results .content .page#TestingBreakdown .note {
  color: #999999;
}
.clinical_results .content .page#TestingBreakdown .pinkline {
  border-bottom: solid;
  border-width: 5px;
  width: 180px;
  color: #fcf3f5;
}
.clinical_results .content .page#TestingBreakdown .claims {
  margin-top: -20px;
}
.clinical_results .content .page#TestingBreakdown .claims,
.clinical_results .content .page#TestingBreakdown #Rigor {
  /*.title{
						border: 2px solid @black;
						width: 240px;
					}*/
}
.clinical_results .content .page#TestingBreakdown .claims .half-span,
.clinical_results .content .page#TestingBreakdown #Rigor .half-span {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  margin: 40px;
}
.clinical_results .content .page#TestingBreakdown .claims .title-content,
.clinical_results .content .page#TestingBreakdown #Rigor .title-content {
  margin: 20px;
  color: #333333;
  line-height: 20px;
}
.clinical_results .content .page#TestingBreakdown .claims .paragraph-content,
.clinical_results .content .page#TestingBreakdown #Rigor .paragraph-content {
  color: #999999;
  /*letter-spacing: 0.5px;*/
}
.clinical_results .content .page#TestingBreakdown .claims .subtitle-content,
.clinical_results .content .page#TestingBreakdown #Rigor .subtitle-content {
  color: #333333;
  margin: 5px;
}
.clinical_results .content .page#TestingBreakdown .claims .info-block,
.clinical_results .content .page#TestingBreakdown #Rigor .info-block {
  width: 127%;
  height: 300px;
}
.clinical_results .content .page#TestingBreakdown .claims #FocusGroup,
.clinical_results .content .page#TestingBreakdown #Rigor #FocusGroup {
  width: 50%;
  margin: 20px;
}
.clinical_results .content .page#TestingBreakdown .claims #Perception,
.clinical_results .content .page#TestingBreakdown #Rigor #Perception {
  width: 25%;
  margin-top: 40px;
  margin-bottom: 20px;
}
.clinical_results .content .page#TestingBreakdown .claims #Ingredients,
.clinical_results .content .page#TestingBreakdown #Rigor #Ingredients {
  width: 20%;
  margin: 20px;
}
.clinical_results .content .page#TestingBreakdown .claims #Instrumental,
.clinical_results .content .page#TestingBreakdown #Rigor #Instrumental {
  width: 20%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.clinical_results .content .page#TestingBreakdown .claims #LevelOfRigor,
.clinical_results .content .page#TestingBreakdown #Rigor #LevelOfRigor {
  width: 15%;
  margin-bottom: -40px;
}
.clinical_results .content .page#TestingBreakdown #LabClaims {
  margin-left: -40px;
  border-left: 1px solid #333333;
}
.clinical_results .content .page#TestingBreakdown #Rigor {
  margin-bottom: 40px;
}
.clinical_results .content .page#TestingBreakdown #Rigor #TopTimeLine .first-half {
  margin-right: 40px;
}
.clinical_results .content .page#TestingBreakdown #Rigor #TopTimeLine .second-half {
  margin-left: 20px;
}
.clinical_results .content .page#TestingBreakdown #Rigor .third-span {
  margin: 20px;
  width: 200px;
}
.clinical_results .content .page#TestingBreakdown .grey-line {
  border: 1px solid #333333;
  width: 500px;
  margin-top: -40px;
  margin-bottom: 40px;
}
.clinical_results .content .page#TestingBreakdown .time-line {
  border: 1px dashed #333333;
  width: 480px;
  margin-top: -20px;
  margin-bottom: 10px;
}
.clinical_results .content .page#TestingBreakdown .dot {
  width: 0px;
  border: 4px solid #333333;
  border-radius: 25px;
  margin-bottom: -40px;
}
.clinical_results .content .page#TestingBreakdown #Dot1 {
  margin-right: 120px;
  margin-top: -56px;
}
.clinical_results .content .page#TestingBreakdown #Dot2 {
  margin-left: 50px;
  margin-top: -56px;
}
.clinical_results .content .page#TestingBreakdown #Dot3 {
  margin-top: -116px;
}
.clinical_results .content .page#TestingBreakdown #Dot4 {
  margin-left: 210px;
  margin-top: -116px;
}
.clinical_results .content .page#TestingBreakdown #Dot5 {
  margin-left: 210px;
  margin-top: -116px;
}
.clinical_results .content .page#TestingBreakdown #BottomTimeLine {
  margin-top: -120px;
}
.clinical_results .content .page#BeforeAfters {
  background-color: #f3f3f3;
}
.clinical_results .content .page#BeforeAfters .paragraph-content {
  color: #999999;
  margin-bottom: 5px;
}
.clinical_results .content .page#BeforeAfters .subtitle {
  color: black;
  margin-bottom: 20px;
}
.clinical_results .content .page#BeforeAfters .before-after-text .paragraph-content {
  max-width: 250px;
}
.clinical_results .content .page#BeforeAfters .before-after-container {
  margin: 10px;
}
.clinical_results .content .page#BeforeAfters .before-after-intro .subtitle {
  color: #999999;
  margin-bottom: 0;
}
.clinical_results .content .page#MoreDetails {
  background-color: #f3f3f3;
}
.clinical_results .content .page#MoreDetails #FromTheLab {
  border-bottom: 1px solid #999999;
}
.clinical_results .content .page#MoreDetails #WhatsABench {
  margin-top: 40px;
}
.clinical_results .content .page#MoreDetails ul {
  list-style: disc;
}
.clinical_results .content .page#MoreDetails ol {
  list-style: decimal;
}
.clinical_results .content .page#MoreDetails a {
  color: #6dcff6;
}
.clinical_results .content .page#MoreDetails .subproduct-img {
  height: 250px;
}
.clinical_results .content .page#MoreDetails .flex-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.clinical_results .content .page#MoreDetails #SubProducts {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.clinical_results .content .page#MoreDetails #SubProducts .subtitle {
  text-transform: uppercase;
  height: 50px;
}
.clinical_results .content .page#MoreDetails #SubProducts .subtitle,
.clinical_results .content .page#MoreDetails #SubProducts .bench-title {
  margin-top: 20px;
}
.clinical_results .content .page#MoreDetails #SubProducts .paragraph-content {
  text-align: left;
  color: #999999;
  margin-left: 40px;
  margin-right: 40px;
}
.clinical_results .content .page#MoreDetails #WhatsABench .paragraph-content {
  margin: 20px;
  max-width: 480px;
  color: #999999;
}
.clinical_results .content .page#TheProducts .product-section {
  /*border: 1px dashed red;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* default center */
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 10px;
}
.clinical_results .content .page#TheProducts .product-section .flex-row .third-span .third-span-section {
  margin: 20px 0;
}
.clinical_results .content .page#TheProducts .product-section .flex-row .third-span .third-span-section .photo {
  width: 100%;
}
.clinical_results .content .page#TheProducts .product-section .flex-row .third-span .third-span-section .paragraph-content {
  margin-top: 20px;
}
.clinical_results .content .page#TheProducts .product-section .text {
  margin-top: 20px;
}
.clinical_results .content .page#TheProducts .product-section .text .title {
  margin-bottom: 10px;
}
.clinical_results .content .page#TheProducts .photo {
  width: 100vw;
  height: 400px;
  background-size: cover;
  background-position: 50% 50%;
}
.desktop #ClinicalBanner.parallax-bgimg {
  background-attachment: initial;
  background-position: 50% 100%;
  height: 50vh;
}
.desktop.clinical_results .content .page#TestingBreakdown .pinkline {
  margin-top: -20px;
  margin-bottom: 20px;
}
.desktop.clinical_results .content .page#MoreDetails .half-span {
  margin: 0 20px;
  text-align: left;
}
.desktop.clinical_results .content .page#TheProducts img {
  max-width: 25vw;
}
.desktop.clinical_results .content .page#BeforeAfters #PrimingSerum .flex-col,
.desktop.clinical_results .content .page#BeforeAfters #ConcealingElixir .flex-col,
.desktop.clinical_results .content .page#BeforeAfters #EyeTreatment .flex-col {
  margin-left: 20px;
  margin-right: 20px;
}
.tablet #ClinicalBanner.parallax-bgimg {
  background-attachment: initial;
  background-position: 50% 100%;
  height: 30vh;
}
.tablet.clinical_results .content .page#TestingBreakdown .pinkline {
  margin-top: -20px;
  margin-bottom: 20px;
}
.tablet.clinical_results .content .page#TheProducts img {
  max-width: 25vw;
}
.tablet.clinical_results .content .page#BeforeAfters #PrimingSerum .flex-col,
.tablet.clinical_results .content .page#BeforeAfters #ConcealingElixir .flex-col,
.tablet.clinical_results .content .page#BeforeAfters #EyeTreatment .flex-col {
  margin-left: -4px;
  margin-right: -4px;
}
.phone #ClinicalBanner.parallax-bgimg {
  background-attachment: initial;
  background-position: 50% 100%;
  height: 30vh;
}
.phone.clinical_results .content .page#TestingBreakdown #ClinicalClaims #InternalMeasurments {
  margin-top: 20px;
}
.phone.clinical_results .content .page#TestingBreakdown #ClinicalClaims #ClinicalTrialsResults {
  margin-top: 40px;
}
.phone.clinical_results .content .page#TestingBreakdown .claim {
  min-width: 200px;
  max-width: 100vw;
  height: auto;
  min-height: 0;
}
.phone.clinical_results .content .page#TestingBreakdown .pinkline {
  margin-top: -10px;
  margin-bottom: 10px;
}
.phone.clinical_results .content .page#TestingBreakdown .title {
  width: 300px;
}
.phone.clinical_results .content .page#TestingBreakdown .grey-line {
  margin-top: -60px;
  margin-bottom: 60px;
  width: 300px;
}
.phone.clinical_results .content .page#TestingBreakdown .claims #CompanyClaims {
  margin-left: 3.33333333px;
}
.phone.clinical_results .content .page#TestingBreakdown .claims #CompanyClaims #FocusGroup {
  width: 30%;
}
.phone.clinical_results .content .page#TestingBreakdown .claims #CompanyClaims #Ingredients {
  margin-top: -20px;
}
.phone.clinical_results .content .page#TestingBreakdown .claims #LabClaims {
  margin-top: -40px;
  margin-left: 6.66666667px;
  border: 0px;
}
.phone.clinical_results .content .page#TestingBreakdown #Rigor h5 {
  letter-spacing: 0.2px;
}
.phone.clinical_results .content .page#TestingBreakdown #Rigor .title {
  border: 0px;
}
.phone.clinical_results .content .page#TestingBreakdown #Rigor #LevelOfRigor {
  margin-top: 20px;
}
.phone.clinical_results .content .page#TestingBreakdown #Rigor .time-line {
  display: none;
}
.phone.clinical_results .content .page#TestingBreakdown #Rigor #TopTimeLine {
  text-align: left;
  margin-left: 200px;
  margin-top: 120px;
}
.phone.clinical_results .content .page#TestingBreakdown #Rigor #TopTimeLine .first-half {
  margin-right: 0px;
}
.phone.clinical_results .content .page#TestingBreakdown #Rigor #TopTimeLine .second-half {
  margin-left: 0px;
}
.phone.clinical_results .content .page#TestingBreakdown #Rigor #BottomTimeLine {
  text-align: right;
  margin-right: 200px;
  margin-top: -500px;
  border-right: 1px dashed #333333;
  height: 300px;
}
.phone.clinical_results .content .page#TestingBreakdown #Rigor #BottomTimeLine #MiddleContent {
  margin-top: 70px;
  margin-bottom: 70px;
}
.phone.clinical_results .content .page#TestingBreakdown #Rigor .dot {
  width: 0px;
}
.phone.clinical_results .content .page#TestingBreakdown #Rigor #Dot1 {
  margin-top: -300px;
  margin-right: -200px;
  margin-left: 15.38461538px;
}
.phone.clinical_results .content .page#TestingBreakdown #Rigor #Dot2 {
  margin-top: -306px;
  margin-right: -200px;
  margin-left: 15.38461538px;
}
.phone.clinical_results .content .page#TestingBreakdown #Rigor #Dot3 {
  margin-top: -276px;
  margin-right: -200px;
  margin-left: 15.38461538px;
}
.phone.clinical_results .content .page#TestingBreakdown #Rigor #Dot4 {
  margin-top: -240px;
  margin-left: 115px;
}
.phone.clinical_results .content .page#TestingBreakdown #Rigor #Dot5 {
  margin-top: -180px;
  margin-left: 115px;
}
.phone.clinical_results .content .page#TheProducts img {
  max-height: 40vh;
  width: auto;
  margin: 10px 0;
}
/* custom shade slider
	http://danielstern.ca/range.css/#/
*/
input[type=range].shade-slider {
  border: none !important;
  outline: none !important;
  -webkit-appearance: none;
  width: 100%;
  margin: 0px 0;
}
input[type=range].shade-slider:focus {
  outline: none !important;
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
}
input[type=range].shade-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 60px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #ffeddf;
  background: -moz-linear-gradient(left, #ffeddf 0%, #d8ad74 50%, #4b2905 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #ffeddf), color-stop(50%, #d8ad74), color-stop(100%, #4b2905));
  background: -webkit-linear-gradient(left, #ffeddf 0%, #d8ad74 50%, #4b2905 100%);
  background: -o-linear-gradient(left, #ffeddf 0%, #d8ad74 50%, #4b2905 100%);
  background: -ms-linear-gradient(left, #ffeddf 0%, #d8ad74 50%, #4b2905 100%);
  background: linear-gradient(to right, #ffeddf 0%, #d8ad74 50%, #4b2905 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeddf', endColorstr='#4b2905', GradientType=1);
  border: 0px solid rgba(0, 0, 0, 0);
}
input[type=range].shade-slider::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
  border: 5px solid rgba(255, 255, 255, 0.5);
  height: 60px;
  width: 60px;
  background: rgba(255, 255, 255, 0);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: 0px;
}
input[type=range].shade-slider::-moz-range-track {
  width: 100%;
  height: 60px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  /*background: #ff0000;*/
  background: #ffeddf;
  background: -moz-linear-gradient(left, #ffeddf 0%, #d8ad74 50%, #4b2905 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #ffeddf), color-stop(50%, #d8ad74), color-stop(100%, #4b2905));
  background: -webkit-linear-gradient(left, #ffeddf 0%, #d8ad74 50%, #4b2905 100%);
  background: -o-linear-gradient(left, #ffeddf 0%, #d8ad74 50%, #4b2905 100%);
  background: -ms-linear-gradient(left, #ffeddf 0%, #d8ad74 50%, #4b2905 100%);
  background: linear-gradient(to right, #ffeddf 0%, #d8ad74 50%, #4b2905 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeddf', endColorstr='#4b2905', GradientType=1);
  border: 0px solid rgba(0, 0, 0, 0);
}
input[type=range].shade-slider::-moz-focus-outer {
  border: 0;
}
input[type=range].shade-slider::-moz-range-thumb {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
  border: 5px solid rgba(255, 255, 255, 0.5);
  height: 60px;
  width: 60px;
  background: rgba(255, 255, 255, 0);
  cursor: pointer;
}
input[type=range].shade-slider::-ms-track {
  width: 100%;
  height: 60px;
  cursor: pointer;
  background: -ms-linear-gradient(left, #ffeddf 0%, #d8ad74 50%, #4b2905 100%);
  border-color: transparent;
  color: transparent;
}
input[type=range].shade-slider::-ms-thumb {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
  border: 5px solid rgba(255, 255, 255, 0.5);
  width: 60px;
  background: rgba(255, 255, 255, 0);
  cursor: pointer;
  height: 60px;
}
.sweep_stakes .onomie-guarantee {
  display: none !important;
}
.partnerships-page #Main {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.partnerships-page .half-span.hero.bg-photo {
  height: 100%;
  background-position-y: 100%;
  background-size: cover;
}
.partnerships-page .half-span.text-content .text {
  margin-top: 40px;
}
.partnerships-page .half-span.text-content .text .paragraph-content {
  margin-top: 40px;
}
.partnerships-page .button {
  margin-top: 20px;
}
/* specific pages*/
.equinox_partnership .onomie-guarantee {
  margin-top: 80px;
}
.desktop .partnerships-page #Main,
.tablet .partnerships-page #Main {
  min-height: calc(100vh - 80px);
}
.desktop .partnerships-page .half-span.hero.bg-photo,
.tablet .partnerships-page .half-span.hero.bg-photo {
  min-height: calc(100vh - 80px);
}
.desktop .partnerships-page .text,
.tablet .partnerships-page .text {
  width: 75%;
  margin: 0 auto;
  text-align: left;
}
.desktop .partnerships-page form,
.tablet .partnerships-page form {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.phone .partnerships-page #Main {
  min-height: calc(100vh - 60px);
}
.phone .partnerships-page .half-span.hero.bg-photo {
  height: 50vh;
}
.phone .partnerships-page .half-span.text-content {
  max-width: calc(100vw - 40px);
  margin: 0 20px;
  padding-top: 40px;
}
.sweep_stakes .onomie-guarantee {
  display: none !important;
}

.onomie-guarantee .padded-full-span { max-width: 1140px; text-align: left; }
.desktop .onomie-guarantee .padded-full-span { display: flex; justify-content: space-between; }
.onomie-guarantee .padded-full-span > .onomie-guarantee__block + .onomie-guarantee__block { margin-top: 20px; }
.desktop .onomie-guarantee .padded-full-span > .onomie-guarantee__block + .onomie-guarantee__block { margin-top: 0; margin-left: 30px; }
.onomie-guarantee .onomie-mark { text-align: center; }
.desktop .onomie-guarantee .onomie-mark { margin-right: 100px; }
.desktop .onomie-guarantee .onomie-guarantee__block ~ .onomie-guarantee__block { width: 35%; }
.onomie-guarantee .onomie-guarantee__block .title { font-size: 16px; border-bottom: 1px solid #333333; padding-bottom: 10px; }
.onomie-guarantee .onomie-guarantee__block p { margin-bottom: 20px; font-size: 12px; }
.onomie-guarantee .onomie-guarantee__block small { font-size: 9px; }
.onomie-guarantee .onomie-guarantee__block input { width: 100% !important; max-width: none !important; padding: 0 20px !important; }
.onomie-guarantee .onomie-guarantee__block input[readonly] { color: #9B9B9B !important; }

.header .button.transparent, .header .button.transparent:hover { width: auto; height: 47px; padding: 0 20px; text-decoration: none; }
.main-nav-container .button.transparent { margin: 20px 0 10px; }

body.holiday_promo .header, body.holiday_promo .onomie-guarantee, body.holiday_promo .footer { display: none !important; }
body.holiday_promo .holiday-promo-header { position: absolute; z-index: 1; top: 0; left: 0; width: 200px; }
body.holiday_promo .holiday-promo-footer { background: #cd8d74 url('https://s3.amazonaws.com/onm/holiday-promo/holidaypromo-lp-footer.jpg'); background-size: cover; padding: 100px 0; text-align: center; }
body.holiday_promo .holiday-promo-footer .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.2); }
body.holiday_promo .holiday-promo-footer img { width: 120px; }

#HomepageBanner .overlay.dark { background: rgba(0,0,0,0.2); }
#HomepageBanner .overlay.dark .text .title, #HomepageBanner .overlay.dark .text .subtitle { color: #fff; }
#HomepageBanner .overlay.dark #ShopNow { background-color: #ffffff; border: none; color: #333333; }
#HomepageBanner .overlay.dark #ShopNow:hover { color: #666; }

body.holiday_promo #HomepageBanner { min-height: 460px; height: calc(100vh - 80px); height: -moz-calc(100vh - 80px); height: -webkit-calc(100vh - 80px); height: -o-calc(100vh - 80px); content: 'viewport-units-buggyfill; height: calc(100vh - 80px);'; background-position: 100% 50%; }
body.holiday_promo #HomepageBanner .overlay .text .huge.title { font-size: 10em; }
body.holiday_promo #HomepageBanner .overlay .text .title, body.holiday_promo #HomepageBanner .overlay .text .subtitle { font-weight: normal; }
body.holiday_promo #HomepageBanner .overlay .text #ProtectSkin { margin-bottom: 10px; }

.phone #HomepageBanner .overlay .text .title { font-size: 4em !important; }
.phone #HomepageBanner .overlay .text .subtitle { line-height: 1.2em; }

body.holiday_promo .split-banner { margin-top: 40px; }
body.holiday_promo .split-banner .half-span { height: auto; min-height: 55vh; }
body.holiday_promo .email-subscription-confirmation { margin-top: 40px; }
body.holiday_promo .split-banner .half-span .text .email-subscription-btn { margin-top: 20px; }

body.holiday_promo .category-row { margin: 40px auto; max-width: 100vw; align-items: flex-start; }
body.holiday_promo .category-product-item { padding: 0 20px; }
body.holiday_promo .category-product-item .text { text-align: center; padding: 0 20px; margin: 0 auto; }
body.holiday_promo .category-product-item .photo { opacity: 1; margin-bottom: 20px; height: 400px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; }
body.holiday_promo .category-product-item .button { margin: 20px auto; }

.button.red { background: #900a0a; border-color: #900a0a; color: #fff !important; }
.button.grey { background: #999999; border-color: #999999; color: #fff !important; }

body.holiday_promo .all-sales-final { background: #900a0a; color: #fff; height: 30px; line-height: 30px; font-size: 1.2em; text-align: center; width: 100%; }

[data-link] { cursor: pointer; }

.shade-selector-dropdown { z-index: auto; }
.shade-selector-dropdown.active .dropdown { z-index: 1; }

.shade-selector-row .square-row {flex-flow: wrap; max-width: 410px;}
.shade-selector-square {margin-bottom: 10px;}

#Product103 .shade-selector.bundle-product-id-100,
#Product103 .shade-selector.bundle-product-id-98,
#Product103 .shade-selector.bundle-product-id-82,
#Product103 .shade-selector .shade-selector-square[data-color-code="1003"],
#Product104 .shade-selector .shade-selector-square[data-color-code="1003"],
#Product105 .shade-selector.bundle-product-id-100,
#Product105 .shade-selector.bundle-product-id-82 {
	display: none;
}