/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
@import url("https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800,900");
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
  margin: 0; }

/* =============================================================================
   Links
   ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
  margin: 0; }

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
  quotes: none; }

/* 2 */
q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/*
 * Addresses paddings set differently in IE6/7
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0; }

/*
 * Define consistent border, margin, and padding
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
  line-height: normal;
  /* 1 */ }

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
  /* 3 */ }

/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* =============================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'Linearicons';
  src: url("../fonts/linear/Linearicons-Free.eot?w118d");
  src: url("../fonts/linear/Linearicons-Free.eot?#iefixw118d") format("embedded-opentype"), url("../fonts/linear/Linearicons-Free.woff2?w118d") format("woff2"), url("../fonts/linear/Linearicons-Free.woff?w118d") format("woff"), url("../fonts/linear/Linearicons-Free.ttf?w118d") format("truetype"), url("../fonts/linear/Linearicons-Free.svg?w118d#Linearicons-Free") format("svg");
  font-weight: normal;
  font-style: normal; }

.lnr {
  font-family: 'Linearicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.lnr-home:before {
  content: "\e800"; }

.lnr-apartment:before {
  content: "\e801"; }

.lnr-pencil:before {
  content: "\e802"; }

.lnr-magic-wand:before {
  content: "\e803"; }

.lnr-drop:before {
  content: "\e804"; }

.lnr-lighter:before {
  content: "\e805"; }

.lnr-poop:before {
  content: "\e806"; }

.lnr-sun:before {
  content: "\e807"; }

.lnr-moon:before {
  content: "\e808"; }

.lnr-cloud:before {
  content: "\e809"; }

.lnr-cloud-upload:before {
  content: "\e80a"; }

.lnr-cloud-download:before {
  content: "\e80b"; }

.lnr-cloud-sync:before {
  content: "\e80c"; }

.lnr-cloud-check:before {
  content: "\e80d"; }

.lnr-database:before {
  content: "\e80e"; }

.lnr-lock:before {
  content: "\e80f"; }

.lnr-cog:before {
  content: "\e810"; }

.lnr-trash:before {
  content: "\e811"; }

.lnr-dice:before {
  content: "\e812"; }

.lnr-heart:before {
  content: "\e813"; }

.lnr-star:before {
  content: "\e814"; }

.lnr-star-half:before {
  content: "\e815"; }

.lnr-star-empty:before {
  content: "\e816"; }

.lnr-flag:before {
  content: "\e817"; }

.lnr-envelope:before {
  content: "\e818"; }

.lnr-paperclip:before {
  content: "\e819"; }

.lnr-inbox:before {
  content: "\e81a"; }

.lnr-eye:before {
  content: "\e81b"; }

.lnr-printer:before {
  content: "\e81c"; }

.lnr-file-empty:before {
  content: "\e81d"; }

.lnr-file-add:before {
  content: "\e81e"; }

.lnr-enter:before {
  content: "\e81f"; }

.lnr-exit:before {
  content: "\e820"; }

.lnr-graduation-hat:before {
  content: "\e821"; }

.lnr-license:before {
  content: "\e822"; }

.lnr-music-note:before {
  content: "\e823"; }

.lnr-film-play:before {
  content: "\e824"; }

.lnr-camera-video:before {
  content: "\e825"; }

.lnr-camera:before {
  content: "\e826"; }

.lnr-picture:before {
  content: "\e827"; }

.lnr-book:before {
  content: "\e828"; }

.lnr-bookmark:before {
  content: "\e829"; }

.lnr-user:before {
  content: "\e82a"; }

.lnr-users:before {
  content: "\e82b"; }

.lnr-shirt:before {
  content: "\e82c"; }

.lnr-store:before {
  content: "\e82d"; }

.lnr-cart:before {
  content: "\e82e"; }

.lnr-tag:before {
  content: "\e82f"; }

.lnr-phone-handset:before {
  content: "\e830"; }

.lnr-phone:before {
  content: "\e831"; }

.lnr-pushpin:before {
  content: "\e832"; }

.lnr-map-marker:before {
  content: "\e833"; }

.lnr-map:before {
  content: "\e834"; }

.lnr-location:before {
  content: "\e835"; }

.lnr-calendar-full:before {
  content: "\e836"; }

.lnr-keyboard:before {
  content: "\e837"; }

.lnr-spell-check:before {
  content: "\e838"; }

.lnr-screen:before {
  content: "\e839"; }

.lnr-smartphone:before {
  content: "\e83a"; }

.lnr-tablet:before {
  content: "\e83b"; }

.lnr-laptop:before {
  content: "\e83c"; }

.lnr-laptop-phone:before {
  content: "\e83d"; }

.lnr-power-switch:before {
  content: "\e83e"; }

.lnr-bubble:before {
  content: "\e83f"; }

.lnr-heart-pulse:before {
  content: "\e840"; }

.lnr-construction:before {
  content: "\e841"; }

.lnr-pie-chart:before {
  content: "\e842"; }

.lnr-chart-bars:before {
  content: "\e843"; }

.lnr-gift:before {
  content: "\e844"; }

.lnr-diamond:before {
  content: "\e845"; }

.lnr-linearicons:before {
  content: "\e846"; }

.lnr-dinner:before {
  content: "\e847"; }

.lnr-coffee-cup:before {
  content: "\e848"; }

.lnr-leaf:before {
  content: "\e849"; }

.lnr-paw:before {
  content: "\e84a"; }

.lnr-rocket:before {
  content: "\e84b"; }

.lnr-briefcase:before {
  content: "\e84c"; }

.lnr-bus:before {
  content: "\e84d"; }

.lnr-car:before {
  content: "\e84e"; }

.lnr-train:before {
  content: "\e84f"; }

.lnr-bicycle:before {
  content: "\e850"; }

.lnr-wheelchair:before {
  content: "\e851"; }

.lnr-select:before {
  content: "\e852"; }

.lnr-earth:before {
  content: "\e853"; }

.lnr-smile:before {
  content: "\e854"; }

.lnr-sad:before {
  content: "\e855"; }

.lnr-neutral:before {
  content: "\e856"; }

.lnr-mustache:before {
  content: "\e857"; }

.lnr-alarm:before {
  content: "\e858"; }

.lnr-bullhorn:before {
  content: "\e859"; }

.lnr-volume-high:before {
  content: "\e85a"; }

.lnr-volume-medium:before {
  content: "\e85b"; }

.lnr-volume-low:before {
  content: "\e85c"; }

.lnr-volume:before {
  content: "\e85d"; }

.lnr-mic:before {
  content: "\e85e"; }

.lnr-hourglass:before {
  content: "\e85f"; }

.lnr-undo:before {
  content: "\e860"; }

.lnr-redo:before {
  content: "\e861"; }

.lnr-sync:before {
  content: "\e862"; }

.lnr-history:before {
  content: "\e863"; }

.lnr-clock:before {
  content: "\e864"; }

.lnr-download:before {
  content: "\e865"; }

.lnr-upload:before {
  content: "\e866"; }

.lnr-enter-down:before {
  content: "\e867"; }

.lnr-exit-up:before {
  content: "\e868"; }

.lnr-bug:before {
  content: "\e869"; }

.lnr-code:before {
  content: "\e86a"; }

.lnr-link:before {
  content: "\e86b"; }

.lnr-unlink:before {
  content: "\e86c"; }

.lnr-thumbs-up:before {
  content: "\e86d"; }

.lnr-thumbs-down:before {
  content: "\e86e"; }

.lnr-magnifier:before {
  content: "\e86f"; }

.lnr-cross:before {
  content: "\e870"; }

.lnr-menu:before {
  content: "\e871"; }

.lnr-list:before {
  content: "\e872"; }

.lnr-chevron-up:before {
  content: "\e873"; }

.lnr-chevron-down:before {
  content: "\e874"; }

.lnr-chevron-left:before {
  content: "\e875"; }

.lnr-chevron-right:before {
  content: "\e876"; }

.lnr-arrow-up:before {
  content: "\e877"; }

.lnr-arrow-down:before {
  content: "\e878"; }

.lnr-arrow-left:before {
  content: "\e879"; }

.lnr-arrow-right:before {
  content: "\e87a"; }

.lnr-move:before {
  content: "\e87b"; }

.lnr-warning:before {
  content: "\e87c"; }

.lnr-question-circle:before {
  content: "\e87d"; }

.lnr-menu-circle:before {
  content: "\e87e"; }

.lnr-checkmark-circle:before {
  content: "\e87f"; }

.lnr-cross-circle:before {
  content: "\e880"; }

.lnr-plus-circle:before {
  content: "\e881"; }

.lnr-circle-minus:before {
  content: "\e882"; }

.lnr-arrow-up-circle:before {
  content: "\e883"; }

.lnr-arrow-down-circle:before {
  content: "\e884"; }

.lnr-arrow-left-circle:before {
  content: "\e885"; }

.lnr-arrow-right-circle:before {
  content: "\e886"; }

.lnr-chevron-up-circle:before {
  content: "\e887"; }

.lnr-chevron-down-circle:before {
  content: "\e888"; }

.lnr-chevron-left-circle:before {
  content: "\e889"; }

.lnr-chevron-right-circle:before {
  content: "\e88a"; }

.lnr-crop:before {
  content: "\e88b"; }

.lnr-frame-expand:before {
  content: "\e88c"; }

.lnr-frame-contract:before {
  content: "\e88d"; }

.lnr-layers:before {
  content: "\e88e"; }

.lnr-funnel:before {
  content: "\e88f"; }

.lnr-text-format:before {
  content: "\e890"; }

.lnr-text-format-remove:before {
  content: "\e891"; }

.lnr-text-size:before {
  content: "\e892"; }

.lnr-bold:before {
  content: "\e893"; }

.lnr-italic:before {
  content: "\e894"; }

.lnr-underline:before {
  content: "\e895"; }

.lnr-strikethrough:before {
  content: "\e896"; }

.lnr-highlight:before {
  content: "\e897"; }

.lnr-text-align-left:before {
  content: "\e898"; }

.lnr-text-align-center:before {
  content: "\e899"; }

.lnr-text-align-right:before {
  content: "\e89a"; }

.lnr-text-align-justify:before {
  content: "\e89b"; }

.lnr-line-spacing:before {
  content: "\e89c"; }

.lnr-indent-increase:before {
  content: "\e89d"; }

.lnr-indent-decrease:before {
  content: "\e89e"; }

.lnr-pilcrow:before {
  content: "\e89f"; }

.lnr-direction-ltr:before {
  content: "\e8a0"; }

.lnr-direction-rtl:before {
  content: "\e8a1"; }

.lnr-page-break:before {
  content: "\e8a2"; }

.lnr-sort-alpha-asc:before {
  content: "\e8a3"; }

.lnr-sort-amount-asc:before {
  content: "\e8a4"; }

.lnr-hand:before {
  content: "\e8a5"; }

.lnr-pointer-up:before {
  content: "\e8a6"; }

.lnr-pointer-right:before {
  content: "\e8a7"; }

.lnr-pointer-down:before {
  content: "\e8a8"; }

.lnr-pointer-left:before {
  content: "\e8a9"; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot");
  src: url("../fonts/icomoon/icomoon.eot") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf") format("truetype"), url("../fonts/icomoon/icomoon.woff") format("woff"), url("../fonts/icomoon/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-chevron-up:before {
  content: "\e90c"; }

.icon-area:before {
  content: "\e90f"; }

.icon-bounding-box:before {
  content: "\e910"; }

.icon-comment-question:before {
  content: "\e911"; }

.icon-comment-write:before {
  content: "\e912"; }

.icon-cross-circle:before {
  content: "\e913"; }

.icon-double-chevron:before {
  content: "\e914"; }

.icon-dropper:before {
  content: "\e915"; }

.icon-email:before {
  content: "\e916"; }

.icon-expand:before {
  content: "\e917"; }

.icon-headset:before {
  content: "\e918"; }

.icon-heart-circle:before {
  content: "\e919"; }

.icon-lightbulb:before {
  content: "\e91a"; }

.icon-lock:before {
  content: "\e91b"; }

.icon-notes:before {
  content: "\e91c"; }

.icon-question-circle:before {
  content: "\e91d"; }

.icon-tags:before {
  content: "\e91e"; }

.icon-weight:before {
  content: "\e90d"; }

.icon-tools:before {
  content: "\e90e"; }

.icon-badge:before {
  content: "\e900"; }

.icon-box:before {
  content: "\e901"; }

.icon-cart:before {
  content: "\e902"; }

.icon-clock:before {
  content: "\e903"; }

.icon-drafting:before {
  content: "\e904"; }

.icon-drill:before {
  content: "\e905"; }

.icon-helmet:before {
  content: "\e906"; }

.icon-mouse:before {
  content: "\e907"; }

.icon-screwdriver:before {
  content: "\e908"; }

.icon-shipping:before {
  content: "\e909"; }

.icon-trowel:before {
  content: "\e90a"; }

.icon-upload:before {
  content: "\e90b"; }

/* Colors */
/* EC theme color*/
.btn {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  padding: 10px 35px;
  font-size: 0.9375em;
  display: inline-block;
  cursor: pointer;
  background: #B6CCC2; }
  .btn.tiny {
    font-size: 0.875em;
    padding: 8px 12px; }
  .btn.small {
    font-size: 1em;
    padding: 16px 34px; }
  .btn.red {
    background: #B6CCC2; }
    .btn.red:hover, .btn.red:focus {
      background: #a1bdb0; }
  .btn.blue {
    background: #C5D4E2;
    color: #FFFFFF; }
    .btn.blue:hover, .btn.blue:focus {
      background: #adc2d6; }
  .btn.white {
    background: #fff;
    color: #000000; }
  .btn.green {
    background: #B6CCC2; }
  .btn.black {
    background: #000000; }
  .btn[class*="-open"] {
    border-width: 3px;
    border-style: solid;
    background: transparent;
    padding: 17px 59px; }
    .btn[class*="-open"].small {
      padding: 13px 31px; }
    .btn[class*="-open"].tiny {
      padding: 8px 12px; }
    .btn[class*="-open"]:hover, .btn[class*="-open"]:focus {
      color: #fff; }
  .btn.blue-open {
    border-color: #C5D4E2;
    color: #C5D4E2; }
    .btn.blue-open:hover, .btn.blue-open:focus {
      background: #C5D4E2; }
  .btn.red-open {
    border-color: #C42523;
    color: #C42523; }
    .btn.red-open:hover, .btn.red-open:focus {
      background: #C42523; }
  .btn.white-open {
    border-color: #fff;
    color: #fff; }
    .btn.white-open:hover, .btn.white-open:focus {
      background: #fff;
      color: #C42523; }
  .btn img {
    max-width: 60px;
    vertical-align: middle;
    margin-left: 6px; }
  .btn p {
    font-size: 1em;
    margin-bottom: 0; }
  .btn span {
    display: block;
    font-size: 0.75em;
    font-weight: 400; }
  .btn:disabled {
    opacity: .5; }

.tool-bar i.fa, .tool-bar .icon-btn {
  cursor: pointer; }

/* Colors */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 50px;
  display: block;
  line-height: 1em;
  width: 100%;
  box-shadow: none;
  border-radius: 5px;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875em;
  background-color: #FFFFFF;
  border: 2px solid #D0D1D2;
  padding: 12px 10px;
  margin: 10px 0 15px 0; }
  input[type="text"][disabled], input[type="text"].is-disabled,
  input[type="password"][disabled],
  input[type="password"].is-disabled,
  input[type="datetime"][disabled],
  input[type="datetime"].is-disabled,
  input[type="datetime-local"][disabled],
  input[type="datetime-local"].is-disabled,
  input[type="date"][disabled],
  input[type="date"].is-disabled,
  input[type="month"][disabled],
  input[type="month"].is-disabled,
  input[type="time"][disabled],
  input[type="time"].is-disabled,
  input[type="week"][disabled],
  input[type="week"].is-disabled,
  input[type="number"][disabled],
  input[type="number"].is-disabled,
  input[type="email"][disabled],
  input[type="email"].is-disabled,
  input[type="url"][disabled],
  input[type="url"].is-disabled,
  input[type="search"][disabled],
  input[type="search"].is-disabled,
  input[type="tel"][disabled],
  input[type="tel"].is-disabled,
  input[type="color"][disabled],
  input[type="color"].is-disabled,
  select[disabled],
  select.is-disabled,
  textarea[disabled],
  textarea.is-disabled,
  .field[disabled],
  .field.is-disabled {
    cursor: not-allowed;
    border-color: #ccc;
    opacity: 0.6; }

input[type="radio"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #F9F9F9;
  border: 1px solid #D0D1D2;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: inline-block;
  outline: none;
  vertical-align: middle; }
  input[type="radio"]:checked {
    border: 2px solid #C5D4E2;
    background-image: url("../img/radio-dot.png");
    background-position: center center;
    background-repeat: no-repeat; }
  input[type="radio"][disabled], input[type="radio"].is-disabled {
    border: 2px solid #C5D4E2;
    background-image: url("../img/radio-dot.png");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .3; }

input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #F9F9F9;
  border: 1px solid #D0D1D2;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  outline: none; }
  input[type="checkbox"]:checked {
    border: 2px solid #C5D4E2;
    background-image: url("../img/check.png");
    background-size: 16px;
    background-position: center center;
    background-repeat: no-repeat; }
  input[type="checkbox"][disabled], input[type="checkbox"].is-disabled {
    border: 2px solid #C5D4E2;
    background-image: url("../img/check.png");
    background-size: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .3; }

select {
  background-image: url("../img/chevron-down.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 22px;
  padding-right: 32px;
  cursor: pointer; }
  select::-ms-expand {
    display: none; }

label {
  font-weight: 700; }

textarea {
  height: 240px;
  resize: vertical; }

.required span.asterisk {
  color: #C42523; }

.no-label-offset {
  text-align: left; }
  .no-label-offset label {
    width: 100%;
    text-align: left; }

.input-holder {
  position: relative;
  margin-top: 30px; }
  .input-holder label {
    text-align: left;
    float: left; }
  .input-holder .pw-toggle {
    position: absolute;
    bottom: 12px;
    right: 12px; }

.input-holder:first-of-type {
  margin-top: 0; }

.errorlist {
  list-style-type: none;
  color: #C42523;
  padding: 0;
  margin: 0; }

.invalid-email-address:after {
  content: 'Invalid email address. Please correct and try again.';
  font-family: "Montserrat", sans-serif;
  color: #C42523;
  text-align: right;
  width: 100%; }

.invalid-phone-number:after {
  content: 'Invalid phone #. Please correct and try again.';
  font-family: "Montserrat", sans-serif;
  font-size: 23px;
  color: #C42523;
  text-align: right;
  width: 100%; }

.please-review:after {
  content: 'Please review the above and then check this box to confirm that you agree.';
  font-family: "Montserrat", sans-serif;
  font-size: 23px;
  color: #C42523;
  text-align: right;
  width: 100%; }

.radio-set span {
  font-weight: 700;
  margin-bottom: 10px; }

.radio-set label {
  margin-bottom: 10px;
  display: block; }

.radio-set input {
  margin-right: 10px; }

.radio-set.flex span {
  margin-bottom: 0; }

.radio-set.flex .label {
  width: auto;
  display: inline-block;
  float: left;
  text-transform: uppercase; }

.radio-set.flex .radios {
  width: 100%;
  text-align: left;
  clear: both; }
  .radio-set.flex .radios label {
    display: inline-block;
    margin-right: 16px;
    cursor: pointer; }
  .radio-set.flex .radios .sc-radio img {
    max-width: 36px;
    margin-left: 10px;
    margin-bottom: 5px;
    vertical-align: middle; }
  .radio-set.flex .radios .sc-radio .credit-card {
    max-width: 72px; }
  .radio-set.flex .radios .sc-radio .paypal {
    max-width: 100px; }

.combodate {
  width: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  .combodate select {
    width: 50% !important;
    display: inline-block; }

fieldset {
  max-width: 806px;
  margin: 0 auto;
  border: 0; }
  fieldset#cart-form {
    border-bottom: 1px solid #D0D1D2; }

legend {
  border-bottom: 1px solid #D0D1D2;
  width: 100%;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 24px;
  font-size: 1.125em;
  margin-bottom: 20px; }
  legend:after {
    display: table;
    content: '';
    clear: both; }
  legend div {
    float: right;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 105px; }
    legend div img {
      max-width: 36px;
      margin-left: 10px;
      margin-bottom: 5px; }

.g-recaptcha {
  margin-bottom: 25px; }

.field-table {
  margin-bottom: 22px; }

#id_CVV2 {
  width: 100px; }

.bootstrap-datetimepicker-widget {
  position: absolute;
  z-index: 1;
  width: 100%;
  max-width: 420px;
  left: 0 !important;
  top: 100% !important;
  bottom: auto !important;
  background: #fff;
  box-shadow: 0 2px 34px 0 rgba(54, 56, 62, 0.2); }
  .bootstrap-datetimepicker-widget .prev, .bootstrap-datetimepicker-widget .next, .bootstrap-datetimepicker-widget .picker-switch {
    cursor: pointer;
    text-align: center; }
  .bootstrap-datetimepicker-widget th {
    padding: 10px; }
  .bootstrap-datetimepicker-widget .dow {
    text-align: center; }
  .bootstrap-datetimepicker-widget .day {
    cursor: pointer;
    text-align: center;
    padding: 10px; }
    .bootstrap-datetimepicker-widget .day.disabled {
      cursor: default; }
    .bootstrap-datetimepicker-widget .day.today {
      background: #C42523;
      color: #fff; }
    .bootstrap-datetimepicker-widget .day.current, .bootstrap-datetimepicker-widget .day.active {
      background: #C5D4E2;
      color: #fff; }
  .bootstrap-datetimepicker-widget .datepicker-decades tbody span, .bootstrap-datetimepicker-widget .datepicker-years tbody span, .bootstrap-datetimepicker-widget .datepicker-months tbody span {
    display: none; }
    .bootstrap-datetimepicker-widget .datepicker-decades tbody span.month, .bootstrap-datetimepicker-widget .datepicker-decades tbody span.year, .bootstrap-datetimepicker-widget .datepicker-decades tbody span.decade, .bootstrap-datetimepicker-widget .datepicker-years tbody span.month, .bootstrap-datetimepicker-widget .datepicker-years tbody span.year, .bootstrap-datetimepicker-widget .datepicker-years tbody span.decade, .bootstrap-datetimepicker-widget .datepicker-months tbody span.month, .bootstrap-datetimepicker-widget .datepicker-months tbody span.year, .bootstrap-datetimepicker-widget .datepicker-months tbody span.decade {
      cursor: pointer;
      font-size: 0.875em;
      text-align: center;
      display: inline-block;
      width: 16.6%;
      margin: 3px 0; }
      .bootstrap-datetimepicker-widget .datepicker-decades tbody span.month.active, .bootstrap-datetimepicker-widget .datepicker-decades tbody span.year.active, .bootstrap-datetimepicker-widget .datepicker-decades tbody span.decade.active, .bootstrap-datetimepicker-widget .datepicker-years tbody span.month.active, .bootstrap-datetimepicker-widget .datepicker-years tbody span.year.active, .bootstrap-datetimepicker-widget .datepicker-years tbody span.decade.active, .bootstrap-datetimepicker-widget .datepicker-months tbody span.month.active, .bootstrap-datetimepicker-widget .datepicker-months tbody span.year.active, .bootstrap-datetimepicker-widget .datepicker-months tbody span.decade.active {
        background-color: #C42523;
        color: #fff; }

.smarty-ui {
  z-index: 1; }

.one-line {
  display: -webkit-flex;
  display: flex; }
  .one-line input {
    height: 64px;
    font-weight: 700;
    min-width: 76.4%; }
    .one-line input::-webkit-input-placeholder {
      color: #757575; }
    .one-line input:-moz-placeholder {
      color: #757575; }
    .one-line input::-moz-placeholder {
      color: #757575; }
    .one-line input:-ms-input-placeholder {
      color: #757575; }
  .one-line .btn {
    min-width: 23.6%;
    padding: 17px; }
    .one-line .btn p {
      display: none; }

@media only screen and (min-width: 768px) {
  .combodate {
    width: 50%; }
  .input-holder label {
    text-align: right;
    float: none; }
    .input-holder label.error {
      font-weight: 400;
      color: #C42523; }
  .input-holder.textarea {
    -webkit-align-items: flex-start;
    align-items: flex-start; }
    .input-holder.textarea label {
      margin-top: 8px; }
    .input-holder.textarea textarea {
      min-height: 240px; }
  .radio-set.flex {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
    .radio-set.flex .label {
      width: 20%;
      float: none;
      text-align: right; }
    .radio-set.flex .radios {
      width: 76%; }
  legend div {
    width: auto; }
  .one-line .btn p {
    display: block; }
  .one-line .btn i {
    display: none; } }

.checkout-form label {
  font-weight: 700; }

.checkout-form .btn {
  margin-bottom: 10px; }
  .checkout-form .btn#prevstep {
    float: left; }
  .checkout-form .btn#nextstep {
    float: right; }

#secure-checkout {
  max-width: 460px; }
  #secure-checkout .btn {
    margin-top: 60px;
    margin-left: 0;
    width: 100%; }

#payment-form .form-foot {
  max-width: 10000px; }
  #payment-form .form-foot .no-label-offset {
    display: block !important;
    text-align: center; }
  #payment-form .form-foot .no-label-offset label, #payment-form .form-foot .btn, #payment-form .form-foot .btn + small {
    width: 400px; }
  #payment-form .form-foot .btn.back-to-shipping {
    float: left;
    color: white;
    margin-left: 1%; }
  #payment-form .form-foot .btn.process-order {
    float: right;
    margin-right: 1%; }
  @media screen and (max-width: 768px) {
    #payment-form .form-foot .btn {
      margin: 8px auto !important;
      float: none !important; } }
  #payment-form .form-foot img {
    float: right; }

.dropdown-block {
  margin-bottom: 30px;
  margin-right: 16px; }
  .dropdown-block.hide-it {
    display: none !important; }

#kitfilterform {
  display: flex;
  flex-wrap: wrap; }

#email-error {
  color: #ce0000; }

#account-settings {
  margin: 25px 0; }
  #account-settings .input-holder {
    display: block; }
    #account-settings .input-holder input {
      width: 100%;
      margin-top: 5px; }
  #account-settings .error:after {
    content: ''; }
  #account-settings .contact-formset-user_contact {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    #account-settings .contact-formset-user_contact .input-holder {
      width: 90%; }
    #account-settings .contact-formset-user_contact > div:nth-of-type(2) {
      display: none; }
  #account-settings .remove-email {
    padding-top: 15px;
    font-size: 25px;
    margin-right: 10px; }
  #account-settings .add-email {
    margin-bottom: 15px; }
  #account-settings .submit-button {
    margin-top: 30px; }
    #account-settings .submit-button .btn {
      margin-left: 0; }
  @media only screen and (max-width: 586px) {
    #account-settings .remove-email {
      margin-right: 0; } }
  @media only screen and (min-width: 768px) {
    #account-settings .fieldset {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: flex-start;
      align-items: flex-start; }
    #account-settings .fieldset .half {
      width: 48%; } }

#customer-saved-payment-methods li {
  margin-bottom: 8px; }
  #customer-saved-payment-methods li > span:first-of-type {
    font-weight: bolder; }
  #customer-saved-payment-methods li > span:last-of-type {
    font-size: 14px; }

#customer-saved-payment-methods .fa {
  margin-left: 16px;
  font-size: 20px; }

#customer-saved-payment-methods .fa-trash {
  color: darkred;
  cursor: pointer; }
  #customer-saved-payment-methods .fa-trash:hover {
    color: darkgrey; }

/* 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: 500px;
  min-height: 1px;
  display: none;
  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;
    float: none; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick/slick.eot");
  src: url("../fonts/slick/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick/slick.woff") format("woff"), url("../fonts/slick/slick.ttf") format("truetype"), url("../fonts/slick/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 5; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      color: #C5D4E2; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: .5; }
  .slick-prev:before,
  .slick-next:before {
    font-family: 'Linearicons';
    font-size: 32px;
    line-height: 1;
    color: #000000; }

.slick-prev {
  left: -9px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -9px; }
  .slick-prev:before {
    content: "\e875"; }
    [dir="rtl"] .slick-prev:before {
      content: "\e876"; }

.slick-next {
  right: -9px; }
  [dir="rtl"] .slick-next {
    left: -9px;
    right: auto; }
  .slick-next:before {
    content: "\e876"; }
    [dir="rtl"] .slick-next:before {
      content: "\e875"; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -38px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 8px;
    width: 8px;
    margin: 0 4px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 8px;
      width: 8px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }

/* Colors */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  outline: none; }

html, body {
  font-family: "Montserrat", sans-serif;
  color: #000000; }
  html.overflow, body.overflow {
    overflow: hidden; }

main, .cf {
  clear: both;
  zoom: 1; }
  main:before, main:after, .cf:before, .cf:after {
    content: "";
    display: table;
    clear: both; }

.screen-reader {
  position: fixed;
  left: -9999px; }

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-weight: 600;
  margin: 0; }

h2 {
  font-size: 1.5625em; }

a {
  text-decoration: none;
  color: #000000; }

a:focus {
  outline: none; }

small {
  font-size: 0.8125em;
  line-height: 1.9em; }

ul.no-style, ul.list-unstyled, ol.no-style, ol.list-unstyled {
  list-style-type: none;
  padding-left: 0; }

.bnb {
  text-transform: uppercase;
  font-weight: 900; }

p.bnb {
  font-weight: 700; }

.nobr {
  white-space: nowrap; }

.desk-only {
  display: none; }

.full-width {
  width: 100%; }

.img-holder {
  overflow: hidden;
  display: inline-block;
  padding: 7px 0 0 0; }
  .img-holder img {
    display: inline-block;
    max-width: 200px;
    height: auto;
    max-height: 100%; }

iframe {
  background: none;
  border: 0;
  width: 100%; }

.video-holder .video {
  position: relative;
  width: 100%;
  padding-bottom: 64%;
  background: #000000; }
  .video-holder .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-width: 100%; }

.disabled {
  opacity: .2;
  cursor: default;
  pointer-events: none; }

table {
  background: #fff;
  width: 100%; }
  table th {
    border-bottom: 1px solid #D0D1D2;
    padding: 20px;
    font-size: 0.875em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left; }
  table td {
    font-size: 1.25em;
    border-bottom: 1px solid #D0D1D2;
    padding: 20px; }
    table td small {
      font-size: .65em; }
      table td small.by {
        margin: 0 20px; }
    table td .n-a {
      color: #D0D1D2; }
  table tr.no-border-bottom td {
    border-bottom: 0; }

span.sc-indicator {
  display: inline-block; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.strike {
  text-decoration: line-through; }

.red-text {
  color: #C42523; }

.blue-text {
  color: #C5D4E2; }

.green-text {
  color: #B6CCC2; }

.brown-text {
  color: #8C837B; }

.white-text {
  color: #fff !important; }

.uppercase {
  text-transform: uppercase; }

.lower {
  text-transform: lowercase; }

.justify-center {
  -webkit-justify-content: center;
  justify-content: center; }

.justify-evenly {
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly; }

.wrap {
  width: 90%;
  max-width: 1232px;
  margin: 0 auto; }
  .wrap section .container h1, .wrap section .container p {
    margin-bottom: 25px; }

header {
  background: #FFFFFF;
  color: #FFFFFF;
  text-transform: uppercase;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  min-height: 78px !important; }
  header .impersonation {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: auto;
    background-color: #8C837B;
    height: auto;
    padding: .5rem .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    header .impersonation .impersonate-left {
      text-align: left; }
    header .impersonation .impersonate-center {
      text-align: center; }
    header .impersonation .impersonate-right {
      text-align: right; }
    header .impersonation span {
      font-size: 1.5rem;
      padding-left: .5rem;
      font-weight: 900; }
    header .impersonation a.button {
      cursor: pointer;
      font-weight: 600;
      font-size: 1rem;
      text-align: center;
      border: 1px solid white;
      padding: .2rem .5rem;
      margin: .5rem 1rem .5rem 0;
      color: white;
      white-space: nowrap;
      display: inline-block; }
      header .impersonation a.button:hover {
        background-color: #C5D4E2; }
      header .impersonation a.button > i {
        margin-right: 4px; }
    header .impersonation > div {
      display: inline-block; }
    header .impersonation .impersonate-buttons {
      float: right; }
    header .impersonation .impersonate-button {
      display: inline-block; }
  header .top-bar {
    background-color: #B6CCC2;
    width: 100%;
    font-weight: 600;
    font-size: 15px; }
    header .top-bar .wrap {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: end;
      justify-content: end;
      -webkit-align-content: center;
      align-content: center;
      -webkit-align-items: center;
      align-items: center; }
      header .top-bar .wrap .main-logo {
        width: 100%;
        text-align: center; }
    header .top-bar a {
      color: inherit; }
      header .top-bar a.phone-number {
        border-right: #fff solid 2px;
        padding-right: 10px; }
        header .top-bar a.phone-number img.phone-number-icon {
          max-width: 30px;
          vertical-align: middle; }
    header .top-bar .header-contact {
      opacity: .4;
      font-size: 0.75em;
      font-weight: 600;
      font-size: 15px; }
      header .top-bar .header-contact p {
        margin-bottom: 10px; }
    header .top-bar .header-cart-btn {
      display: none; }
    header .top-bar .login, header .top-bar .logout, header .top-bar .profile {
      margin: 0;
      display: inline-block;
      height: 100%;
      font-weight: 600;
      text-transform: uppercase; }
    header .top-bar .login img, header .top-bar .logout img, header .top-bar .profile img {
      max-width: 30px;
      vertical-align: middle; }
    header .top-bar .my-designs-btn img {
      max-width: 20px;
      vertical-align: middle; }
    header .top-bar .btn {
      font-size: 0.75em;
      font-weight: 600;
      padding: 14px;
      letter-spacing: 0;
      margin-right: 10px; }
      header .top-bar .btn i {
        font-size: 0.875em;
        font-weight: 700;
        margin-right: 4px; }
    header .top-bar .mobile-contact {
      background: #FFFFFF;
      color: #000000;
      padding: 20px 0; }
      header .top-bar .mobile-contact .wrap {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-evenly;
        justify-content: space-evenly;
        -webkit-align-items: baseline;
        align-items: baseline;
        position: relative; }
        header .top-bar .mobile-contact .wrap .divider {
          position: absolute;
          bottom: 6px;
          border-right: #000000 solid 2px;
          height: 20px;
          width: 2px; }
        header .top-bar .mobile-contact .wrap .chat {
          margin-left: 0; }
          header .top-bar .mobile-contact .wrap .chat .tbChatText .tbChatOffline {
            color: #908f8f; }
          header .top-bar .mobile-contact .wrap .chat .tbChatText .tbChatOnline {
            display: none; }
  header .main-bar {
    width: 100%; }
    header .main-bar .mobile-wrap {
      padding: 20px 0;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
    @media screen and (max-height: 867px) {
      header .main-bar .desk-wrap .mobile-wrap {
        padding: 8px 0; }
      header .main-bar .desk-wrap a.img-holder > img {
        max-height: 50px; } }
  header nav {
    width: 100%;
    display: none; }
    header nav .menu-list {
      font-weight: 600;
      margin: 0;
      border-top: 2px lightgrey solid;
      padding-top: 15px; }
      header nav .menu-list li {
        padding-left: 15px;
        border-bottom: 2px lightgrey solid;
        padding-bottom: 15px; }
        header nav .menu-list li a {
          padding: 6px; }
        header nav .menu-list li + li {
          margin-top: 27px; }
      header nav .menu-list li.sub-menu {
        padding-left: 0; }
        header nav .menu-list li.sub-menu a {
          padding-left: 15px; }
          header nav .menu-list li.sub-menu a.open .fa-angle-down {
            transform: rotate(180deg); }
        header nav .menu-list li.sub-menu ul.dropdown-menu {
          padding-top: 10px;
          padding-left: 0;
          display: none; }
          header nav .menu-list li.sub-menu ul.dropdown-menu li:last-of-type {
            padding-bottom: 0;
            border-bottom: none; }
      header nav .menu-list > li:last-of-type {
        display: none; }
  header.open {
    height: 100vh;
    overflow-y: auto; }
    header.open .top-bar, header.open nav {
      display: block; }

.header-cart-btn {
  padding: 0 9px; }
  .header-cart-btn img {
    max-width: 30px;
    vertical-align: middle; }
  .header-cart-btn span {
    position: absolute;
    left: 22px;
    top: 0;
    color: #000000;
    background: #fff;
    width: 18px;
    height: 18px;
    border: 1px solid #000000;
    border-radius: 50%;
    font-size: 0.75em;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    margin: 0 4px; }

#mobile-menu-btn {
  cursor: pointer;
  display: inline-block; }
  #mobile-menu-btn .icon {
    display: inline-block;
    vertical-align: middle; }
    #mobile-menu-btn .icon span {
      height: 3px;
      width: 23px;
      border-radius: 25%;
      background: #fff;
      display: block; }
      #mobile-menu-btn .icon span:nth-of-type(2) {
        margin: 4px 0; }
  #mobile-menu-btn.open .icon span:nth-of-type(1) {
    -moz-transform: rotate(45degdeg);
    -o-transform: rotate(45degdeg);
    -ms-transform: rotate(45degdeg);
    -webkit-transform: rotate(45degdeg);
    transform: rotate(45degdeg);
    margin-bottom: -3px; }
  #mobile-menu-btn.open .icon span:nth-of-type(2) {
    display: none; }
  #mobile-menu-btn.open .icon span:nth-of-type(3) {
    -moz-transform: rotate(-45degdeg);
    -o-transform: rotate(-45degdeg);
    -ms-transform: rotate(-45degdeg);
    -webkit-transform: rotate(-45degdeg);
    transform: rotate(-45degdeg);
    margin-top: -3px; }

.icon-holder {
  font-size: 2.5em; }
  .icon-holder a {
    margin-right: 15px; }

.subtitle {
  letter-spacing: 1px;
  font-size: 0.875em;
  font-weight: 900;
  text-transform: uppercase; }

.title-holder > span {
  letter-spacing: 1px;
  font-size: 0.875em;
  font-weight: 900;
  text-transform: uppercase; }

.title-holder h2 {
  font-size: 2.25em;
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 1em; }

.title-holder > *.white {
  color: #fff; }

.title-holder > *.blue {
  color: #C5D4E2; }

.title-holder > *.red {
  color: #C42523; }

.title-holder > *.black {
  color: #000000; }

.banner {
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  position: relative;
  padding: 100px 0 194px; }
  .banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #36383E;
    opacity: .4;
    mix-blend-mode: multiply; }
  .banner .wrap {
    position: relative; }
  .banner .subtitle {
    font-size: 1em; }
  .banner h1 {
    font-size: 2.3em;
    line-height: .9em;
    margin-bottom: 32px;
    max-width: none; }
  .banner p {
    font-size: 1.625em;
    line-height: 1.07em; }
  .banner .btn {
    margin-top: 30px; }
  .banner .thumbnails {
    position: absolute;
    bottom: -160px;
    right: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    max-width: 420px;
    z-index: 1; }
    .banner .thumbnails .thumbnail {
      width: 28%;
      cursor: pointer;
      height: 64px;
      background-size: cover;
      background-repeat: no-repeat;
      margin: 0 5px; }
  .banner.idea {
    padding: 50px 0 20px; }
    .banner.idea .text-holder {
      text-align: center;
      max-width: 830px;
      margin: 0 auto; }
      .banner.idea .text-holder h1 {
        font-size: 2.25em;
        line-height: 1em; }
  .banner.text-center p {
    margin: 0 auto; }
  .banner.black {
    background-image: url("../img/brushed-steel-bg.jpg");
    text-align: center;
    padding: 100px 0; }
    .banner.black:before {
      display: none; }
    .banner.black .wrap {
      max-width: 900px; }
    .banner.black h1 {
      font-size: 2.25em;
      margin-bottom: 30px; }
    .banner.black p {
      font-size: 1.25em;
      margin: 0 auto 50px;
      line-height: 1.25em;
      letter-spacing: 1.62px;
      max-width: none; }

.banner-slider {
  margin-bottom: 35px; }
  .banner-slider .wrap {
    position: relative;
    width: 100%;
    max-width: 1116px; }
  .banner-slider .banner-slide {
    height: 550px;
    position: relative;
    padding-bottom: 111px; }
    .banner-slider .banner-slide .bg-holder {
      width: 100%;
      height: 300px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
    .banner-slider .banner-slide .text-holder {
      background-color: #B6CCC2;
      padding: 20px;
      text-align: center; }
      .banner-slider .banner-slide .text-holder h2 {
        line-height: 1.25em;
        margin-bottom: 14px; }
      .banner-slider .banner-slide .text-holder p {
        font-size: 1.0625em;
        line-height: 1.5em;
        margin-bottom: 5px; }
        .banner-slider .banner-slide .text-holder p .btn {
          margin-top: 20px; }
  .banner-slider .banner-slide:nth-of-type(1) .text-holder {
    background-color: #D3C758; }
  .banner-slider .banner-slide:nth-of-type(2) .text-holder {
    background-color: #F4B188; }
  .banner-slider .banner-slide:nth-of-type(3) .text-holder {
    background-color: #849DA7; }
  .banner-slider .slick-dots {
    bottom: 46px;
    left: 0;
    top: 250px; }
    .banner-slider .slick-dots li {
      margin: 0 5px;
      width: 10px;
      height: 18px; }
      .banner-slider .slick-dots li button {
        background: #000000;
        border: 2px solid #FFFFFF;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        padding: 0; }
        .banner-slider .slick-dots li button:before {
          display: none;
          font-size: 9px;
          opacity: 1;
          line-height: 15px; }
      .banner-slider .slick-dots li.slick-active button {
        background-color: #FFFFFF; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .banner-slider .banner-slide .bg-holder {
    opacity: .4; } }

@supports (-ms-ime-align: auto) {
  .banner-slider .banner-slide .bg-holder {
    opacity: .4; } }

.video-banner {
  padding-top: 74px;
  padding-bottom: 44px;
  color: #fff; }
  .video-banner h2 .nobr {
    white-space: normal; }
  .video-banner i {
    color: #C5D4E2;
    font-size: 2.125em; }
    .video-banner i.icon-mouse {
      font-size: 1.8125em; }
    .video-banner i.icon-drill {
      font-size: 1.75em; }
  .video-banner ul {
    margin: 54px 0; }
    .video-banner ul li {
      display: -webkit-flex;
      display: flex; }
      .video-banner ul li i {
        margin-right: 40px;
        min-width: 34px;
        max-width: 34px; }
      .video-banner ul li + li {
        margin-top: 30px; }
  .video-banner p {
    margin: 10px 0; }
  .video-banner .btn {
    margin: 20px 0; }

.products-banner {
  text-align: center; }
  .products-banner .products-background-holder {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 25%; }
  .products-banner h2 {
    padding: 30px 0; }
  .products-banner p {
    padding-bottom: 30px; }

.category-bar {
  padding: 10px 0;
  text-align: center;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 1001;
  border-top: 3px solid #000000;
  border-bottom: 3px solid #000000; }
  .category-bar .wrap {
    position: relative; }
    .category-bar .wrap a {
      font-weight: 500;
      text-transform: uppercase;
      margin: 10px 0;
      display: none;
      padding-left: 10px;
      padding-right: 10px;
      cursor: pointer; }
      .category-bar .wrap a.active {
        color: #B6CCC2;
        font-weight: 500;
        display: block; }
    .category-bar .wrap .fa {
      color: #B6CCC2; }
      @media only screen and (min-width: 768px) {
        .category-bar .wrap .fa {
          display: none; } }
  .category-bar.opened .wrap .fa {
    display: none; }
  .category-bar.opened .wrap a {
    display: block;
    padding: 7px 0; }

.product-thumb {
  padding: 25px;
  display: block;
  text-align: left;
  margin: 0 auto 30px; }
  .product-thumb .inner {
    position: relative;
    height: auto; }
  .product-thumb .img-holder {
    margin-bottom: 14px;
    max-width: 276px;
    width: 100%;
    height: 235px;
    position: relative;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center; }
    .product-thumb .img-holder a {
      display: block; }
    .product-thumb .img-holder img {
      max-height: 100%;
      position: absolute;
      bottom: 0;
      left: 60%;
      width: auto;
      height: auto;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
  .product-thumb h3 {
    margin-bottom: 6px; }
    .product-thumb h3 a {
      display: block;
      color: #36383E; }
  .product-thumb .cms-kit-part-number {
    font-size: 12px;
    padding-bottom: 6px; }
  .product-thumb .price {
    text-transform: uppercase;
    font-weight: 500;
    color: #B6CCC2;
    display: block; }
    .product-thumb .price .original-price {
      color: #000000;
      font-size: 1em;
      text-decoration: line-through; }
    .product-thumb .price .the-price {
      color: #B6CCC2;
      font-size: 1.5em; }
    .product-thumb .price .sale-name {
      color: #B6CCC2;
      font-size: .7em; }
  .product-thumb .btn {
    left: 0;
    bottom: 0;
    padding: 10px 6px;
    font-weight: 600;
    font-size: 0.875em;
    letter-spacing: 1px;
    width: 100%; }
    .product-thumb .btn i {
      font-size: 1.71em;
      vertical-align: sub;
      margin-right: 10px; }
  .product-thumb .buttons {
    width: 100%;
    bottom: 0;
    left: 0;
    justify-content: space-between; }
    .product-thumb .buttons .btn {
      position: static;
      width: 49%; }
  .product-thumb .quantity {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
    .product-thumb .quantity input {
      width: 75px;
      padding: .5em; }
    .product-thumb .quantity .btn {
      width: 100%;
      margin: .5em; }
    .product-thumb .quantity label {
      padding: .5em; }

.product-category-section {
  padding-top: 40px;
  overflow: hidden;
  text-align: center; }
  .product-category-section .wrap {
    border-bottom: 3px solid #000000;
    margin-bottom: 15px; }
  .product-category-section h2 {
    margin-bottom: 16px; }
  .product-category-section p {
    max-width: 784px;
    margin: 0 auto; }
  .home .product-category-section {
    padding-bottom: 80px; }
    .home .product-category-section .wrap {
      border-bottom: none; }
  .product-category-section:last-of-type .wrap {
    border-bottom: none; }
  .product-category-section .swatch-list .swatch-title {
    text-transform: uppercase;
    font-weight: 600;
    margin: 15px 0 0; }
  .product-category-section .swatch-list .swatches {
    width: 100%;
    display: flex;
    justify-content: center; }
    .product-category-section .swatch-list .swatches .swatch {
      width: 80px;
      height: auto;
      padding: .3rem; }
      .product-category-section .swatch-list .swatches .swatch a {
        font-size: .7rem;
        text-transform: uppercase; }
        .product-category-section .swatch-list .swatches .swatch a img {
          width: 100%; }
      .product-category-section .swatch-list .swatches .swatch.active a {
        color: #B6CCC2; }
        .product-category-section .swatch-list .swatches .swatch.active a img {
          border-bottom: 3px solid #B6CCC2; }
    .product-category-section .swatch-list .swatches > div:first-of-type a img {
      border: 1px solid lightgrey; }

.home .product-category-section#are-you-ready {
  padding: 0; }

.home .product-category-section#category3 {
  background-color: #eee;
  padding-bottom: 40px; }

#ready-to-start-a-design {
  background-color: #B6CCC2;
  padding-bottom: 40px;
  padding-top: 40px;
  text-align: center; }
  #ready-to-start-a-design h2 {
    margin-bottom: 16px; }
  #ready-to-start-a-design p {
    max-width: 784px;
    margin: 0 auto; }
    #ready-to-start-a-design p:first-of-type {
      font-size: 1.25em; }
    #ready-to-start-a-design p .btn {
      margin-top: 40px; }

.product-flex-wrap {
  width: 100%;
  margin-top: 40px; }
  .product-flex-wrap .product-thumb {
    max-width: 278px; }
    .product-flex-wrap .product-thumb.hide-it {
      display: none; }
  .product-flex-wrap section {
    text-align: left; }
    .product-flex-wrap section .container .row {
      display: block; }
      .product-flex-wrap section .container .row .card {
        margin-bottom: 15px; }
        .product-flex-wrap section .container .row .card img {
          width: 95%; }
        .product-flex-wrap section .container .row .card .card-block h3 {
          margin: 10px  0; }
        .product-flex-wrap section .container .row .card .card-block p {
          margin: 10px 10px 10px 0; }
          .product-flex-wrap section .container .row .card .card-block p a {
            margin-top: 10px; }
  .product-flex-wrap section#different {
    text-align: center;
    margin-bottom: 90px; }
    .product-flex-wrap section#different .card img {
      width: 150px; }
    .product-flex-wrap section#different .card .card-block p {
      margin: 10px 30px; }
  .product-flex-wrap section#best-selling-kits {
    width: 100%; }
    .product-flex-wrap section#best-selling-kits .container .row .col-md-4 {
      width: 100%; }

section#featured-kit {
  border-top: 15px solid white;
  background: #B6CCC2;
  width: 100%; }
  section#featured-kit h2, section#featured-kit p {
    text-align: left; }
  section#featured-kit p {
    margin: initial;
    margin-bottom: 20px; }

.product-main {
  padding-top: 36px;
  padding-bottom: 60px;
  position: relative;
  background: #fff; }
  .product-main h1 {
    font-size: 2em;
    letter-spacing: 1px;
    margin-bottom: 36px; }
  .product-main .photo-wrap {
    position: relative; }
    .product-main .photo-wrap .zone-type {
      position: absolute;
      top: 0;
      right: 0;
      text-align: center;
      z-index: 1;
      background: #fff;
      padding: 5px; }
      .product-main .photo-wrap .zone-type span {
        display: block;
        font-size: 0.875em; }
  .product-main .product-photo-slider {
    height: 280px;
    margin-bottom: 86px; }
    .product-main .product-photo-slider .slick-list, .product-main .product-photo-slider .slick-track {
      height: 100%; }
    .product-main .product-photo-slider .img-holder {
      height: 100%;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center; }
      .product-main .product-photo-slider .img-holder img {
        margin: 0 auto;
        max-height: 100%;
        max-width: 100%; }
  .product-main .thumbnails {
    display: none; }
  .product-main .appearance-options form {
    border-top: 1px solid #D0D1D2;
    padding-top: 20px;
    width: 100%; }
    .product-main .appearance-options form > div {
      display: inline-block;
      margin-right: 20px;
      margin-bottom: 10px;
      vertical-align: top; }
  .product-main .appearance-options select {
    padding: 14px 25px 14px 15px;
    height: 51px; }
  .product-main .product-description {
    border-top: 1px solid #D0D1D2;
    padding-top: 48px;
    line-height: 1.5625em; }
    .product-main .product-description .description-text {
      margin-bottom: 40px; }
    .product-main .product-description .read-more {
      display: none; }
    .product-main .product-description .btn {
      vertical-align: top;
      padding: 12px 20px;
      font-size: 14px; }
      .product-main .product-description .btn i {
        font-size: 28px;
        vertical-align: middle;
        margin-right: 4px; }
  .product-main h2 {
    display: none; }
  .product-main .cms-kit-part-number {
    font-size: 12px;
    padding-bottom: 6px; }
  .product-main .price {
    text-transform: uppercase;
    font-weight: 500;
    color: #000000;
    font-size: 1.75em;
    margin-bottom: 22px;
    display: block; }
    .product-main .price .the-price {
      font-size: 0.8em; }
    .product-main .price .original-price {
      color: #000000;
      font-size: .7em;
      margin-bottom: 22px;
      text-decoration: line-through; }
    .product-main .price .sale-name {
      color: #C42523;
      font-weight: 600;
      font-size: 1em; }
      .product-main .price .sale-name p {
        font-size: .5em; }
    .product-main .price span + span {
      margin-left: 20px; }
  .product-main p {
    font-size: 1em;
    line-height: 1.5625em;
    margin-bottom: .5em; }
  .product-main #add-to-cart {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 14px;
    margin-right: 10px; }
    .product-main #add-to-cart label {
      font-weight: 700; }
    .product-main #add-to-cart input {
      width: 40px;
      height: 40px;
      border: 1px solid #D0D1D2;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      text-align: center;
      margin-left: 15px;
      padding: 0; }
    .product-main #add-to-cart .btn {
      font-size: 0.9375em;
      padding: 12px 19px;
      margin-left: 20px; }
      .product-main #add-to-cart .btn i {
        display: none; }
  .product-main .share {
    font-weight: 700;
    font-size: 0.8125em;
    margin-top: 14px;
    display: inline-block; }
    .product-main .share i {
      margin-right: 10px;
      font-size: 1.25em; }
  .product-main .product-notes {
    margin-top: 40px;
    border-top: 1px solid #D0D1D2;
    padding-top: 20px; }
    .product-main .product-notes div {
      font-weight: 700;
      letter-spacing: 1px;
      font-size: 1.125em;
      text-transform: uppercase; }
      .product-main .product-notes div i {
        color: #C5D4E2;
        margin-right: 5px;
        display: inline-block; }
        .product-main .product-notes div i.icon-shipping {
          transform: scaleX(-1);
          font-weight: 700; }
      .product-main .product-notes div + div {
        margin-top: 30px; }
  .product-main .yotpo {
    float: none;
    margin-top: 10px; }
  .product-main div.yotpo.bottomLine {
    display: block;
    margin: 10px 0 0 0; }

.tab-titles {
  position: relative;
  z-index: 12;
  padding-top: 10px;
  border-top: 3px solid #000000;
  border-bottom: 3px solid #000000; }
  .tab-titles.fixed {
    position: fixed;
    top: 112px;
    left: 0;
    width: 100%; }
    .tab-titles.fixed li {
      padding: 18px 32px 13px; }
  .tab-titles ul {
    margin: 0;
    list-style-type: none;
    padding-left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: baseline;
    align-items: baseline; }
  .tab-titles li {
    cursor: pointer;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    border-bottom: 5px solid transparent;
    padding: 18px 32px; }
    .tab-titles li:hover, .tab-titles li.active {
      color: #B6CCC2; }
  .tab-titles li[data-tab="questions"] {
    display: none; }

.tab .mobile-opener {
  border-bottom: 1px solid #D0D1D2;
  background: #fff;
  text-align: center;
  padding: 30px 0;
  cursor: pointer; }
  .tab .mobile-opener p {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0; }
  .tab .mobile-opener span {
    color: #B6CCC2;
    margin-left: 10px;
    font-size: 1.2em; }

.tab > .wrap {
  height: 0;
  overflow: hidden; }

.tab.active > .wrap {
  padding-top: 66px;
  padding-bottom: 66px;
  height: auto; }

.product-tabs {
  border-top: 1px solid #D0D1D2; }
  .product-tabs .tab-titles {
    display: none; }
  .product-tabs .tab {
    background-color: #F9F9F9; }
  .product-tabs > div.questions-tab {
    display: none; }

.technical-specs-tab h3 {
  color: #B6CCC2;
  font-size: 1.25em;
  margin-bottom: 22px; }

.technical-specs-tab .features {
  margin-top: 60px; }

.technical-specs-tab table td, .technical-specs-tab table th {
  width: 50%; }

.technical-specs-tab table tr:last-of-type th, .technical-specs-tab table tr:last-of-type td {
  border: none; }

.installation-tab .pdf-installation {
  max-width: 806px;
  margin: 0 auto 60px; }

.installation-tab .img-holder {
  margin-bottom: 30px; }

.installation-tab h2 {
  font-size: 1.5625em;
  line-height: 1em;
  margin-bottom: 25px; }

.installation-tab p {
  margin-bottom: 25px; }

.installation-tab .text-holder a {
  font-size: 1.25em;
  font-weight: 700; }
  .installation-tab .text-holder a i {
    margin-right: 10px; }

.gradient-top, .packages {
  position: relative; }
  .gradient-top:before, .packages:before {
    height: 40px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: .05;
    background: -moz-linear-gradient(top, #14161b 0%, rgba(20, 22, 27, 0) 100%);
    background: -webkit-linear-gradient(top, #14161b 0%, rgba(20, 22, 27, 0) 100%);
    background: linear-gradient(to bottom, #14161b 0%, rgba(20, 22, 27, 0) 100%); }

.gradient-bottom, .packages {
  position: relative; }
  .gradient-bottom:after, .packages:after {
    height: 40px;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }

.related-products {
  text-align: center;
  padding: 100px 0 30px;
  border-bottom: 1px solid #D0D1D2; }
  .related-products h2 {
    font-size: 2.25em;
    margin-bottom: 13px; }
  .related-products p {
    max-width: 536px;
    margin: 0 auto; }
  .related-products .related-products-slider {
    margin-top: 70px; }
    .related-products .related-products-slider .slick-dots {
      bottom: 10px; }
    .related-products .related-products-slider .product-thumb {
      box-sizing: content-box;
      margin: 30px 15px; }
      .related-products .related-products-slider .product-thumb .btn {
        display: none; }

.general-page .title h1, .order-page .title h1, .account-page .title h1 {
  font-size: 1.4375em;
  margin-top: 10px;
  margin-bottom: 30px; }

.general-page .content, .order-page .content, .account-page .content {
  margin: 10px auto; }
  .general-page .content h2, .order-page .content h2, .account-page .content h2 {
    font-size: 1.125em;
    margin-bottom: 26px;
    margin-top: 26px; }
  .general-page .content h3, .order-page .content h3, .account-page .content h3 {
    text-transform: none;
    font-size: 1.125em; }
  .general-page .content p, .order-page .content p, .account-page .content p {
    font-size: 1em;
    margin-bottom: 25px;
    line-height: 1.6em; }
  .general-page .content p.no-label-offset label, .order-page .content p.no-label-offset label, .account-page .content p.no-label-offset label {
    font-weight: 400; }
  .general-page .content li, .order-page .content li, .account-page .content li {
    margin-bottom: 10px; }

.order-page, .account-page {
  margin-top: 24px; }
  @media screen and (max-width: 768px) {
    .order-page, .account-page {
      margin-top: 24px; } }
  .order-page a, .account-page a {
    color: #000000; }
    .order-page a.btn, .account-page a.btn {
      color: #FFFFFF; }
  .order-page .print-page, .account-page .print-page {
    float: right;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 0.875em; }
  .order-page .cart-remove, .order-page .cart-remove-design, .account-page .cart-remove, .account-page .cart-remove-design {
    color: #B6CCC2; }
  .order-page .wrap, .account-page .wrap {
    max-width: 960px; }
    .order-page .wrap.title, .account-page .wrap.title {
      text-align: center; }
  .order-page td.col-total, .account-page td.col-total {
    font-size: 1.375em;
    padding-bottom: 5px; }
    .order-page td.col-total s, .account-page td.col-total s {
      font-weight: 400; }
  .order-page .shipping-info ul li, .account-page .shipping-info ul li {
    margin-bottom: 15px; }
    .order-page .shipping-info ul li i, .account-page .shipping-info ul li i {
      width: 20px;
      font-weight: 1.125em; }
  .order-page .steps a.btn, .account-page .steps a.btn {
    color: #FFFFFF; }
  .order-page .steps .cart-btns, .account-page .steps .cart-btns {
    margin-top: 20px; }
    .order-page .steps .cart-btns button, .account-page .steps .cart-btns button {
      margin-bottom: 5px; }
    .order-page .steps .cart-btns p, .account-page .steps .cart-btns p {
      margin-top: 10px; }
  .order-page .content .review-set, .account-page .content .review-set {
    max-width: 600px;
    margin: 0 auto 60px; }
    .order-page .content .review-set div, .account-page .content .review-set div {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
    .order-page .content .review-set p, .account-page .content .review-set p {
      text-align: right;
      width: 48%;
      margin-bottom: 6px; }
      .order-page .content .review-set p + p, .account-page .content .review-set p + p {
        text-align: left; }
  .order-page .content.order-received h2, .account-page .content.order-received h2 {
    text-align: center;
    font-size: 1.5em; }
    .order-page .content.order-received h2 span, .account-page .content.order-received h2 span {
      font-size: 1.25em; }
  .order-page .content.order-received table, .account-page .content.order-received table {
    margin-bottom: 50px; }
    .order-page .content.order-received table th, .account-page .content.order-received table th {
      font-size: 1.125em;
      font-weight: 700;
      text-transform: uppercase; }
    .order-page .content.order-received table td, .account-page .content.order-received table td {
      font-size: 1.5em; }
  .order-page .content.order-received .items-table .col-price, .account-page .content.order-received .items-table .col-price {
    width: 152px; }
  .order-page .content.order-received .total-table td, .account-page .content.order-received .total-table td {
    width: 152px; }

.order-page .cart-btns {
  max-width: 180px; }
  .order-page .cart-btns .btn {
    width: 99%; }

.account-page {
  text-align: left; }
  .account-page .cart-btns {
    max-width: 360px; }
    .account-page .cart-btns .btn {
      padding: 16px 0;
      width: 49%; }
  .account-page .register {
    text-align: left; }
  .account-page .i-have-an-accoount {
    border-top: 1px solid lightgrey;
    padding-top: 20px; }
    .account-page .i-have-an-accoount p {
      margin-bottom: 10px; }
    .account-page .i-have-an-accoount p:nth-of-type(2) a {
      padding: 10px 40px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .order-page > .wrap {
    padding: 100px 0; } }

.progress-bar {
  color: #C3CAD0;
  text-align: center;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 20px auto 40px;
  max-width: 70%; }
  .progress-bar .step {
    position: relative;
    display: inline-block; }
    .progress-bar .step .circle {
      border-width: 3px;
      border-style: solid;
      border-radius: 50%;
      width: 36px;
      height: 36px;
      font-size: 1.5em;
      font-weight: 700;
      line-height: 28px; }
    .progress-bar .step span {
      position: absolute;
      font-size: 0.875em;
      letter-spacing: 1px;
      font-weight: 900;
      text-transform: uppercase;
      top: 24px;
      left: 50%;
      padding-top: 20px;
      transform: translate(-50%, 0); }
    .progress-bar .step.current {
      color: #C5D4E2; }
      .progress-bar .step.current .circle {
        box-shadow: 0 0 33px 0 #B6D6F5; }
    .progress-bar .step.complete .circle {
      color: transparent;
      background-color: #C5D4E2;
      background-image: url("../img/white-check.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 20px; }
    .progress-bar .step.complete span {
      color: #C5D4E2; }
    .progress-bar .step.complete + .connecting-bar {
      border-color: #C5D4E2; }
  .progress-bar .connecting-bar {
    display: inline-block;
    width: 190px;
    border-width: 4px;
    border-style: solid; }

#checkout-process .content {
  display: none; }
  #checkout-process .content.active {
    display: block; }

#checkout-process .next-step {
  margin-left: 24%;
  width: 76%;
  display: block; }
  #checkout-process .next-step + small {
    margin-left: 24%;
    width: 76%;
    display: block;
    text-align: left; }

#shipping-info {
  max-width: 700px;
  text-align: center; }

#payment-info .billing-address {
  max-width: 700px;
  margin: 0 auto;
  text-align: center; }

#payment-info .card-info {
  max-width: 620px;
  margin: 0 auto; }
  #payment-info .card-info p {
    margin-bottom: 25px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    #payment-info .card-info p label {
      width: 100%; }
  #payment-info .card-info label {
    margin-bottom: 10px;
    display: block; }
    #payment-info .card-info label.required:after {
      position: static;
      padding-left: 2px; }
  #payment-info .card-info .card-type {
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
    #payment-info .card-info .card-type img {
      width: 50px;
      margin-right: 10px; }
    #payment-info .card-info .card-type select {
      width: 54.84%;
      min-width: 272px;
      margin: 16px 0; }
    #payment-info .card-info .card-type .btn {
      width: 160px;
      padding: 16px 0;
      margin-bottom: 0;
      position: relative;
      margin-left: 60px; }
      #payment-info .card-info .card-type .btn:before {
        content: 'or';
        position: absolute;
        pointer-events: none;
        font-weight: normal;
        font-size: 1em;
        color: #000000;
        top: 30%;
        left: -38px;
        text-transform: none; }
  #payment-info .card-info .card-number {
    width: 49%; }
  #payment-info .card-info .card-expiration {
    width: 25%; }
    #payment-info .card-info .card-expiration select {
      display: inline-block;
      width: 48%; }
      #payment-info .card-info .card-expiration select + select {
        float: right; }
  #payment-info .card-info .card-security .cvv label {
    width: 100%; }
  #payment-info .card-info .card-security .cvv input {
    width: 62px;
    display: inline-block;
    padding: 14px; }
  #payment-info .card-info .card-security .cvv img {
    width: 64px; }
  #payment-info .card-info .card-security .secure-logos {
    margin-top: 28px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center; }
  #payment-info .card-info .card-security img {
    width: 68px;
    vertical-align: middle;
    margin-left: 10px; }

i.fa.fa-check.check-mark {
  color: green;
  padding-left: 10px;
  opacity: .25; }

button.btn.red-open.process-order.hide-it {
  display: none; }

input#id_ACCT {
  width: 50%; }

#review-order {
  margin-top: 60px; }

.form-foot {
  max-width: 430px;
  margin: 20px auto;
  text-align: center; }
  .form-foot .required:after {
    position: static; }
  .form-foot .btn {
    margin-top: 20px;
    width: 100%;
    margin-left: 0; }
    .form-foot .btn + small {
      margin-left: 0; }

.account-page h1 {
  margin-bottom: 0; }

.account-page .wrap {
  max-width: 1020px; }
  .account-page .wrap h1 {
    text-align: center;
    border-bottom: #D0D1D2 1px solid;
    padding-bottom: 20px; }

.account-page .content .login-password {
  text-align: right; }
  .account-page .content .login-password a {
    color: #B6CCC2;
    font-size: 0.9375em; }

.account-page .content .more-options {
  margin: 20px auto; }
  .account-page .content .more-options a {
    padding: 10px 13px; }
  .account-page .content .more-options .btn {
    color: #fff; }

.account-page .content .login-submit {
  padding: 30px 0;
  border-bottom: #D0D1D2 1px solid; }
  .account-page .content .login-submit input {
    padding: 10px 60px; }

#forgot-password {
  max-width: 400px;
  margin: 0 auto; }
  #forgot-password input[type=submit] {
    margin: 20px 0; }

.contact-us .title p a {
  font-weight: 600; }

.contact-us .content {
  padding: 30px 0; }
  .contact-us .content form {
    margin-bottom: 30px; }
    .contact-us .content form input[type="submit"].btn {
      width: initial;
      padding: 10px 35px; }
    .contact-us .content form .compliance-text {
      padding: 25px 0 10px;
      font-size: 0.8em; }

.sample-request .content .whats-included {
  padding: 80px 0; }
  .sample-request .content .whats-included .wrap {
    max-width: 386px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 100%; }
  .sample-request .content .whats-included .img-holder {
    max-width: 58%; }
  .sample-request .content .whats-included .text-holder span {
    color: #C5D4E2;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 0.875em;
    text-transform: uppercase; }
  .sample-request .content .whats-included .text-holder ul {
    font-size: 1.125em;
    padding-left: 20px; }

.image-radio input {
  opacity: 0;
  position: absolute; }

.image-radio img {
  border: 3px solid transparent;
  transition: .1s border;
  width: 100%; }

#enter_design_select {
  min-height: 70vh;
  align-items: center;
  display: flex;
  width: 100%;
  margin-top: 20px; }
  #enter_design_select #design-getting-started {
    width: 100%; }
    #enter_design_select #design-getting-started #design-getting-started-image {
      text-align: center; }
      #enter_design_select #design-getting-started #design-getting-started-image img {
        padding: 0;
        width: 80%; }
      #enter_design_select #design-getting-started #design-getting-started-image p {
        padding: 20px;
        font-size: 14px; }
    #enter_design_select #design-getting-started #design-getting-started-content {
      width: 100%;
      margin-top: 20px; }
      #enter_design_select #design-getting-started #design-getting-started-content .getting-started-title {
        font-size: 28px;
        margin-bottom: 20px;
        text-align: center; }
      #enter_design_select #design-getting-started #design-getting-started-content .getting-started-subtitle {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        padding-bottom: 25px;
        border-bottom: 1px solid black; }
      #enter_design_select #design-getting-started #design-getting-started-content .getting-started-steps {
        margin-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid black;
        display: flex; }
        #enter_design_select #design-getting-started #design-getting-started-content .getting-started-steps .getting-started-steps-number {
          font-size: 28px;
          font-weight: 600;
          margin-top: -2px;
          margin-right: 10px; }
        #enter_design_select #design-getting-started #design-getting-started-content .getting-started-steps .heading {
          text-transform: uppercase;
          font-weight: 600;
          font-size: 14px;
          margin-bottom: 5px; }
      #enter_design_select #design-getting-started #design-getting-started-content .footer-button {
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center; }
        #enter_design_select #design-getting-started #design-getting-started-content .footer-button p {
          text-transform: uppercase;
          font-weight: 600; }
        #enter_design_select #design-getting-started #design-getting-started-content .footer-button button {
          margin-top: 20px;
          font-size: 16px; }
  #enter_design_select #design-select-layout {
    width: 100%;
    text-align: center; }
    #enter_design_select #design-select-layout #enter_design_form .footer {
      margin-top: 10px; }
    #enter_design_select #design-select-layout #enter_design_form #title1 {
      color: #4A4A4A;
      font-size: 1.5rem;
      font-weight: 600;
      margin-bottom: 1rem; }
    #enter_design_select #design-select-layout #enter_design_form .closet-description {
      color: #4A4A4A;
      font-size: 1rem; }
    #enter_design_select #design-select-layout #enter_design_form .image-radio label div.shape-label {
      color: black;
      font-weight: 400;
      font-size: 14px; }
    #enter_design_select #design-select-layout #enter_design_form .image-radio img {
      padding: 0;
      width: 95%; }
    #enter_design_select #design-select-layout #enter_design_form .image-radio img:hover {
      border: 3px solid #B6CCC2; }
    #enter_design_select #design-select-layout #enter_design_form .layout-select-flex-wrap {
      width: 100%;
      margin-top: 40px; }
      #enter_design_select #design-select-layout #enter_design_form .layout-select-flex-wrap .closet-type {
        margin-top: 30px; }
    #enter_design_select #design-select-layout .design-selector-footer {
      padding-top: 30px;
      border-top: 1px solid black; }
      #enter_design_select #design-select-layout .design-selector-footer #footertext {
        font-size: 14px;
        margin: auto;
        width: 80%; }
      #enter_design_select #design-select-layout .design-selector-footer #never-mind-go-back {
        margin-bottom: 20px; }
  #enter_design_select .hide {
    display: none; }

.installation section, .installation-tab section {
  padding: 100px 0; }
  .installation section h2, .installation-tab section h2 {
    font-size: 2.25em;
    margin-bottom: 64px; }

.installation .flex-wrap, .installation-tab .flex-wrap {
  width: 90%;
  margin: 0 auto;
  max-width: 1234px; }

.installation #before-you-begin h3, .installation-tab #before-you-begin h3 {
  font-size: 1.375em;
  margin-bottom: 20px; }

.installation #before-you-begin .block, .installation-tab #before-you-begin .block {
  max-width: 380px;
  margin: 0 auto 60px;
  text-align: left; }

.installation #before-you-begin .img-holder, .installation-tab #before-you-begin .img-holder {
  margin-bottom: 50px;
  width: 100%; }

.installation #before-you-begin p, .installation-tab #before-you-begin p {
  font-size: 1.25em;
  font-weight: 300;
  line-height: normal; }

.installation #recommended-tools, .installation-tab #recommended-tools {
  padding-bottom: 0; }
  .installation #recommended-tools h3, .installation-tab #recommended-tools h3 {
    font-size: 1.125em; }
    .installation #recommended-tools h3 i, .installation-tab #recommended-tools h3 i {
      font-weight: 400;
      text-transform: none; }
  .installation #recommended-tools .flex-wrap, .installation-tab #recommended-tools .flex-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: baseline;
    align-items: baseline; }
  .installation #recommended-tools .tool, .installation-tab #recommended-tools .tool {
    width: 48%;
    margin: 0 0 40px;
    max-width: 330px;
    display: inline-block; }
    .installation #recommended-tools .tool .img-holder, .installation-tab #recommended-tools .tool .img-holder {
      width: 100%;
      margin-bottom: 12px;
      height: 146px; }
      .installation #recommended-tools .tool .img-holder img, .installation-tab #recommended-tools .tool .img-holder img {
        margin: 0 auto;
        max-height: 100%; }

.installation #installation-videos, .installation-tab #installation-videos {
  background: #f9f9f9; }
  .installation #installation-videos .video-holder, .installation #installation-videos .one-line, .installation-tab #installation-videos .video-holder, .installation-tab #installation-videos .one-line {
    max-width: 900px;
    margin: 0 auto 40px; }
  .installation #installation-videos h3, .installation-tab #installation-videos h3 {
    font-size: 1.125em;
    text-transform: none;
    font-weight: 700; }
  .installation #installation-videos .show-more, .installation-tab #installation-videos .show-more {
    margin-top: -190px;
    background: #f9f9f9; }
    .installation #installation-videos .show-more:before, .installation-tab #installation-videos .show-more:before {
      background: -moz-linear-gradient(top, rgba(249, 249, 249, 0) 0%, #f9f9f9 100%);
      background: -webkit-linear-gradient(top, rgba(249, 249, 249, 0) 0%, #f9f9f9 100%);
      background: linear-gradient(to bottom, rgba(249, 249, 249, 0) 0%, #f9f9f9 100%); }
  .installation #installation-videos .thumbnail, .installation-tab #installation-videos .thumbnail {
    display: block;
    margin: 0 auto 80px;
    max-width: 381px;
    text-align: left; }
    .installation #installation-videos .thumbnail.hide-it, .installation-tab #installation-videos .thumbnail.hide-it {
      display: none; }
    .installation #installation-videos .thumbnail.search-visible, .installation-tab #installation-videos .thumbnail.search-visible {
      display: block; }
      .installation #installation-videos .thumbnail.search-visible.hide-it, .installation-tab #installation-videos .thumbnail.search-visible.hide-it {
        display: none; }
    .installation #installation-videos .thumbnail.search-hidden, .installation-tab #installation-videos .thumbnail.search-hidden {
      display: none; }
  .installation #installation-videos .img-holder, .installation-tab #installation-videos .img-holder {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    max-height: 220px; }
    .installation #installation-videos .img-holder img, .installation-tab #installation-videos .img-holder img {
      width: 100%; }
    .installation #installation-videos .img-holder:before, .installation-tab #installation-videos .img-holder:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #292C31;
      opacity: .9; }
    .installation #installation-videos .img-holder:after, .installation-tab #installation-videos .img-holder:after {
      content: '\f144';
      font-family: "Font Awesome 5 Free";
      font-size: 80px;
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -40px;
      margin-left: -40px; }
    .installation #installation-videos .img-holder:hover:before, .installation-tab #installation-videos .img-holder:hover:before {
      opacity: .6; }

#cart-fly-out {
  display: none; }

.profile-nav {
  list-style: none;
  padding-left: 0;
  width: 100%;
  z-index: 10;
  text-align: center;
  border-top: 3px solid #000000;
  border-bottom: 3px solid #000000; }
  @media screen and (max-height: 867px) {
    .profile-nav ul > li > a {
      padding: 8px 0; } }
  .profile-nav ul {
    margin: 0;
    padding: 5px 0; }
  .profile-nav li {
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block; }
    .profile-nav li h1 {
      color: #B6CCC2;
      font-size: 0.875em;
      line-height: normal;
      padding-bottom: 20px; }
    .profile-nav li a {
      display: block;
      padding: 20px 0;
      font-size: 0.875em;
      color: #000000; }
    .profile-nav li + li {
      margin-left: 4%; }

.back-link {
  margin-left: 10%; }
  @media screen and (max-width: 1366px) {
    .back-link {
      margin-left: 5%; } }
  @media screen and (max-width: 1024px) {
    .back-link {
      margin-left: 1%; } }

.order-history-list > .order, .order-credit-list > .credit {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 80%;
  margin: 8px auto 16px auto;
  padding-bottom: 8px;
  border-bottom: 1px solid #DDD; }
  @media screen and (max-width: 1366px) {
    .order-history-list > .order, .order-credit-list > .credit {
      width: 90%; } }
  @media screen and (max-width: 1024px) {
    .order-history-list > .order, .order-credit-list > .credit {
      width: 98%; } }
  .order-history-list > .order > p, .order-credit-list > .credit > p {
    padding: 4px;
    margin: 0; }
    .order-history-list > .order > p > span, .order-credit-list > .credit > p > span {
      display: block;
      margin-bottom: 6px; }
      .order-history-list > .order > p > span:first-of-type, .order-credit-list > .credit > p > span:first-of-type {
        font-weight: bold; }
  .order-history-list > .order a, .order-credit-list > .credit a {
    display: flex;
    align-items: center; }
    .order-history-list > .order a i.fa-link, .order-credit-list > .credit a i.fa-link {
      margin-left: 4px;
      font-size: 12px; }

.order-history-list > .order > p {
  min-width: 16.666%; }
  .order-history-list > .order > p:last-of-type {
    width: 100%; }

.order-credit-heading {
  margin: 25px 0 10px 0; }

#order_credit_form {
  /* reset styles set in _forms.scss */ }
  #order_credit_form .form-group {
    margin-bottom: 10px; }
  #order_credit_form input[type="submit"].btn {
    width: auto;
    padding: 20px 62px;
    margin-left: 0; }

#order_credits td {
  font-size: 0.875em; }

#order_credits .btn {
  background-color: #2A68A3;
  color: white;
  padding: 10px 20px; }

.customer-info {
  padding: 30px;
  background: #F9F9F9;
  margin-bottom: 50px; }
  .customer-info div {
    margin-bottom: 30px; }
    .customer-info div .label {
      font-weight: 700;
      font-size: 0.875em;
      line-height: 1.8em;
      text-transform: uppercase; }
    .customer-info div p {
      line-height: normal;
      font-size: 1.25em; }
    .customer-info div ul {
      margin-top: 0;
      list-style-type: none;
      padding-left: 0; }
      .customer-info div ul li {
        display: -webkit-flex;
        display: flex; }
        .customer-info div ul li .label {
          text-transform: none;
          opacity: .5;
          display: inline-block;
          min-width: 68px;
          margin-right: 10px; }
        .customer-info div ul li p {
          display: inline-block; }

.notes {
  padding: 16px 20px;
  background: #F9F9F9;
  margin: 50px 0; }
  .notes h4 {
    color: #C5D4E2;
    font-size: 0.875em;
    letter-spacing: 1px;
    line-height: normal;
    margin-bottom: 25px; }
  .notes p {
    margin-bottom: 25px; }

.back-link {
  color: #C5D4E2; }
  .back-link i {
    vertical-align: middle; }

#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  z-index: 16;
  visibility: hidden; }
  #lightbox.active {
    height: 100vh;
    visibility: visible; }
  #lightbox.dont-close {
    max-width: 806px; }
  #lightbox .overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block !important;
    background: rgba(0, 0, 0, 0.7); }
  #lightbox .inner {
    max-width: 768px;
    max-height: calc(90vh - 30px);
    position: relative;
    width: 90%;
    margin-top: 30px;
    z-index: 2; }
    #lightbox .inner.img {
      max-width: 1400px;
      width: auto; }
    #lightbox .inner.wide {
      max-width: 1018px; }
    #lightbox .inner.modal {
      max-width: 600px; }
      #lightbox .inner.modal .modal-tip {
        background: #fff;
        text-align: center;
        overflow-y: auto;
        max-height: calc(90vh - 30px); }
        #lightbox .inner.modal .modal-tip > .img-holder {
          width: 100%;
          max-height: 320px;
          background: #f5f5f5; }
          #lightbox .inner.modal .modal-tip > .img-holder img {
            margin: 0 auto; }
        #lightbox .inner.modal .modal-tip .text-holder {
          padding: 40px; }
          #lightbox .inner.modal .modal-tip .text-holder p {
            margin-bottom: 30px; }
            #lightbox .inner.modal .modal-tip .text-holder p.bnb {
              margin-bottom: 0; }
          #lightbox .inner.modal .modal-tip .text-holder .btn {
            min-width: 190px;
            margin: 0 12px 30px; }
      #lightbox .inner.modal:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #ffffff;
        border-width: 30px;
        margin-left: -30px; }
    #lightbox .inner .need-help, #lightbox .inner .close, #lightbox .inner .get-started {
      position: absolute;
      bottom: 100%;
      text-decoration: underline;
      color: #fff;
      z-index: 12;
      margin-bottom: 10px;
      width: auto !important;
      font-size: 0.8125em; }
      #lightbox .inner .need-help i, #lightbox .inner .close i, #lightbox .inner .get-started i {
        font-size: 1.5em;
        vertical-align: middle;
        text-decoration: none;
        display: inline-block; }
    #lightbox .inner .get-started {
      position: absolute;
      color: #fff; }
    #lightbox .inner .need-help {
      left: 0; }
      #lightbox .inner .need-help i {
        margin-right: 5px; }
    #lightbox .inner .close {
      right: 0; }
      #lightbox .inner .close i {
        font-weight: 400;
        margin-left: 5px;
        pointer-events: none; }
    #lightbox .inner .lightbox-content {
      background: #fff;
      padding: 20px;
      overflow-y: auto;
      max-height: calc(90vh - 30px);
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      #lightbox .inner .lightbox-content > * {
        width: 100%;
        margin-bottom: 20px; }
      #lightbox .inner .lightbox-content > .half:last-of-type {
        margin-bottom: 0; }
      #lightbox .inner .lightbox-content h2 {
        color: #C5D4E2;
        font-size: 1.9375em;
        line-height: 0.875em;
        margin-bottom: 20px; }
      #lightbox .inner .lightbox-content h3 {
        margin-bottom: 10px; }
      #lightbox .inner .lightbox-content p + p {
        margin-top: 20px; }
      #lightbox .inner .lightbox-content form h3 {
        color: #C5D4E2;
        margin-bottom: 20px; }
      #lightbox .inner .lightbox-content form label {
        display: block;
        font-size: 1.125em;
        margin-bottom: 10px; }
      #lightbox .inner .lightbox-content form textarea {
        margin-bottom: 30px;
        height: 192px; }
      #lightbox .inner .lightbox-content form input {
        margin-bottom: 20px; }
        #lightbox .inner .lightbox-content form input[type="checkbox"] {
          min-width: 24px;
          margin-right: 10px; }
      #lightbox .inner .lightbox-content form input::-webkit-input-placeholder, #lightbox .inner .lightbox-content form textarea::-webkit-input-placeholder {
        font-weight: 700;
        opacity: 1;
        text-transform: uppercase; }
      #lightbox .inner .lightbox-content form input:-moz-placeholder, #lightbox .inner .lightbox-content form textarea:-moz-placeholder {
        font-weight: 700;
        opacity: 1;
        text-transform: uppercase; }
      #lightbox .inner .lightbox-content form input::-moz-placeholder, #lightbox .inner .lightbox-content form textarea::-moz-placeholder {
        font-weight: 700;
        opacity: 1;
        text-transform: uppercase; }
      #lightbox .inner .lightbox-content form input:-ms-input-placeholder, #lightbox .inner .lightbox-content form textarea:-ms-input-placeholder {
        font-weight: 700;
        opacity: 1;
        text-transform: uppercase; }
      #lightbox .inner .lightbox-content form input[type="submit"] {
        margin-bottom: 0; }
      #lightbox .inner .lightbox-content form a {
        text-decoration: underline;
        margin-bottom: 20px;
        display: inline-block; }
      #lightbox .inner .lightbox-content form p {
        font-size: 1em;
        margin: 10px 0; }
      #lightbox .inner .lightbox-content form .secure {
        display: block;
        color: #C5D4E2;
        text-transform: uppercase;
        font-weight: 900; }
        #lightbox .inner .lightbox-content form .secure i {
          margin-right: 5px; }
      #lightbox .inner .lightbox-content form#kitfilterform label {
        font-size: 16px;
        margin-bottom: 0; }
      #lightbox .inner .lightbox-content form#kitfilterform a {
        text-decoration: none;
        margin-bottom: 0;
        display: flex; }
        #lightbox .inner .lightbox-content form#kitfilterform a label {
          font-size: 13px;
          margin-bottom: 0; }
      #lightbox .inner .lightbox-content .dimension-input label {
        display: inline-block;
        margin-bottom: 0; }
      #lightbox .inner .lightbox-content .dimension-input input {
        margin-bottom: 0; }
      #lightbox .inner .lightbox-content .video-holder {
        max-height: 304px;
        background: #F9F9F9; }
        #lightbox .inner .lightbox-content .video-holder .video {
          padding-bottom: 46%; }
      #lightbox .inner .lightbox-content .intro-navigation .icon-btn {
        background: #80B74B; }
        #lightbox .inner .lightbox-content .intro-navigation .icon-btn[disabled] {
          background: #E4E4E4;
          pointer-events: none; }
      #lightbox .inner .lightbox-content .intro-navigation span {
        text-transform: uppercase;
        font-weight: 900;
        font-size: 1.125em;
        display: inline-block;
        margin: 0 20px; }
      #lightbox .inner .lightbox-content .product-main {
        padding: 0;
        margin: 0; }
        #lightbox .inner .lightbox-content .product-main .wrap {
          width: 100%; }
        #lightbox .inner .lightbox-content .product-main .product-photo-slider {
          height: 300px; }
        #lightbox .inner .lightbox-content .product-main .product-description {
          padding-top: 0;
          padding-bottom: 20px; }
        #lightbox .inner .lightbox-content .product-main .appearance-options {
          width: 100%; }

#lightbox-templates {
  display: none; }

footer {
  color: #000000;
  text-align: center;
  padding: 60px 0 70px; }
  footer h3 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px; }
  footer ul.menu-list {
    margin-bottom: 35px; }
    footer ul.menu-list li {
      margin-bottom: 15px; }
    footer ul.menu-list a {
      text-transform: uppercase;
      font-weight: 500;
      color: #98989a; }
  footer .footer-logo .menu-list {
    margin: 8px 0 35px 5px; }
    footer .footer-logo .menu-list li {
      margin-bottom: 10px; }
      footer .footer-logo .menu-list li a {
        font-size: 0.75em; }
  footer .connect-with-us p {
    font-size: 1.0625em;
    color: #98989a; }
  footer .connect-with-us .icon-holder {
    margin: 20px 0; }

.scroll-top {
  background: #B6CCC2;
  color: #fff;
  text-align: center;
  width: 42px;
  height: 42px;
  padding: 8px 4px;
  cursor: pointer;
  position: fixed;
  right: 30px;
  z-index: 15;
  bottom: 30px;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  opacity: 0; }
  .scroll-top.active {
    opacity: 1; }
  .scroll-top i {
    display: block;
    font-size: 0.5em;
    margin-bottom: 4px; }
  .scroll-top span {
    font-weight: 900;
    font-size: 0.75em;
    display: block;
    text-transform: uppercase; }

#spinnerContainer {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  display: none; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  /*dim the background*/
  display: none; }

.request-help {
  background: #f9f9f9;
  padding: 80px 0; }
  .request-help .title-holder {
    margin-bottom: 32px; }

.pulled-up-video {
  padding-bottom: 20px; }
  .pulled-up-video .wrap {
    max-width: 900px; }
  .pulled-up-video .video-holder {
    margin-top: -100px;
    margin-bottom: 60px; }
  .pulled-up-video h2 {
    font-size: 2.25em; }
  .pulled-up-video p {
    font-size: 1.375em;
    margin-bottom: 50px; }
  .pulled-up-video .btn {
    margin-bottom: 20px;
    width: 100%;
    padding: 17px; }

.zone-information {
  padding: 40px 0 80px;
  position: relative; }
  .zone-information .text-holder {
    padding-bottom: 60px; }
    .zone-information .text-holder > .lnr-arrow-down {
      display: none;
      color: #C42523;
      font-size: 30px;
      position: absolute;
      left: 0;
      bottom: 80px;
      font-weight: 700; }
    .zone-information .text-holder .cmsplugin-text {
      font-size: 1.125em;
      line-height: 1.39em; }

.packages {
  background: #F9F9F9; }
  .packages .packages-by-width {
    padding: 80px 0; }
    .packages .packages-by-width + .packages-by-width {
      border-top: 1px solid #D4D4D4; }
    .packages .packages-by-width .title-holder {
      white-space: nowrap;
      text-align: center;
      margin-bottom: 40px; }
      .packages .packages-by-width .title-holder h3 {
        font-size: 1.625em;
        margin-top: 14px; }
    .packages .packages-by-width .product-thumb {
      margin: 0 0 30px; }
      .packages .packages-by-width .product-thumb .inner {
        padding-bottom: 0; }
      .packages .packages-by-width .product-thumb .price {
        margin-bottom: 0; }
      .packages .packages-by-width .product-thumb .subtitle {
        display: block; }
      .packages .packages-by-width .product-thumb .img-holder {
        max-width: none;
        height: auto;
        text-align: center;
        display: block; }
        .packages .packages-by-width .product-thumb .img-holder img {
          position: static;
          transform: none;
          display: inline-block; }

.blurb-banner {
  padding: 59px 0;
  background: #fff;
  position: relative;
  z-index: 1;
  text-align: center;
  border-bottom: 1px solid #D4D4D4; }
  .blurb-banner .wrap {
    max-width: 535px; }
  .blurb-banner h2 {
    font-size: 2.25em;
    margin-bottom: 20px; }

.request-progress {
  background: #C5D4E2;
  color: #fff;
  text-align: center;
  padding: 40px 0; }
  .request-progress h2 {
    font-size: 2.25em; }
  .request-progress .progress-bar {
    display: none;
    max-width: 80%;
    margin: 40px auto; }
    .request-progress .progress-bar .connecting-bar {
      width: 100%;
      border: 1px solid #171F27; }
    .request-progress .progress-bar .completed {
      margin: 0 auto;
      color: #fff;
      font-weight: 700; }
      .request-progress .progress-bar .completed i {
        color: #80B74B;
        font-size: 20px;
        margin-right: 5px;
        vertical-align: middle; }
    .request-progress .progress-bar .step {
      cursor: pointer; }
      .request-progress .progress-bar .step .circle {
        border: 0;
        width: 18px;
        height: 18px;
        background: #171F27; }
      .request-progress .progress-bar .step span {
        top: 0;
        font-size: 0.875em;
        opacity: .5;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0;
        padding-top: 24px;
        line-height: 0.875em; }
      .request-progress .progress-bar .step.have-zones {
        position: relative; }
        .request-progress .progress-bar .step.have-zones:before {
          content: attr(data-zones);
          position: absolute;
          width: 18px;
          height: 18px;
          top: -10px;
          left: 10px;
          border-radius: 50%;
          background: #C42523;
          color: #fff;
          font-weight: 700;
          line-height: 16px;
          font-size: 14px;
          z-index: 1; }
        .request-progress .progress-bar .step.have-zones .circle {
          position: relative; }
          .request-progress .progress-bar .step.have-zones .circle:after {
            content: '';
            position: absolute;
            width: 12px;
            height: 12px;
            top: 3px;
            left: 3px;
            border-radius: 50%;
            background: #63ABF0;
            opacity: .5; }
      .request-progress .progress-bar .step.current {
        color: #fff; }
        .request-progress .progress-bar .step.current .circle {
          box-shadow: none;
          position: relative; }
          .request-progress .progress-bar .step.current .circle:after {
            content: '';
            position: absolute;
            width: 12px;
            height: 12px;
            top: 3px;
            left: 3px;
            border-radius: 50%;
            background: #63ABF0;
            opacity: 1; }
        .request-progress .progress-bar .step.current span {
          opacity: 1; }
      .request-progress .progress-bar .step.complete .circle:after {
        content: '\f00c';
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: #80B74B;
        font-size: 14px;
        position: absolute;
        top: 0;
        left: 2px;
        line-height: 18px;
        background: transparent;
        opacity: 1; }
      .request-progress .progress-bar .step.complete span {
        color: #fff; }
      .request-progress .progress-bar .step.complete + .connecting-bar {
        border-color: #171F27; }

.dimension-input {
  margin-bottom: 20px; }
  .dimension-input input {
    width: 132px;
    border: 2px solid #C5D4E2;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    padding-right: 34px; }
  .dimension-input label {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    line-height: 0.75em;
    margin-left: 10px;
    position: relative; }
    .dimension-input label span {
      font-size: 0.75em;
      font-weight: 400; }
    .dimension-input label:before {
      content: 'IN.';
      position: absolute;
      top: 50%;
      left: -44px;
      transform: translate(0, -50%); }

.design-request-content {
  margin-top: 60px;
  text-align: center;
  padding-bottom: 100px; }
  .design-request-content .wrap {
    position: relative;
    max-width: 1020px; }
  .design-request-content .request-navigation {
    color: #C5D4E2;
    text-transform: uppercase;
    font-weight: 700;
    margin: 30px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .design-request-content .request-navigation a {
      margin: 0 10px 10px; }
      .design-request-content .request-navigation a i {
        margin: 0 7px; }
  .design-request-content .title-holder {
    max-width: 528px;
    margin: 30px auto 80px; }
    .design-request-content .title-holder h1 {
      font-size: 1.375em; }
  .design-request-content .btn {
    padding: 20px 0;
    width: 100%;
    margin-top: 40px; }
  .design-request-content .zone-dimensions {
    text-align: left;
    max-width: 742px;
    margin: 0 auto; }
    .design-request-content .zone-dimensions .title-holder {
      margin-top: 0;
      margin-bottom: 40px; }
      .design-request-content .zone-dimensions .title-holder span {
        font-size: 1.125em; }
      .design-request-content .zone-dimensions .title-holder h2 {
        margin-top: 0; }
    .design-request-content .zone-dimensions p {
      margin-bottom: 20px; }
    .design-request-content .zone-dimensions form input[type="number"] {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none; }
      .design-request-content .zone-dimensions form input[type="number"]::-webkit-outer-spin-button, .design-request-content .zone-dimensions form input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
    .design-request-content .zone-dimensions form textarea, .design-request-content .zone-dimensions form input[type='text'] {
      background: #F5F5F5;
      border: 0;
      margin-bottom: 20px; }
  .design-request-content .my-zones {
    text-align: left;
    max-width: 726px;
    margin: 0 auto; }
    .design-request-content .my-zones .zone {
      border: 1px solid #EDEDED;
      max-width: 320px;
      margin: 30px auto; }
      .design-request-content .my-zones .zone .title {
        background: #F4F4F4;
        padding: 20px; }
        .design-request-content .my-zones .zone .title h2 {
          font-size: 1.25em;
          font-weight: 400; }
      .design-request-content .my-zones .zone .body {
        padding: 20px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        align-items: flex-start; }
        .design-request-content .my-zones .zone .body .img-holder {
          margin-right: 7%;
          width: 34%; }
        .design-request-content .my-zones .zone .body .text-holder {
          width: 59%; }
          .design-request-content .my-zones .zone .body .text-holder p {
            margin-bottom: 20px; }
            .design-request-content .my-zones .zone .body .text-holder p b {
              font-size: 0.75em;
              margin-right: 5px; }
          .design-request-content .my-zones .zone .body .text-holder a {
            display: block;
            text-transform: uppercase;
            font-size: 0.8125em;
            font-weight: 700; }
            .design-request-content .my-zones .zone .body .text-holder a.red-text {
              float: right; }
    .design-request-content .my-zones .new-design-link {
      max-width: 320px;
      width: 100%;
      margin: 30px auto;
      display: block; }
      .design-request-content .my-zones .new-design-link .inner {
        max-width: 320px;
        width: 100%; }
  .design-request-content .flex-form label {
    text-align: right;
    display: inline-block; }
  .design-request-content .flex-form .radio-group label {
    font-weight: 400;
    text-transform: none;
    margin: 10px 20px 10px 0; }
  .design-request-content .flex-form .radio-group input {
    margin-right: 10px; }
  .design-request-content .request-sent {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 40px; }
    .design-request-content .request-sent .step {
      width: 234px; }
      .design-request-content .request-sent .step .icon-circle {
        width: 80px;
        height: 80px;
        padding: 20px; }
        .design-request-content .request-sent .step .icon-circle i {
          font-size: 48px; }
      .design-request-content .request-sent .step .title {
        font-size: 1.125em;
        text-transform: uppercase;
        font-weight: 700; }

.icon-circle {
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: #F9F9F9;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px;
  color: #C5D4E2; }
  .icon-circle i {
    font-size: 32px; }

.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start; }

.flex-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.flex-form {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  .flex-form .half, .flex-form .full {
    width: 100%; }
  .flex-form .quarter {
    width: 49%; }
  .flex-form .input-wrap {
    margin-bottom: 20px; }
    .flex-form .input-wrap > input, .flex-form .input-wrap .radio-group {
      text-align: left; }
    .flex-form .input-wrap > label {
      width: 100%;
      text-align: left; }

.align-center {
  -webkit-align-items: center;
  align-items: center; }

.radio-group label {
  cursor: pointer; }

.notice {
  background: #C42523;
  text-align: left;
  width: 100%;
  padding: 18px 0; }
  .notice i {
    font-size: 48px;
    display: inline-block;
    margin-right: 10px; }
  .notice .text-holder {
    display: inline-block; }
  .notice p {
    opacity: .5; }
  .notice .bnb {
    font-size: 1.5625em;
    opacity: 1;
    font-weight: 900; }
  .notice .wrap {
    position: relative; }
    .notice .wrap:after {
      content: '\e870';
      font-family: 'Linearicons';
      position: absolute;
      right: 0;
      top: 50%;
      font-size: 1.5em;
      margin-top: -12px;
      font-weight: 900;
      cursor: pointer; }

.alert {
  color: #fff;
  font-size: 1.125em;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.27);
  text-align: left;
  padding: 26px;
  padding-left: 82px;
  width: 90%;
  max-width: 806px;
  margin: 5vh auto;
  text-transform: none;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 20; }
  .alert.alert-danger, .alert.alert-warning {
    background: #8C837B; }
    .alert.alert-danger h4:before, .alert.alert-warning h4:before {
      background: #8E1214;
      content: '\f071'; }
  .alert.alert-success, .alert.alert-info, .alert.alert-primary {
    background: #8C837B; }
    .alert.alert-success h4:before, .alert.alert-info h4:before, .alert.alert-primary h4:before {
      background: #8C837B;
      content: '\f0c7'; }
  .alert button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #fff;
    color: #fff;
    background: none;
    border-radius: 50%;
    position: relative;
    font-weight: 900;
    padding: 0;
    line-height: 0;
    cursor: pointer;
    height: 22px;
    width: 22px;
    display: block;
    float: right;
    z-index: 1; }
    .alert button:before {
      content: 'Close';
      text-decoration: underline;
      position: absolute;
      top: 2px;
      left: -38px;
      padding-right: 20px;
      line-height: 1em;
      font-size: .72em;
      font-weight: 400;
      font-family: "Source Sans Pro",sans-serif; }
  .alert h4 {
    font-weight: 900;
    position: relative; }
    .alert h4:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-size: .88em;
      width: 34px;
      height: 34px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      position: absolute;
      top: 6px;
      left: -56px; }

.product-thumb .yotpo .text-m {
  display: none; }

.no-touch .product-thumb .quantity, .no-touch .design-thumb .quantity {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%; }
  .no-touch .product-thumb .quantity input, .no-touch .design-thumb .quantity input {
    width: 50px;
    height: 40px; }
  .no-touch .product-thumb .quantity .btn, .no-touch .design-thumb .quantity .btn {
    margin: .5em;
    font-size: 0.875em;
    width: 50%;
    margin-left: 20px;
    margin-bottom: 15px; }
  .no-touch .product-thumb .quantity .btn:disabled, .no-touch .design-thumb .quantity .btn:disabled {
    opacity: .5;
    width: 100%;
    margin-left: 0; }
  .no-touch .product-thumb .quantity label, .no-touch .design-thumb .quantity label {
    padding: .5em; }

.promotions {
  list-style-type: none;
  margin: 30px auto;
  padding-left: 0; }
  .promotions .promotion {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 0; }
    .promotions .promotion + .promotion {
      border-top: 1px solid #D0D1D2; }
    .promotions .promotion div {
      margin-bottom: 30px; }
    .promotions .promotion .label {
      font-weight: 700;
      text-transform: uppercase;
      font-size: 0.875em;
      line-height: 1.8em; }
    .promotions .promotion p {
      text-transform: uppercase;
      font-size: 1.25em;
      line-height: normal; }
    .promotions .promotion a:not(.btn) {
      color: #C42523; }
    .promotions .promotion .promotion-code {
      width: 33%; }
    .promotions .promotion .promotion-expiration-date {
      width: 33%; }
    .promotions .promotion .promotion-description {
      width: 100%;
      font-size: 1.5625em;
      font-weight: bold; }
    .promotions .promotion .promotion-status {
      width: 33%; }
    .promotions .promotion .promotion-actions {
      width: 100%; }
      .promotions .promotion .promotion-actions p {
        margin-top: 25px;
        text-transform: none;
        text-align: left; }
      .promotions .promotion .promotion-actions .btn {
        margin-bottom: 16px;
        width: auto;
        color: #fff; }

@media screen and (max-width: 768px) {
  #yotpo_testimonials_btn {
    padding: 6px 8px; } }

@media screen and (max-width: 768px) {
  #checkout-form #prevstep, #checkout-form #nextstep, #payment-form #prevstep, #payment-form #nextstep {
    float: initial !important;
    margin-left: 50%;
    transform: translateX(-50%); } }

#checkout-calendar #checkout-form #prevstep i, #checkout-calendar #checkout-form #nextstep i {
  margin: 0 4px; }

#checkout-calendar #checkout-form #prevstep {
  float: left;
  margin-bottom: 10px; }

#checkout-calendar #checkout-form #nextstep {
  float: right;
  margin-bottom: 10px; }

#payment-form .wrap {
  width: auto; }

@media screen and (max-width: 768px) {
  #payment-form {
    padding: 0 32px; } }

#payment-select {
  width: 806px;
  margin: auto;
  padding: 0.35em 0.625em 0.75em; }
  #payment-select #credit-card-numbers label, #payment-select #check-numbers label, #payment-select #split-numbers label {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    #payment-select #credit-card-numbers label input[type=number], #payment-select #credit-card-numbers label input[type=text], #payment-select #check-numbers label input[type=number], #payment-select #check-numbers label input[type=text], #payment-select #split-numbers label input[type=number], #payment-select #split-numbers label input[type=text] {
      margin-left: 4px;
      flex-grow: 1; }
    #payment-select #credit-card-numbers label span.combodate, #payment-select #check-numbers label span.combodate, #payment-select #split-numbers label span.combodate {
      margin-left: 4px; }
    #payment-select #credit-card-numbers label select, #payment-select #check-numbers label select, #payment-select #split-numbers label select {
      flex-grow: 0;
      flex-shrink: 0; }
      #payment-select #credit-card-numbers label select.STATE, #payment-select #check-numbers label select.STATE, #payment-select #split-numbers label select.STATE {
        width: 50px;
        margin-left: 4px; }
    #payment-select #credit-card-numbers label.existing-card, #payment-select #check-numbers label.existing-card, #payment-select #split-numbers label.existing-card {
      justify-content: flex-start; }
      #payment-select #credit-card-numbers label.existing-card input, #payment-select #check-numbers label.existing-card input, #payment-select #split-numbers label.existing-card input {
        margin-right: 4px; }
  #payment-select #credit-card-numbers div:not(.text-right) > label[for="id_CVV2"], #payment-select #check-numbers div:not(.text-right) > label[for="id_CVV2"], #payment-select #split-numbers div:not(.text-right) > label[for="id_CVV2"] {
    justify-content: flex-start; }
    #payment-select #credit-card-numbers div:not(.text-right) > label[for="id_CVV2"] input, #payment-select #check-numbers div:not(.text-right) > label[for="id_CVV2"] input, #payment-select #split-numbers div:not(.text-right) > label[for="id_CVV2"] input {
      flex-grow: 0; }
  #payment-select #credit-card-numbers label.show-inline, #payment-select #check-numbers label.show-inline, #payment-select #split-numbers label.show-inline {
    display: inline; }
  #payment-select label[for="id_save_for_later"] {
    justify-content: flex-start !important; }
    #payment-select label[for="id_save_for_later"] > input {
      margin-right: 8px; }
  #payment-select hr {
    display: none; }
  #payment-select div.col-sm-4, #payment-select div.col-xs-4 {
    width: 33.333%;
    float: left;
    padding: 0 8px; }
  #payment-select div.col-sm-6, #payment-select div.col-xs-6 {
    width: 50%;
    float: left;
    padding: 0 8px;
    margin-bottom: 8px; }
  #payment-select div.col-sm-8, #payment-select div.col-xs-8 {
    width: 66.667%;
    float: left;
    padding: 0 8px; }
  #payment-select div.col-sm-12, #payment-select div.col-xs-12 {
    width: 100%;
    float: left;
    padding: 0 8px; }
  #payment-select #payment-options {
    background: none;
    margin: 10px 0;
    padding: 0;
    display: flex;
    justify-content: space-between; }
    #payment-select #payment-options > div {
      padding: 0; }
    #payment-select #payment-options > div:first-of-type {
      width: 18%; }
      #payment-select #payment-options > div:first-of-type > h2 {
        font-size: 16px;
        margin-top: 10px; }
    #payment-select #payment-options > div:last-of-type {
      width: 76%; }
    #payment-select #payment-options .radio-container {
      position: relative;
      user-select: none; }
      #payment-select #payment-options .radio-container label {
        cursor: pointer;
        margin-bottom: 16px;
        min-height: 30px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction: row-reverse; }
        #payment-select #payment-options .radio-container label input {
          position: absolute;
          opacity: 0; }
        #payment-select #payment-options .radio-container label .checkmark {
          height: 24px;
          width: 24px;
          margin-right: 16px;
          background-color: #EEE;
          border: 2px solid #EEE;
          border-radius: 50%;
          z-index: 10; }
        #payment-select #payment-options .radio-container label input:checked ~ .checkmark {
          background-color: white;
          border: 2px solid #2A68A3;
          background-image: url(../img/radio-dot.png);
          background-position: center center;
          background-repeat: no-repeat; }
        #payment-select #payment-options .radio-container label img.card-logo {
          max-width: 72px;
          margin-right: 16px; }
    #payment-select #payment-options .help-text {
      display: none; }
  #payment-select #split-numbers i.fa-minus {
    margin: 10px;
    cursor: pointer;
    display: none;
    float: right; }
    #payment-select #split-numbers i.fa-minus:hover {
      opacity: 0.8; }
  #payment-select #split-numbers > div > div {
    padding: 8px;
    margin: 8px 0;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey; }
    #payment-select #split-numbers > div > div.hide {
      display: none; }
    #payment-select #split-numbers > div > div:not(.row) {
      text-align: center; }
  #payment-select .credit-card-details, #payment-select .check-details {
    padding: 10px;
    margin-bottom: 10px; }
    #payment-select .credit-card-details input[type=number]::-webkit-outer-spin-button,
    #payment-select .credit-card-details input[type=number]::-webkit-inner-spin-button, #payment-select .check-details input[type=number]::-webkit-outer-spin-button,
    #payment-select .check-details input[type=number]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    #payment-select .credit-card-details > div, #payment-select .check-details > div {
      width: 100%; }
      #payment-select .credit-card-details > div > div, #payment-select .check-details > div > div {
        margin: 0 0 25px 0;
        height: 50px; }
      #payment-select .credit-card-details > div > div:nth-of-type(odd), #payment-select .check-details > div > div:nth-of-type(odd) {
        width: 18%;
        display: flex;
        align-items: center; }
      #payment-select .credit-card-details > div > div:nth-of-type(even), #payment-select .check-details > div > div:nth-of-type(even) {
        width: 82%; }
        #payment-select .credit-card-details > div > div:nth-of-type(even) > label, #payment-select .check-details > div > div:nth-of-type(even) > label {
          width: 393px; }
        #payment-select .credit-card-details > div > div:nth-of-type(even) span.combodate, #payment-select .check-details > div > div:nth-of-type(even) span.combodate {
          width: 395px; }
        #payment-select .credit-card-details > div > div:nth-of-type(even) i.fa-check, #payment-select .check-details > div > div:nth-of-type(even) i.fa-check {
          margin-left: -35px; }
    #payment-select .credit-card-details p.error-message, #payment-select .check-details p.error-message {
      margin-left: 4px;
      font-weight: initial; }
    #payment-select .credit-card-details input, #payment-select .credit-card-details select, #payment-select .check-details input, #payment-select .check-details select {
      padding: 4px;
      border: 1px solid darkgray; }
      #payment-select .credit-card-details input.card-error, #payment-select .credit-card-details select.card-error, #payment-select .check-details input.card-error, #payment-select .check-details select.card-error {
        border-color: darkred; }
      @media screen and (max-width: 1024px) {
        #payment-select .credit-card-details input, #payment-select .credit-card-details select, #payment-select .check-details input, #payment-select .check-details select {
          font-size: 18px;
          font-weight: 600;
          letter-spacing: 2px; } }
    #payment-select .credit-card-details i.fa-check, #payment-select .check-details i.fa-check {
      margin-left: 10px;
      color: #038603;
      opacity: 0.25; }
    #payment-select .credit-card-details img, #payment-select .check-details img {
      margin-left: 10px;
      height: 34px; }
  #payment-select .form-foot {
    text-align: center; }
  #payment-select #validation-error {
    display: none;
    color: #ce0000;
    text-align: center;
    font-size: x-large; }
  #payment-select div#telecheck-legal {
    margin: 0 24px 24px 45px !important;
    border: 1px solid lightgrey;
    padding: 16px;
    text-align: justify !important; }

.clearfix::after {
  content: "";
  clear: both;
  display: table; }

.chat {
  margin-left: 10px;
  margin-top: 8px; }
  .chat a img {
    vertical-align: middle;
    max-width: 30px;
    max-height: 30px; }
  .chat .tbChatText .tbChatOffline {
    color: #908f8f; }
  .chat .tbChatText .tbChatOnline {
    display: none; }

.my-designs {
  display: None; }

.my-saved-designs {
  display: None; }

#frequently-asked-questions h2, #warranty-information h2, #shipping-information h2 {
  margin: 20px 0 40px 0; }

#frequently-asked-questions p, #warranty-information p, #shipping-information p {
  margin: 8px 0 24px 0; }

.store-locator .intro h2 {
  padding: 15px 0;
  font-size: 1.4375em; }

.store-locator .intro p {
  padding: 15px 0; }

.store-locator form {
  margin-bottom: 30px; }
  .store-locator form .errorlist {
    margin-bottom: 20px; }
  .store-locator form button {
    margin: 10px 0; }
    .store-locator form button i {
      margin-left: 10px;
      display: none; }

.store-locator-results {
  border-top: 2px solid #D0D1D2;
  padding: 20px 0; }
  .store-locator-results h2 {
    padding: 10px 0;
    font-size: 1.4375em;
    color: #8C837B; }
    .store-locator-results h2 span {
      font-size: 0.8125em;
      text-transform: lowercase;
      color: #000000; }
  .store-locator-results p {
    margin: 7px 0;
    line-height: 1.75; }

.store-locator-no-results {
  padding: 20px 0;
  margin: 0 80px 30px 80px; }
  .store-locator-no-results h2 {
    font-size: 1.4375em;
    color: #8C837B; }

.designs-content-header {
  position: relative;
  margin-bottom: 2rem;
  border-bottom: 3px solid #000000; }
  .designs-content-header .toggle-ordered-designs {
    margin-top: 10px; }
  .designs-content-header > p {
    width: 70%; }
  .designs-content-header > a {
    width: 25%;
    position: absolute;
    right: 0;
    top: 50px; }
    .designs-content-header > a #old-designs img {
      width: 50px;
      height: 50px;
      font-size: 33px;
      text-align: center;
      margin-right: 10px;
      padding-top: 7px;
      float: left;
      color: #FFFFFF; }
    .designs-content-header > a #old-designs p {
      width: 100%;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 5px;
      line-height: 15px; }
      .designs-content-header > a #old-designs p span {
        color: #C5D4E2;
        font-weight: 600; }
  .designs-content-header .start-new-design {
    margin: 15px 0; }

#old-design-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none; }
  #old-design-modal .modal-dialog {
    width: 450px;
    position: relative;
    margin: 10% auto;
    padding: 3%;
    border-radius: 3px;
    background: #fff;
    text-align: center; }
    #old-design-modal .modal-dialog .modal-body {
      margin-bottom: 20px; }
      #old-design-modal .modal-dialog .modal-body h2 {
        text-align: center;
        margin-bottom: 25px;
        text-transform: initial; }
      #old-design-modal .modal-dialog .modal-body p {
        margin: 20px 0;
        text-align: left; }
    #old-design-modal .modal-dialog #old-design-modal-close {
      line-height: 25px;
      position: absolute;
      right: 10px;
      top: 10px;
      width: 24px;
      text-decoration: none;
      font-weight: bold; }

#old-design-modal:target {
  opacity: 1;
  pointer-events: auto; }

.my-saved-designs > .design-thumb > .inner > .add-to-cart {
  display: none; }

.gallery-header-container h1 {
  width: 100%;
  text-align: center;
  margin: 1rem 0 2rem;
  font-size: 1.5rem; }

.gallery-header-container .banner-slider .slick-prev:hover:before,
.gallery-header-container .banner-slider .slick-prev:focus:before,
.gallery-header-container .banner-slider .slick-next:hover:before,
.gallery-header-container .banner-slider .slick-next:focus:before {
  color: #000000; }

.gallery-header-container .banner-slider .slick-prev {
  left: 20px; }

.gallery-header-container .banner-slider .slick-next {
  right: 20px; }

.gallery-header-container .banner-slider .banner-slide {
  height: 300px; }
  .gallery-header-container .banner-slider .banner-slide img {
    width: 100%;
    object-fit: cover; }

.gallery-filters {
  margin-bottom: 2rem; }
  .gallery-filters .drop-downs select {
    display: none; }
  .gallery-filters .drop-downs .btn-group {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    width: 100%; }
    .gallery-filters .drop-downs .btn-group button {
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      border: solid 1px #ced0d0;
      background: #fff;
      padding: 10px;
      min-width: 150px;
      width: 100%;
      color: #000000;
      text-align: left;
      white-space: nowrap;
      font-size: 1.2rem;
      background-image: url(../img/chevron-down.png);
      background-position: right center;
      background-repeat: no-repeat;
      background-size: 22px;
      padding-right: 32px;
      cursor: pointer; }
    .gallery-filters .drop-downs .btn-group .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 200px;
      width: 100%;
      padding: 10px;
      margin: 2px 0 0;
      font-size: 1.8rem;
      color: #373a3c;
      text-align: left;
      list-style: none;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.15); }
      .gallery-filters .drop-downs .btn-group .dropdown-menu li label {
        font-weight: 300;
        font-size: 1rem;
        cursor: pointer; }
        .gallery-filters .drop-downs .btn-group .dropdown-menu li label input {
          border: none; }
  .gallery-filters .drop-downs > div:last-of-type .btn {
    appearance: none;
    text-align: center;
    color: #FFFFFF;
    font-size: 0.9375em;
    background: none;
    background-color: #B6CCC2;
    padding: 10px 35px 11px; }

.gallery-container .wrap {
  padding-bottom: 20rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  .gallery-container .wrap .gallery-image {
    width: 100%;
    overflow: hidden;
    margin-bottom: 2rem;
    height: 380px;
    max-height: 100%;
    position: relative;
    top: 0;
    left: 0; }
    .gallery-container .wrap .gallery-image img {
      width: 100%;
      object-fit: cover;
      max-width: initial;
      height: 100%;
      box-sizing: content-box; }
    .gallery-container .wrap .gallery-image a {
      color: inherit;
      pointer-events: auto; }
      .gallery-container .wrap .gallery-image a:hover, .gallery-container .wrap .gallery-image a:focus {
        color: #B6CCC2;
        text-decoration: none; }
    .gallery-container .wrap .gallery-image .gallery-image-overlay {
      background: rgba(0, 0, 0, 0.5);
      color: #FFFFFF;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 1.25rem;
      opacity: 0;
      transition: 0.3s opacity ease-in; }
      .gallery-container .wrap .gallery-image .gallery-image-overlay:hover, .gallery-container .wrap .gallery-image .gallery-image-overlay:focus, .gallery-container .wrap .gallery-image .gallery-image-overlay.focused {
        opacity: 1; }
      .gallery-container .wrap .gallery-image .gallery-image-overlay .gallery-image-link {
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%; }
        .gallery-container .wrap .gallery-image .gallery-image-overlay .gallery-image-link button {
          width: 144px;
          height: 40px;
          padding: 10px 13px;
          border-radius: 3px;
          font-size: 15px;
          font-weight: 500;
          color: #ffffff; }
  .gallery-container .wrap .no-results {
    width: 100%;
    text-align: center;
    margin: 3rem 0;
    font-size: 1.25em;
    font-weight: 600; }
  .gallery-container .wrap .pagination {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 2rem; }
    .gallery-container .wrap .pagination .pages {
      padding: 10px 15px;
      margin: 0 20px; }
    .gallery-container .wrap .pagination a {
      font-weight: 600; }
      .gallery-container .wrap .pagination a.btn {
        padding: 10px 15px; }
  .gallery-container .wrap #infscr-loading {
    width: 100%;
    text-align: center; }

.gallery-detail {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  .gallery-detail .gallery-detail-image {
    display: flex;
    align-items: center;
    justify-content: center; }
    .gallery-detail .gallery-detail-image img {
      object-fit: contain; }
  .gallery-detail .gallery-detail-info {
    font-size: 1.5rem;
    padding: 30px 15px; }
    .gallery-detail .gallery-detail-info h2 {
      font-size: 1.125em; }
    .gallery-detail .gallery-detail-info .details {
      width: initial;
      margin: 25px 0; }
      .gallery-detail .gallery-detail-info .details p {
        font-size: 0.8125em;
        margin: 15px 0; }
        .gallery-detail .gallery-detail-info .details p span {
          display: inline-block;
          width: 75px;
          font-weight: 600; }
    .gallery-detail .gallery-detail-info .description p {
      font-size: 0.6875em;
      line-height: 1.5625em;
      margin-bottom: .5em; }
    .gallery-detail .gallery-detail-info .social-icons {
      margin-top: 50px;
      text-align: center; }
      .gallery-detail .gallery-detail-info .social-icons a {
        margin-right: 25px; }

.gallery-detail-info {
  background: #FFFFFF; }

.gallery-slide-collection {
  position: relative; }
  .gallery-slide-collection span {
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0.25em;
    text-align: center;
    transition: 0.25s opacity; }
  .gallery-slide-collection a:focus span, .gallery-slide-collection a:hover span {
    opacity: 0.5; }

.gallery-slide-image a {
  opacity: 1;
  transition: 0.3s opacity; }
  .gallery-slide-image a.active {
    cursor: default; }
  .gallery-slide-image a.active, .gallery-slide-image a:hover, .gallery-slide-image a:focus {
    opacity: 0.7; }
  .gallery-slide-image a img {
    border: 1px solid #000; }

.related-product-images {
  padding: 20px; }
  .related-product-images h3 {
    margin: 20px 0; }
  .related-product-images .related-gallery-slider {
    display: flex;
    list-style: none;
    padding: 0; }
    .related-product-images .related-gallery-slider .gallery-slide-image {
      margin-right: 20px; }
      .related-product-images .related-gallery-slider .gallery-slide-image:last-child {
        margin-right: 0; }

/* Osano Icon Removal */
.osano-cm-widget {
  display: none; }

@media only screen and (min-width: 481px) {
  .ideas-list .wrap a {
    width: 48%; }
    .ideas-list .wrap a:nth-of-type(odd) {
      margin-right: 4%; }
  .design-tool header .top-bar .logout {
    display: inline-block; }
  .design-tool .tool-bar .price {
    display: inline-block; }
  .design-tool .tool-bar .buttons {
    display: inline; }
    .design-tool .tool-bar .buttons .btn {
      width: 48%; }
  .design-tool .tool-bar #tools {
    width: 48%; } }

@media only screen and (min-width: 586px) {
  .product-flex-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .product-flex-wrap .product-thumb {
      margin: 0 0 30px;
      width: 50%;
      max-width: none; }
  .garage-flex-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .garage-flex-wrap .design-thumb {
      margin: 0 0 30px;
      width: 50%;
      max-width: none; }
  .product-main .appearance-options {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    vertical-align: middle; }
  .technical-specs-tab table td {
    width: 67%; }
    .technical-specs-tab table td.label {
      width: 33%; }
  .installation-tab .img-holder {
    vertical-align: top;
    margin-bottom: 0; }
  .installation-tab .text-holder {
    display: inline-block;
    vertical-align: top;
    width: 60%;
    margin-left: 20px; }
  .customer-info {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .customer-info div {
      width: 100%; }
      .customer-info div.lists {
        width: 48%; }
      .customer-info div ul li .label {
        text-align: right; }
  footer {
    text-align: left; }
    footer .wrap {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
    footer .footer-logo {
      margin-bottom: 30px;
      width: 275px; }
    footer .menu-list {
      margin: 0; }
      footer .menu-list + .menu-list {
        margin-top: 0; }
  #subscribe-form {
    width: 100%;
    margin-top: 0; }
  .order-page .items td.col-desc, .account-page .items td.col-desc {
    width: 40%; }
  .design-request-content .garage-zones .zone {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
    .design-request-content .garage-zones .zone .img-holder {
      width: 22.5%; }
    .design-request-content .garage-zones .zone .text-holder {
      width: 70%; }
  .design-request-content .zone-dimensions {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
    .design-request-content .zone-dimensions .half {
      width: 45%; }
  .design-request-content .my-zones {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .design-request-content .my-zones .zone {
      width: 44%;
      margin: 2.75%; }
  .flex-form .input-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px; }
    .flex-form .input-wrap > input, .flex-form .input-wrap .radio-group {
      width: 75%;
      text-align: left; }
    .flex-form .input-wrap > label {
      width: 20%;
      text-align: right; }
  .design-tool .tool-bar .wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center; }
  .design-tool .tool-bar .price {
    width: auto; }
  .design-tool .tool-bar .buttons {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-top: 20px; }
    .design-tool .tool-bar .buttons .btn {
      width: auto;
      margin-top: 0;
      margin-left: 5px; }
    .design-tool .tool-bar .buttons #tools {
      width: auto; }
  .design-tool .tool-bar #tools div {
    right: 0;
    right: auto;
    right: initial;
    right: unset;
    left: 0; } }

@media only screen and (min-width: 768px) {
  .mobile-only {
    display: none !important; }
  .desk-only {
    display: block; }
  .mobile-wrap {
    width: auto;
    max-width: none;
    margin: 0;
    display: none; }
  .desk-wrap {
    width: 90%;
    max-width: 1232px;
    margin: 0 auto; }
  .half {
    width: 48%; }
  header {
    min-height: 112px; }
    header .top-bar {
      display: block;
      color: #FFFFFF;
      order: 0; }
      header .top-bar .wrap {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center; }
        header .top-bar .wrap .main-logo {
          width: initial; }
      header .top-bar .icon-holder {
        padding: 9px 0; }
      header .top-bar .header-contact {
        display: inline-block; }
        header .top-bar .header-contact p {
          margin-bottom: 0; }
      header .top-bar .header-cart-btn {
        position: relative;
        display: inline-block;
        height: 40px;
        padding: 6px 9px; }
      header .top-bar .logout {
        padding: 0 10px; }
      header .top-bar .logout, header .top-bar .profile {
        background: transparent;
        margin-right: 20px; }
    header .main-bar .desk-wrap {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: center;
      align-items: center; }
    header .main-bar .mobile-wrap {
      padding: 17px 0; }
    header nav {
      display: block; }
      header nav .menu-list {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        border: none; }
        header nav .menu-list li {
          border: none; }
          header nav .menu-list li a {
            padding: 6px 0; }
            header nav .menu-list li a.active {
              border-bottom: 3px solid lightgrey; }
            header nav .menu-list li a.btn {
              border: 2px solid black;
              padding: 10px 15px; }
          header nav .menu-list li + li {
            margin-top: 0;
            margin-left: 10px; }
        header nav .menu-list li.sub-menu {
          position: relative; }
          header nav .menu-list li.sub-menu ul.dropdown-menu {
            position: absolute;
            left: -40px;
            margin: 0;
            padding: 20px 10px;
            border-top: 2px solid black;
            z-index: 1005;
            background-color: white;
            width: 250px;
            margin-top: 15px;
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
            width: auto; }
            header nav .menu-list li.sub-menu ul.dropdown-menu li {
              padding-left: 0;
              display: block;
              margin-left: 0; }
              header nav .menu-list li.sub-menu ul.dropdown-menu li a {
                text-transform: none;
                font-weight: 400;
                font-size: 1em; }
            header nav .menu-list li.sub-menu ul.dropdown-menu + li {
              margin-left: 0; }
        header nav .menu-list li:last-of-type {
          display: inline-block; }
  .banner.idea {
    padding: 300px 0 20px; }
  .banner h1 {
    font-size: 3.75em; }
  .banner-slider .banner-slide {
    height: 600px; }
    .banner-slider .banner-slide .bg-holder {
      width: 60%;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%; }
    .banner-slider .banner-slide h2 {
      margin-top: 100px; }
    .banner-slider .banner-slide .text-holder {
      height: 100%;
      width: 40%;
      position: absolute;
      right: 0;
      top: 0;
      padding: 50px 25px 15px;
      color: black; }
      .banner-slider .banner-slide .text-holder h2 {
        margin-bottom: 25px; }
      .banner-slider .banner-slide .text-holder p {
        margin-bottom: 25px; }
        .banner-slider .banner-slide .text-holder p:last-of-type {
          margin-bottom: 5px; }
  .banner-slider .slick-dots {
    left: 45%;
    width: 115px;
    bottom: 20px;
    top: auto; }
    .banner-slider .slick-dots li {
      z-index: 3; }
  section#featured-kit {
    background-image: url("https://s3.amazonaws.com/media.thestowcompany.com/managed_media/filer_public/f3/73/f3737300-5b18-447f-9925-0f29b0086aa6/easy_track_fullwidth_banner.jpg");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat; }
    section#featured-kit p {
      width: 30%; }
  .product-category-boxes .wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .product-category-boxes .product-category-box {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 50px;
    width: 30%; }
    .product-category-boxes .product-category-box:hover {
      background-color: #C42523; }
      .product-category-boxes .product-category-box:hover .bg-holder {
        mix-blend-mode: multiply;
        opacity: .75; }
    .product-category-boxes .product-category-box h3 {
      font-size: 1.125em; }
    .product-category-boxes .product-category-box .btn {
      padding-left: 0;
      padding-right: 0;
      font-size: 1.125em; }
    .product-category-boxes .product-category-box + .product-category-box {
      margin-top: 0; } }

@media only screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .product-category-boxes .product-category-box:hover .bg-holder {
    opacity: .2; } }

@media only screen and (min-width: 768px) {
  @supports (-ms-ime-align: auto) {
    .product-category-boxes .product-category-box:hover .bg-holder {
      opacity: .2; } }
  .product-flex-wrap .product-thumb {
    width: 33.333%; }
  .product-flex-wrap section#best-selling-kits {
    width: 100%; }
    .product-flex-wrap section#best-selling-kits .container .row .col-md-4 {
      width: 100%; }
  .garage-flex-wrap .design-thumb {
    width: 33.333%; }
  .img-dropdown .label span, .fancy-dropdown .label span {
    margin-right: 12px; }
  .category-bar .wrap a {
    display: block; }
  .product-main .wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .product-main .photo-wrap {
    width: 48%;
    order: 1; }
  .product-main .appearance-options {
    width: 48%;
    order: 3; }
  .product-main .product-description {
    width: 48%;
    border-top: 0;
    order: 2; }
  .product-main .product-notes {
    margin-top: 0;
    order: 4; }
    .product-main .product-notes div {
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 16px; }
      .product-main .product-notes div i {
        font-size: 1.125em; }
      .product-main .product-notes div + div {
        margin-top: 0; }
  .product-main .product-photo-slider {
    margin-bottom: 0;
    padding: 5%;
    padding-left: 70px;
    height: 530px; }
  .product-main h2 {
    display: block;
    font-size: 2em;
    letter-spacing: 1px;
    line-height: 1em; }
  .product-main .thumbnails {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: left;
    justify-content: left; }
    .product-main .thumbnails .img-holder {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      background: white;
      opacity: 0.5;
      height: 100px;
      width: 100px;
      cursor: pointer;
      outline: none;
      margin-right: 30px; }
      .product-main .thumbnails .img-holder img {
        max-height: 100%; }
      .product-main .thumbnails .img-holder.active, .product-main .thumbnails .img-holder.slick-current {
        height: 100px;
        width: 100px !important;
        opacity: 1; }
      .product-main .thumbnails .img-holder:last-of-type {
        margin-right: 0; }
  .tab {
    display: none; }
    .tab .mobile-opener {
      display: none; }
    .tab > .wrap {
      padding-top: 66px;
      padding-bottom: 66px;
      height: auto; }
    .tab.active {
      display: block; }
  .product-tabs {
    border-top: 0; }
    .product-tabs .tab-titles-scroll-catch {
      height: 1px; }
      .product-tabs .tab-titles-scroll-catch.fixed {
        margin-bottom: 80px; }
    .product-tabs .tab-titles {
      display: block; }
      .product-tabs .tab-titles:before {
        content: '';
        width: 100%;
        height: 50%;
        top: 0;
        left: 0;
        position: absolute; }
  .technical-specs-tab .wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .technical-specs-tab .measurements, .technical-specs-tab .features {
    width: 48%; }
  .technical-specs-tab .features {
    margin-top: 0; }
  .installation-tab .img-holder {
    width: 20.7%; }
  .installation-tab .text-holder {
    width: 73.9%;
    margin-left: 0; }
  .progress-bar .step span {
    white-space: nowrap; }
  #review-order .btn + small, #secure-checkout .btn + small {
    margin-left: 0; }
  .ideas-list .wrap a {
    width: 30%;
    margin-right: 5%; }
    .ideas-list .wrap a:nth-of-type(odd) {
      margin-right: 5%; }
    .ideas-list .wrap a:nth-of-type(3n+3) {
      margin-right: 0; }
  .idea-content .related-ideas-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: baseline;
    align-items: baseline;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
    .idea-content .related-ideas-wrap .related-ideas {
      -webkit-order: 0;
      order: 0; }
    .idea-content .related-ideas-wrap .text-wrap {
      margin-left: 8%;
      -webkit-order: 1;
      order: 1; }
  .contact-us .content form .compliance-text {
    padding: 0; }
  .sample-request .content {
    max-width: 1000px; }
    .sample-request .content #sample-form {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      .sample-request .content #sample-form .no-label-offset {
        margin: 38px 0 36px; }
  #cart-fly-out {
    display: block;
    width: 565px;
    position: fixed;
    top: 0;
    right: -600px;
    height: 100vh;
    z-index: 1600;
    background: #fff;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 2px 34px 0 rgba(54, 56, 62, 0.2);
    transition: all .2s ease-out; }
    #cart-fly-out.opened {
      right: 0; }
      #cart-fly-out.opened .closer {
        display: block;
        position: absolute;
        right: 100%;
        height: 100%;
        width: 100vw; }
    #cart-fly-out .closer {
      display: none; }
    #cart-fly-out .fly-out-head {
      padding: 20px;
      position: relative;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: center;
      align-items: center; }
      #cart-fly-out .fly-out-head:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 40px;
        opacity: .05;
        background: linear-gradient(to bottom, black 0%, transparent 100%); }
      #cart-fly-out .fly-out-head > div {
        font-size: .8rem;
        font-weight: 400; }
        #cart-fly-out .fly-out-head > div span {
          font-size: 1.5rem;
          display: block; }
      #cart-fly-out .fly-out-head .continue {
        color: #8C837B;
        text-transform: capitalize;
        font-weight: 600; }
        #cart-fly-out .fly-out-head .continue i {
          vertical-align: middle; }
    #cart-fly-out .package {
      border-bottom: 4px solid #eee;
      background-color: #eee;
      cursor: pointer; }
      #cart-fly-out .package .product {
        border-bottom: none; }
        #cart-fly-out .package .product.lrg {
          border-bottom: 1px solid #D0D1D2;
          background-color: white;
          background-image: url(../img/chevron-down.png);
          background-position: right center;
          background-repeat: no-repeat;
          background-size: 30px; }
          #cart-fly-out .package .product.lrg .img-holder {
            border: 3px solid #fff;
            height: 110px;
            width: 130px;
            padding: 4px;
            background-color: white; }
          #cart-fly-out .package .product.lrg .product-title {
            font-size: 1.2rem; }
          #cart-fly-out .package .product.lrg .product-price .red-text {
            font-size: 1.5rem; }
          #cart-fly-out .package .product.lrg:hover {
            background-color: #eee; }
        #cart-fly-out .package .product.inactive {
          opacity: 1; }
      #cart-fly-out .package .products-in-package {
        padding-left: 2rem;
        height: 0;
        overflow: hidden;
        transition: height 0.2s ease-out; }
        #cart-fly-out .package .products-in-package.active {
          height: 100%; }
        #cart-fly-out .package .products-in-package .product.inactive {
          opacity: 1; }
        #cart-fly-out .package .products-in-package .product-price {
          font-size: .8rem; }
        #cart-fly-out .package .products-in-package .img-holder {
          border: none; }
    #cart-fly-out .cart-products {
      position: relative;
      overflow: auto;
      height: 100%; }
      #cart-fly-out .cart-products .package {
        border-bottom: 4px solid #eee;
        background-color: #eee;
        cursor: pointer; }
        #cart-fly-out .cart-products .package .product {
          border-bottom: none; }
          #cart-fly-out .cart-products .package .product.lrg {
            border-bottom: 1px solid #D0D1D2;
            background-color: white;
            background-image: url(../img/chevron-down.png);
            background-position: right center;
            background-repeat: no-repeat;
            background-size: 30px; }
            #cart-fly-out .cart-products .package .product.lrg .img-holder {
              border: 3px solid #fff;
              height: 110px;
              width: 130px;
              padding: 4px;
              background-color: white; }
            #cart-fly-out .cart-products .package .product.lrg .product-title {
              font-size: 1.2rem; }
            #cart-fly-out .cart-products .package .product.lrg .product-price .red-text {
              font-size: 1.5rem; }
            #cart-fly-out .cart-products .package .product.lrg:hover {
              background-color: #eee; }
          #cart-fly-out .cart-products .package .product.inactive {
            opacity: 1; }
        #cart-fly-out .cart-products .package .products-in-package {
          padding-left: 2rem;
          height: 0;
          overflow: hidden;
          transition: height 0.2s ease-out; }
          #cart-fly-out .cart-products .package .products-in-package.active {
            height: 100%; }
          #cart-fly-out .cart-products .package .products-in-package .product.inactive {
            opacity: 1; }
          #cart-fly-out .cart-products .package .products-in-package .product-price {
            font-size: .8rem; }
          #cart-fly-out .cart-products .package .products-in-package .img-holder {
            border: none; }
      #cart-fly-out .cart-products .product {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        padding: 10px;
        padding-right: 56px;
        border-bottom: 1px solid #D0D1D2; }
        #cart-fly-out .cart-products .product .img-holder {
          border: 3px solid #F1F1F1;
          height: 64px;
          width: 68px;
          padding: 4px; }
          #cart-fly-out .cart-products .product .img-holder img {
            margin: 0 auto;
            max-height: 100%; }
        #cart-fly-out .cart-products .product .product-title {
          font-weight: 600;
          font-size: 1.375em;
          width: 60%; }
        #cart-fly-out .cart-products .product .product-price {
          text-align: right; }
          #cart-fly-out .cart-products .product .product-price .brown-text {
            font-size: 1.5em;
            display: block; }
          #cart-fly-out .cart-products .product .product-price .strike {
            font-size: 1em; }
        #cart-fly-out .cart-products .product.inactive {
          opacity: .4; }
    #cart-fly-out .fly-out-foot {
      position: absolute;
      bottom: 0;
      right: 0;
      background: #fff;
      width: 100%; }
      #cart-fly-out .fly-out-foot:before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        height: 40px;
        opacity: .05;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
        background: linear-gradient(to bottom, transparent 0%, black 100%); }
      #cart-fly-out .fly-out-foot .promo {
        padding: 20px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        border-bottom: 1px solid #D0D1D2; }
        #cart-fly-out .fly-out-foot .promo input {
          margin-left: 0;
          height: 50px; }
          #cart-fly-out .fly-out-foot .promo input[type="text"] {
            margin-right: 20px;
            background: #fff; }
        #cart-fly-out .fly-out-foot .promo .btn {
          min-width: 130px;
          max-width: 130px;
          padding: 16px 0; }
      #cart-fly-out .fly-out-foot .subtotal {
        padding: 20px;
        padding-bottom: 0px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
        #cart-fly-out .fly-out-foot .subtotal .title {
          font-size: 1.125em;
          line-height: 2.6em; }
        #cart-fly-out .fly-out-foot .subtotal div {
          text-align: right; }
          #cart-fly-out .fly-out-foot .subtotal div span {
            display: block; }
          #cart-fly-out .fly-out-foot .subtotal div .brown-text {
            font-size: 2.125em; }
          #cart-fly-out .fly-out-foot .subtotal div .strike {
            font-size: 1.5em; }
      #cart-fly-out .fly-out-foot .bread-prequalification {
        margin: 20px 20px 0 20px; }
      #cart-fly-out .fly-out-foot .cart-btns {
        padding: 20px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
        #cart-fly-out .fly-out-foot .cart-btns .btn {
          width: 100%;
          padding: 17px 0; }
  .impersonating #cart-fly-out {
    height: calc(100vh - 59px); }
  #proposal-fly-out {
    display: block;
    width: 565px;
    left: -600px;
    position: fixed;
    top: 0;
    height: 100vh;
    z-index: 3147483647;
    background: #fff;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-shadow: 0 2px 34px 0 rgba(54, 56, 62, 0.2);
    box-shadow: 0 2px 34px 0 rgba(54, 56, 62, 0.2);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    #proposal-fly-out.opened {
      left: 0; }
      #proposal-fly-out.opened .closer {
        display: block;
        position: absolute;
        right: 100%;
        height: 100%;
        width: 100vw; }
    #proposal-fly-out .closer {
      display: none; }
    #proposal-fly-out .fly-out-head {
      padding: 20px;
      position: relative;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: center;
      align-items: center;
      border-bottom: 1px solid #eee; }
      #proposal-fly-out .fly-out-head:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 40px;
        opacity: .05;
        background: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent));
        background: linear-gradient(to bottom, black 0%, transparent 100%); }
      #proposal-fly-out .fly-out-head > div {
        font-size: .8rem;
        font-weight: 400; }
        #proposal-fly-out .fly-out-head > div span {
          font-size: 1.5rem;
          display: block; }
      #proposal-fly-out .fly-out-head .continue {
        color: #C5D4E2;
        text-transform: capitalize;
        font-weight: 400;
        font-size: 1rem; }
        #proposal-fly-out .fly-out-head .continue i {
          vertical-align: middle; }
    #proposal-fly-out .proposal-products {
      position: relative;
      overflow: auto;
      height: 100%; }
      #proposal-fly-out .proposal-products .package {
        border-bottom: 4px solid #eee;
        background-color: #eee;
        cursor: pointer; }
        #proposal-fly-out .proposal-products .package .product {
          border-bottom: none; }
          #proposal-fly-out .proposal-products .package .product.lrg {
            border-bottom: 1px solid #D0D1D2;
            background-color: white;
            background-image: url(../img/chevron-down.png);
            background-position: right center;
            background-repeat: no-repeat;
            background-size: 30px; }
            #proposal-fly-out .proposal-products .package .product.lrg .img-holder {
              border: 3px solid #fff;
              height: 110px;
              width: 130px;
              padding: 4px;
              background-color: white; }
            #proposal-fly-out .proposal-products .package .product.lrg .product-title {
              font-size: 1.2rem; }
            #proposal-fly-out .proposal-products .package .product.lrg .product-price .red-text {
              font-size: 1.5rem; }
            #proposal-fly-out .proposal-products .package .product.lrg:hover {
              background-color: #eee; }
          #proposal-fly-out .proposal-products .package .product.inactive {
            opacity: 1; }
        #proposal-fly-out .proposal-products .package .products-in-package {
          padding-left: 2rem;
          height: 0;
          overflow: hidden;
          transition: height 0.2s ease-out; }
          #proposal-fly-out .proposal-products .package .products-in-package.active {
            height: 100%; }
          #proposal-fly-out .proposal-products .package .products-in-package .product.inactive {
            opacity: 1; }
          #proposal-fly-out .proposal-products .package .products-in-package .product-price {
            font-size: .8rem; }
          #proposal-fly-out .proposal-products .package .products-in-package .img-holder {
            border: none; }
      #proposal-fly-out .proposal-products .product {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        padding: 10px;
        padding-right: 56px;
        border-bottom: 1px solid #D0D1D2; }
        #proposal-fly-out .proposal-products .product .img-holder {
          border: 3px solid #F1F1F1;
          height: 64px;
          width: 68px;
          padding: 4px; }
          #proposal-fly-out .proposal-products .product .img-holder img {
            margin: 0 auto;
            max-height: 100%; }
        #proposal-fly-out .proposal-products .product .product-title {
          font-weight: 600;
          font-size: 1.375em;
          width: 60%; }
          #proposal-fly-out .proposal-products .product .product-title .proposal-remove {
            padding-left: 5px;
            cursor: pointer; }
        #proposal-fly-out .proposal-products .product .product-price {
          text-align: right; }
          #proposal-fly-out .proposal-products .product .product-price .red-text {
            font-size: 1.5em;
            display: block; }
          #proposal-fly-out .proposal-products .product .product-price .strike {
            font-size: 1em; }
        #proposal-fly-out .proposal-products .product.inactive {
          opacity: .4; }
    #proposal-fly-out .fly-out-foot {
      position: absolute;
      bottom: 0;
      right: 0;
      background: #fff;
      width: 100%; }
      #proposal-fly-out .fly-out-foot:before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        height: 40px;
        opacity: .05;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
        background: linear-gradient(to bottom, transparent 0%, black 100%); }
      #proposal-fly-out .fly-out-foot .promo {
        padding: 20px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        border-bottom: 1px solid #D0D1D2; }
        #proposal-fly-out .fly-out-foot .promo input {
          margin-left: 0;
          height: 50px; }
          #proposal-fly-out .fly-out-foot .promo input[type="text"] {
            margin-right: 20px;
            background: #fff; }
        #proposal-fly-out .fly-out-foot .promo .btn {
          min-width: 130px;
          max-width: 130px;
          padding: 16px 0; }
      #proposal-fly-out .fly-out-foot .subtotal {
        padding: 20px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
        #proposal-fly-out .fly-out-foot .subtotal .title {
          font-size: 1.125em;
          line-height: 2.6em; }
        #proposal-fly-out .fly-out-foot .subtotal div {
          text-align: right; }
          #proposal-fly-out .fly-out-foot .subtotal div span {
            display: block; }
          #proposal-fly-out .fly-out-foot .subtotal div .red-text {
            font-size: 2.125em; }
          #proposal-fly-out .fly-out-foot .subtotal div .strike {
            font-size: 1.5em; }
      #proposal-fly-out .fly-out-foot .proposal-btns {
        padding: 20px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
        #proposal-fly-out .fly-out-foot .proposal-btns .btn {
          width: 48%;
          padding: 17px 0; }
  .installation .flex-wrap, .installation-tab .flex-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
  .installation #before-you-begin .block, .installation-tab #before-you-begin .block {
    width: 30.7%; }
  .installation #recommended-tools .flex-wrap, .installation-tab #recommended-tools .flex-wrap {
    -webkit-align-items: baseline;
    align-items: baseline; }
    .installation #recommended-tools .flex-wrap .tool, .installation-tab #recommended-tools .flex-wrap .tool {
      width: 31%;
      margin-bottom: 80px; }
  .installation #installation-videos .wrap, .installation-tab #installation-videos .wrap {
    margin-bottom: 80px; }
  .installation #installation-videos .flex-wrap, .installation-tab #installation-videos .flex-wrap {
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .installation #installation-videos .thumbnail, .installation-tab #installation-videos .thumbnail {
    width: 33.33%;
    margin: 0 0 80px;
    max-width: none;
    text-align: left;
    padding: 0 1.37%; }
  .customer-info div {
    width: 48%; }
  .desk-left {
    float: left;
    width: 44%;
    margin: 0; }
  .account-info .account {
    text-transform: uppercase;
    font-size: 1.125em;
    line-height: normal; }
    .account-info .account .label {
      font-weight: 700;
      display: inline-block;
      margin-top: 15px; }
  .free-shipping-bar .wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .free-shipping-bar i {
    margin-bottom: 0; }
  .free-shipping-bar .text-holder {
    margin-bottom: 0; }
  .free-shipping-bar .sample-kit-link {
    text-align: right;
    max-width: 310px; }
    .free-shipping-bar .sample-kit-link .btn {
      width: auto; }
  .btn-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center; }
    .btn-wrapper .btn {
      width: 47%;
      padding: 17px; }
  .zone-information .wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 1000px; }
  .zone-information .text-holder {
    width: 48.7%; }
    .zone-information .text-holder > .lnr-arrow-down {
      display: block;
      left: 51.3%; }
  .zone-information .img-holder {
    width: 42.7%; }
  .packages .packages-by-width {
    position: relative; }
    .packages .packages-by-width .title-holder {
      position: sticky;
      top: 50vh;
      text-align: left;
      margin-bottom: 0; }
    .packages .packages-by-width .packages-wrap {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-left: 200px; }
    .packages .packages-by-width .product-thumb {
      margin-bottom: 0;
      width: 50%; }
  .profile-nav li h1 {
    font-size: 1em; }
  .profile-nav li a {
    font-size: 1em; }
  .profile-nav li + li {
    margin-left: 5%; }
  .request-progress .progress-bar {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center; }
  .design-request-content .garage-zones {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
    .design-request-content .garage-zones .zone {
      width: 33%;
      margin-bottom: 0; }
  .design-request-content .zone {
    position: relative;
    border: 1px solid transparent;
    cursor: pointer; }
    .design-request-content .zone .hover {
      opacity: 0; }
    .design-request-content .zone:hover {
      border: 1px solid #EDEDED;
      background: #fff; }
      .design-request-content .zone:hover:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 10%;
        width: 80%;
        height: 80%;
        background: #000;
        opacity: .2;
        z-index: -1;
        filter: blur(14px);
        backface-visibility: hidden;
        perspective: 1000;
        transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        pointer-events: none; }
      .design-request-content .zone:hover .hover {
        opacity: 1; }
  .design-request-content .btn {
    width: auto;
    min-width: 366px;
    padding: 16px;
    margin-top: 20px; }
  .design-request-content .zone-dimensions form input[type="submit"].btn {
    width: 132px;
    margin-left: 0;
    min-width: 0; }
  .design-request-content .request-sent .step .img-holder {
    width: 120px;
    height: 120px; }
  #lightbox .inner .lightbox-content {
    padding: 50px 60px; }
    #lightbox .inner .lightbox-content > .half {
      width: 46%; }
    #lightbox .inner .lightbox-content form input[type="submit"].btn {
      width: 100%;
      margin-left: 0; }
      #lightbox .inner .lightbox-content form input[type="submit"].btn.auto-width {
        width: auto;
        margin: 0; }
    #lightbox .inner .lightbox-content .product-main .product-photo-slider {
      padding: 0 0 0 70px; }
  .flex-form .full > label {
    width: 9%; }
  .flex-form .full .radio-group, .flex-form .full > input {
    width: 87.8%; }
  .flex-form .half {
    width: 49%; }
  .flex-form .quarter {
    width: 24.01%; }
  .flex-form input[type="submit"].btn {
    width: auto;
    margin: 40px auto 0;
    padding: 20px 62px; }
  .tab-container .tab.active {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .design-tool header .top-bar .icon-holder {
    display: -webkit-inline-flex;
    display: inline-flex; }
  .design-tool .tool-bar .wrap {
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .design-tool .tool-bar .buttons {
    width: auto; }
  .design-tool .global-settings .wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .design-tool .global-settings .wrap > div {
      white-space: nowrap; }
  .account-page.login .wrap,
  .account-page.forgot-password .wrap,
  .account-page.change-password .wrap,
  .account-page.signup .wrap {
    max-width: 400px;
    margin: 0 auto; }
  #login-form .login-submit, #login-form + .more-options, #signup-form .login-submit, #signup-form + .more-options {
    text-align: center; }
  #login-form + .more-options.i-have-an-accoount, #signup-form + .more-options.i-have-an-accoount {
    text-align: left; }
  .store-locator {
    margin: 0 80px 30px 80px; }
    .store-locator .intro {
      margin-bottom: 30px; }
    .store-locator form .fields > div {
      display: inline-block;
      width: 33%;
      vertical-align: top; }
    .store-locator form .fields > div:first-of-type {
      margin-right: 50px; }
  .store-locator-results {
    margin: 0 80px 30px 80px; }
  #enter_design_select #design-select-layout #enter_design_form #title1 {
    font-size: 2rem; }
  #enter_design_select #design-select-layout #enter_design_form .layout-select-flex-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    #enter_design_select #design-select-layout #enter_design_form .layout-select-flex-wrap .closet-type {
      margin: 0 0 30px;
      width: 50%;
      max-width: none; }
      #enter_design_select #design-select-layout #enter_design_form .layout-select-flex-wrap .closet-type p {
        font-weight: 600; }
      #enter_design_select #design-select-layout #enter_design_form .layout-select-flex-wrap .closet-type img {
        cursor: pointer; }
  .order-page .steps {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .order-page .steps a.btn {
      color: #FFFFFF; }
    .order-page .steps .cart-btns {
      width: 100%;
      margin-top: 0; }
  .gallery-header-container {
    padding: 20px 0; }
    .gallery-header-container h1 {
      font-size: 2rem;
      margin: 2rem 0; }
    .gallery-header-container .banner-slider .banner-slide {
      height: 500px; }
    .gallery-header-container .banner-slider .slick-dots {
      left: 47%; }
  .gallery-filters {
    margin-bottom: 0; }
    .gallery-filters .wrap .drop-downs {
      display: flex;
      align-items: baseline;
      justify-content: space-evenly;
      margin: 0;
      padding: 1rem 0 1rem 1.25rem; }
  .gallery-container .wrap .gallery-image {
    width: 50%;
    padding: 2rem 1.25rem 0; }
    .gallery-container .wrap .gallery-image .gallery-image-overlay {
      top: 2rem;
      left: 1.25rem; }
  .gallery-detail .gallery-detail-image {
    width: 50%; }
    .gallery-detail .gallery-detail-image img {
      width: 100%; }
  .gallery-detail .gallery-detail-info {
    width: 50%;
    font-size: 1.5rem;
    padding: 3rem; }
    .gallery-detail .gallery-detail-info .details {
      width: initial;
      margin: 25px 0; }
      .gallery-detail .gallery-detail-info .details p {
        font-size: 0.8125em;
        margin: 15px 0; }
        .gallery-detail .gallery-detail-info .details p span {
          display: inline-block;
          width: 75px;
          font-weight: 600; }
    .gallery-detail .gallery-detail-info .description p {
      font-size: 0.6875em;
      line-height: 1.5625em;
      margin-bottom: .5em; }
    .gallery-detail .gallery-detail-info .social-icons {
      margin-top: 30px; }
      .gallery-detail .gallery-detail-info .social-icons a {
        margin-right: 25px; } }

@media only screen and (min-width: 936px) {
  header {
    min-height: 140px; }
    header .top-bar .header-contact {
      margin-right: 24px; }
  .banner {
    padding: 150px 0 210px; }
    .banner p {
      max-width: 460px; }
    .banner .thumbnails {
      bottom: -192px; }
    .banner.black {
      padding: 114px 0; }
  .banner-slider .banner-slide .wrap {
    padding-bottom: 160px; }
  .banner-slider .banner-slide h1, .banner-slider .banner-slide .h1 {
    font-size: 1.875em;
    font-weight: 600; }
  .three-features {
    width: 90%;
    max-width: 1116px;
    margin: 0 auto; }
    .three-features.with-js {
      background: transparent; }
    .three-features .wrap {
      width: 100%; }
  .lifestyle .text-slider-holder .wrap {
    width: 70%; }
  .product-category-boxes .product-category-box h3 {
    font-size: 1.5em; }
  .category-bar {
    padding: 20px 0; }
    .category-bar:after {
      display: none; }
    .category-bar.opened a {
      display: inline-block; }
    .category-bar.fixed {
      top: 138px; }
    .category-bar .wrap {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-evenly;
      justify-content: space-evenly; }
    .category-bar a {
      display: inline-block;
      margin: 0; }
      .category-bar a.active {
        display: inline-block; }
        .category-bar a.active:after {
          display: none; }
      .category-bar a:first-of-type {
        margin-left: 0; }
      .category-bar a:last-of-type {
        margin-right: 0; }
      .category-bar a p {
        font-size: 1em;
        line-height: normal; }
  .no-touch .product-thumb .btn, .no-touch .design-thumb .btn {
    opacity: 0; }
  .no-touch .product-thumb .quantity, .no-touch .design-thumb .quantity {
    opacity: 0; }
  .no-touch .product-thumb:hover, .no-touch .design-thumb:hover {
    box-shadow: 0 2px 34px 0 rgba(54, 56, 62, 0.2); }
    .no-touch .product-thumb:hover .btn, .no-touch .design-thumb:hover .btn {
      opacity: 1; }
    .no-touch .product-thumb:hover .quantity, .no-touch .design-thumb:hover .quantity {
      opacity: 1; }
    .no-touch .product-thumb:hover .img-holder .hover, .no-touch .design-thumb:hover .img-holder .hover {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center; }
  .product-flex-wrap section .container .row {
    display: flex; }
  .garage-flex-wrap .design-thumb {
    width: 25%; }
  .product-tabs .tab-titles.fixed {
    top: 138px;
    padding-top: 0;
    transition: all .2s ease-out; }
  .technical-specs-tab table th {
    width: 33%; }
  .technical-specs-tab table td {
    width: 67%; }
  .related-products .related-products-slider .slick-prev {
    left: -25px; }
  .related-products .related-products-slider .slick-next {
    right: -25px; }
  .related-products .related-products-slider .product-thumb .btn {
    display: block; }
  footer {
    padding: 60px 0 32px; }
    footer .menu-list {
      margin-left: 0;
      margin-top: 10px; }
      footer .menu-list + .menu-list {
        margin-top: 30px; }
  #subscribe-form {
    width: 230px; }
    #subscribe-form .btn {
      width: auto; }
  .design-request-content .request-navigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0; }
  .design-tool .tool-bar .wrap {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .design-tool .tool-bar .price label {
    white-space: nowrap; }
  .design-tool .tool-bar .buttons {
    margin-top: 0;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .design-tool .garage-components .tab-titles ul {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .design-tool .garage-components .tab-titles ul li {
      display: block; }
    .design-tool .garage-components .tab-titles ul:after {
      display: none; }
  #enter_design_select #design-getting-started {
    display: -webkit-flex;
    display: flex; }
    #enter_design_select #design-getting-started #design-getting-started-image {
      width: 50%;
      max-width: none;
      margin-right: 5%;
      text-align: left; }
      #enter_design_select #design-getting-started #design-getting-started-image img {
        width: 100%; }
    #enter_design_select #design-getting-started #design-getting-started-content {
      width: 50%;
      max-width: none;
      margin-top: 0; }
      #enter_design_select #design-getting-started #design-getting-started-content .getting-started-title {
        text-align: left;
        font-size: 32px; }
      #enter_design_select #design-getting-started #design-getting-started-content .getting-started-subtitle {
        text-align: left;
        font-weight: 700; }
      #enter_design_select #design-getting-started #design-getting-started-content .getting-started-steps .heading {
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 5px; } }

@media only screen and (min-width: 1040px) {
  .home .callout-banner {
    background-position: right top; }
  .home .banner-slider .banner-slide .text-holder {
    padding: 50px 70px 15px; }
  .product-thumb .btn {
    opacity: 0; }
  .product-thumb:hover {
    box-shadow: 0 2px 34px 0 rgba(54, 56, 62, 0.2); }
    .product-thumb:hover .btn {
      opacity: 1; }
  .product-main .photo-wrap, .product-main .appearance-options {
    width: 52%; }
  .product-main .product-description {
    width: 40%; }
  .order-page .items .col-item .img-holder, .account-page .items .col-item .img-holder {
    width: 200px; }
  .ideas-list .wrap a {
    width: 21%; }
    .ideas-list .wrap a:nth-of-type(3n+3) {
      margin-right: 5%; }
    .ideas-list .wrap a:nth-of-type(4n+4) {
      margin-right: 0; }
  #subscribe-form {
    width: 320px; }
  .free-shipping-bar .wrap {
    -webkit-align-items: center;
    align-items: center; }
  .free-shipping-bar .sample-kit-link {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: none; }
    .free-shipping-bar .sample-kit-link p {
      margin-bottom: 0;
      margin-right: 20px;
      max-width: 260px; }
  .design-tool header .top-bar .easycloset-logo {
    display: inline-block;
    vertical-align: middle; }
    .design-tool header .top-bar .easycloset-logo img {
      display: block; }
  .design-tool header .top-bar .header-contact {
    display: block; }
  .design-tool .tool-bar .design-name {
    width: 32%; }
  .design-tool .tool-bar .buttons {
    width: 46%;
    max-width: 500px; }
  .gallery-filters .wrap .drop-downs {
    justify-content: flex-start; }
    .gallery-filters .wrap .drop-downs > div {
      margin-right: 2rem; }
  .gallery-header-container .banner-slider .banner-slide {
    height: 800px; }
    .gallery-header-container .banner-slider .banner-slide .bg-holder {
      width: 100%; }
  .gallery-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .gallery-container .wrap .gallery-image {
      width: 33%; }
  .gallery-detail .gallery-detail-image {
    width: 60%; }
  .gallery-detail .gallery-detail-info {
    width: 40%; }
    .gallery-detail .gallery-detail-info h2 {
      font-size: 1.5625em; } }

@media only screen and (min-width: 1240px) and (min-height: 940px) {
  .banner-slider .slick-list, .banner-slider .slick-track {
    height: 100%; } }

@media only screen and (min-width: 1240px) {
  .lifestyle {
    max-height: 630px; }
    .lifestyle .img-slider .img-holder img {
      width: auto;
      height: auto;
      min-width: 100%;
      min-height: 100%; }
  .product-category-boxes .product-category-box h3 {
    font-size: 2.25em; }
  .product-category-boxes .product-category-box .btn {
    padding-left: 59px;
    padding-right: 59px;
    font-size: 1.3em; } }

body.impersonate-gui {
  border: .5rem solid #C42523; }
  body.impersonate-gui header.header {
    border-top: .5rem solid #C42523;
    border-left: .5rem solid #C42523;
    border-right: .5rem solid #C42523; }

.hidden {
  display: none !important; }

.account-page #lightbox, .order-page #lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  z-index: 16;
  visibility: hidden; }
  .account-page #lightbox.active, .order-page #lightbox.active {
    height: 100vh;
    visibility: visible; }
  .account-page #lightbox.dont-close, .order-page #lightbox.dont-close {
    max-width: 806px; }
  .account-page #lightbox .overlay, .order-page #lightbox .overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(20, 22, 27, 0.7); }
  .account-page #lightbox .inner, .order-page #lightbox .inner {
    max-width: 768px;
    max-height: calc(90vh - 30px);
    position: relative;
    width: 90%;
    margin-top: 30px;
    z-index: 2; }
    .account-page #lightbox .inner.img, .order-page #lightbox .inner.img {
      max-width: 1400px;
      width: auto; }
    .account-page #lightbox .inner.wide, .order-page #lightbox .inner.wide {
      max-width: 1018px; }
    .account-page #lightbox .inner.modal, .order-page #lightbox .inner.modal {
      max-width: 600px; }
      .account-page #lightbox .inner.modal .modal-tip, .order-page #lightbox .inner.modal .modal-tip {
        background: #fff;
        text-align: center;
        overflow-y: auto;
        max-height: calc(90vh - 30px); }
        .account-page #lightbox .inner.modal .modal-tip > .img-holder, .order-page #lightbox .inner.modal .modal-tip > .img-holder {
          width: 100%;
          max-height: 320px;
          background: #f5f5f5; }
          .account-page #lightbox .inner.modal .modal-tip > .img-holder img, .order-page #lightbox .inner.modal .modal-tip > .img-holder img {
            margin: 0 auto; }
        .account-page #lightbox .inner.modal .modal-tip .text-holder, .order-page #lightbox .inner.modal .modal-tip .text-holder {
          padding: 40px; }
          .account-page #lightbox .inner.modal .modal-tip .text-holder p, .order-page #lightbox .inner.modal .modal-tip .text-holder p {
            margin-bottom: 30px; }
            .account-page #lightbox .inner.modal .modal-tip .text-holder p.bnb, .order-page #lightbox .inner.modal .modal-tip .text-holder p.bnb {
              margin-bottom: 0; }
          .account-page #lightbox .inner.modal .modal-tip .text-holder .btn, .order-page #lightbox .inner.modal .modal-tip .text-holder .btn {
            min-width: 190px;
            margin: 0 12px 30px; }
      .account-page #lightbox .inner.modal:after, .order-page #lightbox .inner.modal:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #ffffff;
        border-width: 30px;
        margin-left: -30px; }
    .account-page #lightbox .inner .need-help, .account-page #lightbox .inner .close, .order-page #lightbox .inner .need-help, .order-page #lightbox .inner .close {
      position: absolute;
      bottom: 100%;
      text-decoration: underline;
      color: #fff;
      z-index: 12;
      margin-bottom: 10px;
      width: auto !important;
      font-size: 0.8125em; }
      .account-page #lightbox .inner .need-help i, .account-page #lightbox .inner .close i, .order-page #lightbox .inner .need-help i, .order-page #lightbox .inner .close i {
        font-size: 1.5em;
        vertical-align: middle;
        text-decoration: none;
        display: inline-block; }
    .account-page #lightbox .inner .need-help, .order-page #lightbox .inner .need-help {
      left: 0; }
      .account-page #lightbox .inner .need-help i, .order-page #lightbox .inner .need-help i {
        margin-right: 5px; }
    .account-page #lightbox .inner .close, .order-page #lightbox .inner .close {
      right: 0; }
      .account-page #lightbox .inner .close i, .order-page #lightbox .inner .close i {
        font-weight: 400;
        margin-left: 5px; }
    .account-page #lightbox .inner .lightbox-content, .order-page #lightbox .inner .lightbox-content {
      background: #fff;
      padding: 20px;
      overflow-y: auto;
      max-height: calc(90vh - 30px);
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      .account-page #lightbox .inner .lightbox-content > *, .order-page #lightbox .inner .lightbox-content > * {
        width: 100%;
        margin-bottom: 20px; }
      .account-page #lightbox .inner .lightbox-content > .half:last-of-type, .order-page #lightbox .inner .lightbox-content > .half:last-of-type {
        margin-bottom: 0; }
      .account-page #lightbox .inner .lightbox-content h2, .order-page #lightbox .inner .lightbox-content h2 {
        color: #2A68A3;
        font-size: 1.9375em;
        line-height: 0.875em;
        margin-bottom: 20px; }
      .account-page #lightbox .inner .lightbox-content h3, .order-page #lightbox .inner .lightbox-content h3 {
        margin-bottom: 10px; }
      .account-page #lightbox .inner .lightbox-content p + p, .order-page #lightbox .inner .lightbox-content p + p {
        margin-top: 20px; }
      .account-page #lightbox .inner .lightbox-content form h3, .order-page #lightbox .inner .lightbox-content form h3 {
        color: #2A68A3;
        margin-bottom: 20px; }
      .account-page #lightbox .inner .lightbox-content form label, .order-page #lightbox .inner .lightbox-content form label {
        display: block;
        font-size: 1.125em;
        margin-bottom: 10px; }
      .account-page #lightbox .inner .lightbox-content form textarea, .order-page #lightbox .inner .lightbox-content form textarea {
        background: #F5F5F5;
        border: 0;
        margin-bottom: 30px; }
      .account-page #lightbox .inner .lightbox-content form input, .order-page #lightbox .inner .lightbox-content form input {
        margin-bottom: 20px; }
      .account-page #lightbox .inner .lightbox-content form input[type="checkbox"], .order-page #lightbox .inner .lightbox-content form input[type="checkbox"] {
        min-width: 24px;
        margin-right: 10px; }
      .account-page #lightbox .inner .lightbox-content form input[type="submit"], .order-page #lightbox .inner .lightbox-content form input[type="submit"] {
        margin-bottom: 0; }
      .account-page #lightbox .inner .lightbox-content form a, .order-page #lightbox .inner .lightbox-content form a {
        text-decoration: underline;
        margin-bottom: 20px;
        display: inline-block; }
      .account-page #lightbox .inner .lightbox-content form p, .order-page #lightbox .inner .lightbox-content form p {
        font-size: 1em; }
      .account-page #lightbox .inner .lightbox-content form .secure, .order-page #lightbox .inner .lightbox-content form .secure {
        display: block;
        color: #2A68A3;
        text-transform: uppercase;
        font-weight: 900; }
        .account-page #lightbox .inner .lightbox-content form .secure i, .order-page #lightbox .inner .lightbox-content form .secure i {
          margin-right: 5px; }
      .account-page #lightbox .inner .lightbox-content .dimension-input label, .order-page #lightbox .inner .lightbox-content .dimension-input label {
        display: inline-block;
        margin-bottom: 0; }
      .account-page #lightbox .inner .lightbox-content .dimension-input input, .order-page #lightbox .inner .lightbox-content .dimension-input input {
        margin-bottom: 0; }
      .account-page #lightbox .inner .lightbox-content .video-holder, .order-page #lightbox .inner .lightbox-content .video-holder {
        max-height: 304px;
        background: #F9F9F9; }
        .account-page #lightbox .inner .lightbox-content .video-holder .video, .order-page #lightbox .inner .lightbox-content .video-holder .video {
          padding-bottom: 46%; }
      .account-page #lightbox .inner .lightbox-content .intro-navigation .icon-btn, .order-page #lightbox .inner .lightbox-content .intro-navigation .icon-btn {
        background: #80B74B; }
        .account-page #lightbox .inner .lightbox-content .intro-navigation .icon-btn[disabled], .order-page #lightbox .inner .lightbox-content .intro-navigation .icon-btn[disabled] {
          background: #E4E4E4;
          pointer-events: none; }
      .account-page #lightbox .inner .lightbox-content .intro-navigation span, .order-page #lightbox .inner .lightbox-content .intro-navigation span {
        text-transform: uppercase;
        font-weight: 900;
        font-size: 1.125em;
        display: inline-block;
        margin: 0 20px; }
      .account-page #lightbox .inner .lightbox-content .product-main, .order-page #lightbox .inner .lightbox-content .product-main {
        padding: 0;
        margin: 0; }
        .account-page #lightbox .inner .lightbox-content .product-main .wrap, .order-page #lightbox .inner .lightbox-content .product-main .wrap {
          width: 100%; }
        .account-page #lightbox .inner .lightbox-content .product-main .product-photo-slider, .order-page #lightbox .inner .lightbox-content .product-main .product-photo-slider {
          height: 300px; }
        .account-page #lightbox .inner .lightbox-content .product-main .product-description, .order-page #lightbox .inner .lightbox-content .product-main .product-description {
          padding-top: 0;
          padding-bottom: 20px; }
        .account-page #lightbox .inner .lightbox-content .product-main .appearance-options, .order-page #lightbox .inner .lightbox-content .product-main .appearance-options {
          width: 100%; }

.account-page #lightbox-templates, .order-page #lightbox-templates {
  display: none; }

.account-page .garage-flex-wrap, .order-page .garage-flex-wrap {
  max-width: 1234px;
  margin: 0 auto; }
  .account-page .garage-flex-wrap .toggle-ordered-designs, .order-page .garage-flex-wrap .toggle-ordered-designs {
    margin: 10px 0 10px 0; }
    .account-page .garage-flex-wrap .toggle-ordered-designs a, .order-page .garage-flex-wrap .toggle-ordered-designs a {
      cursor: pointer;
      color: #C5D4E2;
      font-size: 20px;
      font-weight: 500; }

@media only screen and (min-width: 586px) {
  .account-page .garage-flex-wrap, .order-page .garage-flex-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media only screen and (min-width: 586px) {
  .account-page .garage-flex-wrap .design-thumb,
  .account-page .garage-flex-wrap .proposal-thumb, .order-page .garage-flex-wrap .design-thumb,
  .order-page .garage-flex-wrap .proposal-thumb {
    margin: 0 0 30px;
    width: 50%;
    max-width: none; } }

@media only screen and (min-width: 768px) {
  .account-page .garage-flex-wrap .design-thumb,
  .account-page .garage-flex-wrap .proposal-thumb, .order-page .garage-flex-wrap .design-thumb,
  .order-page .garage-flex-wrap .proposal-thumb {
    width: 33.333%; } }

@media only screen and (min-width: 936px) {
  .account-page .garage-flex-wrap .design-thumb,
  .account-page .garage-flex-wrap .proposal-thumb, .order-page .garage-flex-wrap .design-thumb,
  .order-page .garage-flex-wrap .proposal-thumb {
    width: 25%; } }

.account-page .product-thumb,
.account-page .design-thumb,
.account-page .proposal-thumb, .order-page .product-thumb,
.order-page .design-thumb,
.order-page .proposal-thumb {
  max-width: 272px; }

.account-page .product-thumb,
.account-page .design-thumb,
.account-page .proposal-thumb, .order-page .product-thumb,
.order-page .design-thumb,
.order-page .proposal-thumb {
  padding: 16px;
  display: block;
  text-align: center;
  margin: 0 auto 30px; }

.account-page .product-thumb .inner,
.account-page .design-thumb .inner,
.account-page .proposal-thumb .inner, .order-page .product-thumb .inner,
.order-page .design-thumb .inner,
.order-page .proposal-thumb .inner {
  padding-bottom: 70px; }

.account-page .product-thumb .inner,
.account-page .design-thumb .inner,
.account-page .proposal-thumb .inner, .order-page .product-thumb .inner,
.order-page .design-thumb .inner,
.order-page .proposal-thumb .inner {
  padding-bottom: 55px;
  position: relative;
  height: auto; }

.account-page .product-thumb .img-holder,
.account-page .design-thumb .img-holder,
.account-page .proposal-thumb .img-holder, .order-page .product-thumb .img-holder,
.order-page .design-thumb .img-holder,
.order-page .proposal-thumb .img-holder {
  height: 186px; }

.account-page .product-thumb .img-holder,
.account-page .design-thumb .img-holder,
.account-page .proposal-thumb .img-holder, .order-page .product-thumb .img-holder,
.order-page .design-thumb .img-holder,
.order-page .proposal-thumb .img-holder {
  margin-bottom: 14px;
  max-width: 276px;
  width: 100%;
  position: relative;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center; }

.account-page .img-holder, .order-page .img-holder {
  overflow: hidden;
  display: inline-block; }

.account-page .img-holder img, .order-page .img-holder img {
  display: block;
  max-width: 100%;
  height: auto; }

.account-page .product-thumb h3,
.account-page .design-thumb h3,
.account-page .proposal-thumb h3, .order-page .product-thumb h3,
.order-page .design-thumb h3,
.order-page .proposal-thumb h3 {
  margin-bottom: 6px; }

.account-page .product-thumb .img-holder img,
.account-page .design-thumb .img-holder img,
.account-page .proposal-thumb .img-holder img, .order-page .product-thumb .img-holder img,
.order-page .design-thumb .img-holder img,
.order-page .proposal-thumb .img-holder img {
  max-height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.account-page .product-thumb .img-holder img,
.account-page .design-thumb .img-holder img,
.account-page .proposal-thumb .img-holder img, .order-page .product-thumb .img-holder img,
.order-page .design-thumb .img-holder img,
.order-page .proposal-thumb .img-holder img {
  bottom: 5%;
  max-height: 90%;
  max-width: 90%; }

.account-page .product-thumb .img-holder .hover,
.account-page .design-thumb .img-holder .hover,
.account-page .proposal-thumb .img-holder .hover, .order-page .product-thumb .img-holder .hover,
.order-page .design-thumb .img-holder .hover,
.order-page .proposal-thumb .img-holder .hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(41, 44, 49, 0.8); }

.account-page .design-thumb .img-holder .hover .delete-design,
.account-page .design-thumb .img-holder .hover .copy-design,
.account-page .proposal-thumb .img-holder .hover .delete-proposal,
.account-page .proposal-thumb .img-holder .hover .copy-proposal,
.account-page .product-thumb .img-holder .hover .delete-product, .order-page .design-thumb .img-holder .hover .delete-design,
.order-page .design-thumb .img-holder .hover .copy-design,
.order-page .proposal-thumb .img-holder .hover .delete-proposal,
.order-page .proposal-thumb .img-holder .hover .copy-proposal,
.order-page .product-thumb .img-holder .hover .delete-product {
  position: absolute;
  top: 10px;
  background: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 13px; }

.account-page .design-thumb .img-holder .hover .delete-design,
.account-page .proposal-thumb .img-holder .hover .delete-proposal,
.account-page .product-thumb .img-holder .hover .delete-product, .order-page .design-thumb .img-holder .hover .delete-design,
.order-page .proposal-thumb .img-holder .hover .delete-proposal,
.order-page .product-thumb .img-holder .hover .delete-product {
  color: #8C837B;
  right: 50px; }

.account-page .design-thumb .img-holder .hover .copy-design,
.account-page .proposal-thumb .img-holder .hover .copy-proposal, .order-page .design-thumb .img-holder .hover .copy-design,
.order-page .proposal-thumb .img-holder .hover .copy-proposal {
  color: #B6CCC2;
  right: 10px; }

.account-page .product-thumb .price,
.account-page .design-thumb .price,
.account-page .proposal-thumb .price, .order-page .product-thumb .price,
.order-page .design-thumb .price,
.order-page .proposal-thumb .price {
  font-weight: 600;
  color: #8C837B;
  font-size: 1.125em;
  margin-bottom: 22px;
  display: block; }

.account-page .product-thumb .original-price,
.account-page .design-thumb .original-price,
.account-page .proposal-thumb .original-price, .order-page .product-thumb .original-price,
.order-page .design-thumb .original-price,
.order-page .proposal-thumb .original-price {
  font-weight: 700;
  color: #8C837B;
  font-size: 1.125em;
  margin-bottom: 4px;
  display: block;
  text-decoration: line-through solid; }

.account-page .design-thumb .price,
.account-page .proposal-thumb .price, .order-page .design-thumb .price,
.order-page .proposal-thumb .price {
  margin-bottom: 14px; }

.account-page .proposal-thumb .price, .order-page .proposal-thumb .price {
  text-transform: uppercase; }
  .account-page .proposal-thumb .price .the-price, .order-page .proposal-thumb .price .the-price {
    color: #C42523;
    font-size: 1.5em; }

.account-page .proposal-thumb p, .order-page .proposal-thumb p {
  text-transform: uppercase;
  font-size: 0.875em; }

.account-page .product-thumb .btn,
.account-page .design-thumb .btn,
.account-page .proposal-thumb .btn, .order-page .product-thumb .btn,
.order-page .design-thumb .btn,
.order-page .proposal-thumb .btn {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 16px 6px;
  font-weight: 700;
  font-size: 0.875em;
  letter-spacing: 1px;
  width: 100%; }

.account-page .design-thumb .btn,
.account-page .proposal-thumb .btn, .order-page .design-thumb .btn,
.order-page .proposal-thumb .btn {
  color: #fff; }

@media only screen and (min-width: 1040px) {
  .account-page .product-thumb .btn,
  .account-page .design-thumb .btn,
  .account-page .proposal-thumb .btn, .order-page .product-thumb .btn,
  .order-page .design-thumb .btn,
  .order-page .proposal-thumb .btn {
    opacity: 0; } }

@media only screen and (min-width: 936px) {
  .account-page .no-touch .product-thumb .btn,
  .account-page .no-touch .design-thumb .btn,
  .account-page .no-touch .proposal-thumb .btn, .order-page .no-touch .product-thumb .btn,
  .order-page .no-touch .design-thumb .btn,
  .order-page .no-touch .proposal-thumb .btn {
    opacity: 0; } }

.account-page .product-thumb .btn,
.account-page .design-thumb .btn,
.account-page .proposal-thumb .btn, .order-page .product-thumb .btn,
.order-page .design-thumb .btn,
.order-page .proposal-thumb .btn {
  opacity: 0; }

.account-page .product-thumb:hover,
.account-page .design-thumb:hover,
.account-page .proposal-thumb:hover, .order-page .product-thumb:hover,
.order-page .design-thumb:hover,
.order-page .proposal-thumb:hover {
  box-shadow: 0 2px 34px 0 rgba(54, 56, 62, 0.2); }

.account-page .product-thumb:hover .img-holder .hover,
.account-page .design-thumb:hover .img-holder .hover,
.account-page .proposal-thumb:hover .img-holder .hover, .order-page .product-thumb:hover .img-holder .hover,
.order-page .design-thumb:hover .img-holder .hover,
.order-page .proposal-thumb:hover .img-holder .hover {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }

.account-page .product-thumb .btn,
.account-page .design-thumb .btn,
.account-page .proposal-thumb .btn, .order-page .product-thumb .btn,
.order-page .design-thumb .btn,
.order-page .proposal-thumb .btn {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 16px 6px;
  font-weight: 700;
  font-size: 0.875em;
  letter-spacing: 1px;
  width: 100%; }

@media only screen and (min-width: 936px) {
  .account-page .product-thumb .btn,
  .account-page .design-thumb .btn,
  .account-page .proposal-thumb .btn, .order-page .product-thumb .btn,
  .order-page .design-thumb .btn,
  .order-page .proposal-thumb .btn {
    opacity: 0; } }

.account-page .design-thumb .img-holder .hover .btn,
.account-page .proposal-thumb .img-holder .hover .btn, .order-page .design-thumb .img-holder .hover .btn,
.order-page .proposal-thumb .img-holder .hover .btn {
  position: static;
  width: 150px; }

.account-page .design-thumb .active-design,
.account-page .design-thumb .active-proposal,
.account-page .proposal-thumb .active-design,
.account-page .proposal-thumb .active-proposal, .order-page .design-thumb .active-design,
.order-page .design-thumb .active-proposal,
.order-page .proposal-thumb .active-design,
.order-page .proposal-thumb .active-proposal {
  position: absolute;
  top: 10px;
  background: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px; }

.account-page .design-thumb .mobile-only,
.account-page .proposal-thumb .mobile-only, .order-page .design-thumb .mobile-only,
.order-page .proposal-thumb .mobile-only {
  position: relative;
  margin-top: 1rem; }

.account-page .design-thumb .inner,
.account-page .proposal-thumb .inner, .order-page .design-thumb .inner,
.order-page .proposal-thumb .inner {
  height: auto;
  width: 100%;
  font-size: 15px; }
  .account-page .design-thumb .inner .img-holder a,
  .account-page .proposal-thumb .inner .img-holder a, .order-page .design-thumb .inner .img-holder a,
  .order-page .proposal-thumb .inner .img-holder a {
    z-index: 2; }
  .account-page .design-thumb .inner h3,
  .account-page .proposal-thumb .inner h3, .order-page .design-thumb .inner h3,
  .order-page .proposal-thumb .inner h3 {
    text-align: center; }

.account-page .design-thumb.active,
.account-page .proposal-thumb.active, .order-page .design-thumb.active,
.order-page .proposal-thumb.active {
  color: #fff;
  background: #2A68A3; }
  .account-page .design-thumb.active .inner .price,
  .account-page .proposal-thumb.active .inner .price, .order-page .design-thumb.active .inner .price,
  .order-page .proposal-thumb.active .inner .price {
    color: #fff; }
  .account-page .design-thumb.active .inner .btn,
  .account-page .proposal-thumb.active .inner .btn, .order-page .design-thumb.active .inner .btn,
  .order-page .proposal-thumb.active .inner .btn {
    opacity: 1; }
  .account-page .design-thumb.active .inner .active-design,
  .account-page .design-thumb.active .inner .active-proposal,
  .account-page .proposal-thumb.active .inner .active-design,
  .account-page .proposal-thumb.active .inner .active-proposal, .order-page .design-thumb.active .inner .active-design,
  .order-page .design-thumb.active .inner .active-proposal,
  .order-page .proposal-thumb.active .inner .active-design,
  .order-page .proposal-thumb.active .inner .active-proposal {
    top: -1.5rem;
    left: -1.5rem;
    padding: .5rem;
    border: 2px solid #2A68A3;
    z-index: 10; }
    .account-page .design-thumb.active .inner .active-design i,
    .account-page .design-thumb.active .inner .active-proposal i,
    .account-page .proposal-thumb.active .inner .active-design i,
    .account-page .proposal-thumb.active .inner .active-proposal i, .order-page .design-thumb.active .inner .active-design i,
    .order-page .design-thumb.active .inner .active-proposal i,
    .order-page .proposal-thumb.active .inner .active-design i,
    .order-page .proposal-thumb.active .inner .active-proposal i {
      color: #2A68A3; }
  .account-page .design-thumb.active .mobile-only,
  .account-page .proposal-thumb.active .mobile-only, .order-page .design-thumb.active .mobile-only,
  .order-page .proposal-thumb.active .mobile-only {
    border: 2px solid white; }

.account-page .design-thumb.full,
.account-page .proposal-thumb.full, .order-page .design-thumb.full,
.order-page .proposal-thumb.full {
  width: 100%;
  max-width: none;
  height: auto;
  margin-bottom: 0;
  border: 1px solid #eee; }
  .account-page .design-thumb.full .img-holder,
  .account-page .proposal-thumb.full .img-holder, .order-page .design-thumb.full .img-holder,
  .order-page .proposal-thumb.full .img-holder {
    width: 100%;
    max-width: none;
    height: auto;
    margin-bottom: 0; }
    .account-page .design-thumb.full .img-holder img,
    .account-page .proposal-thumb.full .img-holder img, .order-page .design-thumb.full .img-holder img,
    .order-page .proposal-thumb.full .img-holder img {
      width: 100%;
      height: auto;
      position: relative; }
    .account-page .design-thumb.full .img-holder .hover .btn,
    .account-page .proposal-thumb.full .img-holder .hover .btn, .order-page .design-thumb.full .img-holder .hover .btn,
    .order-page .proposal-thumb.full .img-holder .hover .btn {
      z-index: 2; }

.account-page .hover .active-design,
.account-page .hover .active-proposal, .order-page .hover .active-design,
.order-page .hover .active-proposal {
  left: 15px; }
  .account-page .hover .active-design:hover,
  .account-page .hover .active-proposal:hover, .order-page .hover .active-design:hover,
  .order-page .hover .active-proposal:hover {
    background-color: #2A68A3;
    color: white; }
  .account-page .hover .active-design.active,
  .account-page .hover .active-proposal.active, .order-page .hover .active-design.active,
  .order-page .hover .active-proposal.active {
    background-color: #2A68A3;
    color: white; }
    .account-page .hover .active-design.active:hover,
    .account-page .hover .active-proposal.active:hover, .order-page .hover .active-design.active:hover,
    .order-page .hover .active-proposal.active:hover {
      background-color: #2A68A3;
      color: white; }

.account-page .hover-proposal, .order-page .hover-proposal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }
  .account-page .hover-proposal .active-design,
  .account-page .hover-proposal .active-proposal, .order-page .hover-proposal .active-design,
  .order-page .hover-proposal .active-proposal {
    left: 15px; }
    .account-page .hover-proposal .active-design:hover,
    .account-page .hover-proposal .active-proposal:hover, .order-page .hover-proposal .active-design:hover,
    .order-page .hover-proposal .active-proposal:hover {
      background-color: #2A68A3;
      color: white; }
    .account-page .hover-proposal .active-design.active,
    .account-page .hover-proposal .active-proposal.active, .order-page .hover-proposal .active-design.active,
    .order-page .hover-proposal .active-proposal.active {
      background-color: #2A68A3;
      color: white; }
      .account-page .hover-proposal .active-design.active:hover,
      .account-page .hover-proposal .active-proposal.active:hover, .order-page .hover-proposal .active-design.active:hover,
      .order-page .hover-proposal .active-proposal.active:hover {
        background-color: #2A68A3;
        color: white; }

.account-page #add-to-proposal, .account-page #add-to-cart, .order-page #add-to-proposal, .order-page #add-to-cart {
  padding-bottom: 5px; }

.account-page #proposeMenuBtn, .order-page #proposeMenuBtn {
  position: relative;
  opacity: 1; }

.account-page .btn.red, .order-page .btn.red {
  width: 100%;
  color: white;
  z-index: 2; }

.account-page .btn.white-open:hover, .order-page .btn.white-open:hover {
  color: #000000; }

.account-page .account-page.shade, .order-page .account-page.shade {
  background-color: #eeeeee; }

.account-page #header-proposal, .order-page #header-proposal {
  padding-left: 1rem; }
  .account-page #header-proposal i, .order-page #header-proposal i {
    padding-right: .5rem; }
  .account-page #header-proposal a, .order-page #header-proposal a {
    font-weight: 900; }
    .account-page #header-proposal a:hover, .order-page #header-proposal a:hover {
      border-bottom: 3px solid #474950; }

.account-page .proposal-header, .order-page .proposal-header {
  padding-bottom: 2rem;
  font-weight: 400;
  height: 75px; }
  .account-page .proposal-header i, .order-page .proposal-header i {
    padding-right: .3rem; }
    .account-page .proposal-header i.disabled, .order-page .proposal-header i.disabled {
      opacity: .5; }
  .account-page .proposal-header .active-proposal,
  .account-page .proposal-header .proposal-mini-nav, .order-page .proposal-header .active-proposal,
  .order-page .proposal-header .proposal-mini-nav {
    padding: .5rem 1rem;
    display: flex;
    border-radius: 40px;
    float: right;
    background-color: #D8D8D8;
    color: white;
    font-size: 1.5rem;
    z-index: 5;
    margin-top: -5px; }
  .account-page .proposal-header .active-proposal, .order-page .proposal-header .active-proposal {
    background-color: transparent;
    color: #2A68A3; }
  .account-page .proposal-header .proposal-mini-nav i, .order-page .proposal-header .proposal-mini-nav i {
    padding: 0 .5rem;
    color: #2A68A3; }
  .account-page .proposal-header .proposal-mini-nav a, .order-page .proposal-header .proposal-mini-nav a {
    display: flex;
    flex-flow: column;
    text-align: center;
    padding: 0 .5rem;
    cursor: pointer; }
    .account-page .proposal-header .proposal-mini-nav a span, .order-page .proposal-header .proposal-mini-nav a span {
      font-size: .8rem; }
  .account-page .proposal-header .proposal-mini-nav.disabled, .order-page .proposal-header .proposal-mini-nav.disabled {
    opacity: .5; }
  .account-page .proposal-header .proposal-mini-nav.edit, .order-page .proposal-header .proposal-mini-nav.edit {
    background-color: #C42523; }
    .account-page .proposal-header .proposal-mini-nav.edit i, .order-page .proposal-header .proposal-mini-nav.edit i {
      color: #fff; }
    .account-page .proposal-header .proposal-mini-nav.edit a, .order-page .proposal-header .proposal-mini-nav.edit a {
      color: white; }
  .account-page .proposal-header .proposal-mini-nav .sticky-price, .order-page .proposal-header .proposal-mini-nav .sticky-price {
    font-size: 1.25em;
    font-weight: 900;
    color: #2A68A3; }
    .account-page .proposal-header .proposal-mini-nav .sticky-price .original, .order-page .proposal-header .proposal-mini-nav .sticky-price .original {
      color: #000000;
      font-size: .7em;
      margin-bottom: 22px;
      text-decoration: line-through; }
    .account-page .proposal-header .proposal-mini-nav .sticky-price .sale, .order-page .proposal-header .proposal-mini-nav .sticky-price .sale {
      color: #C42523; }

.account-page .proposals-content-header, .order-page .proposals-content-header {
  margin-bottom: 4rem;
  margin-right: auto;
  margin-left: auto;
  padding: 0 1rem; }

.account-page .proposal-sections, .order-page .proposal-sections {
  background-color: #fff;
  padding: 1.5rem;
  margin-bottom: 1rem;
  text-align: center; }
  .account-page .proposal-sections h2, .order-page .proposal-sections h2 {
    padding: 1.5rem .5rem; }
  .account-page .proposal-sections h3, .order-page .proposal-sections h3 {
    text-align: left; }
  .account-page .proposal-sections .product-category-section, .order-page .proposal-sections .product-category-section {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    border: none; }
  .account-page .proposal-sections .product-flex-wrap, .order-page .proposal-sections .product-flex-wrap {
    margin-top: 2rem; }
    .account-page .proposal-sections .product-flex-wrap .product-thumb, .order-page .proposal-sections .product-flex-wrap .product-thumb {
      width: 33%; }
      .account-page .proposal-sections .product-flex-wrap .product-thumb .inner, .order-page .proposal-sections .product-flex-wrap .product-thumb .inner {
        height: auto;
        width: 100%; }
        .account-page .proposal-sections .product-flex-wrap .product-thumb .inner h3, .order-page .proposal-sections .product-flex-wrap .product-thumb .inner h3 {
          text-align: center; }
  .account-page .proposal-sections .design-thumb.full,
  .account-page .proposal-sections .proposal-thumb.full, .order-page .proposal-sections .design-thumb.full,
  .order-page .proposal-sections .proposal-thumb.full {
    width: 100%; }
    .account-page .proposal-sections .design-thumb.full .img-holder,
    .account-page .proposal-sections .proposal-thumb.full .img-holder, .order-page .proposal-sections .design-thumb.full .img-holder,
    .order-page .proposal-sections .proposal-thumb.full .img-holder {
      height: auto;
      width: 100%;
      max-width: none; }
      .account-page .proposal-sections .design-thumb.full .img-holder img,
      .account-page .proposal-sections .proposal-thumb.full .img-holder img, .order-page .proposal-sections .design-thumb.full .img-holder img,
      .order-page .proposal-sections .proposal-thumb.full .img-holder img {
        width: 100%;
        height: auto; }

.account-page .fieldset .full, .order-page .fieldset .full {
  width: 100%; }

.account-page .new-design-link .inner,
.account-page .new-proposal-link .inner, .order-page .new-design-link .inner,
.order-page .new-proposal-link .inner {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  height: 100%;
  max-width: 272px;
  min-height: 242px;
  margin: 0px auto;
  padding: 0px 50px; }

.account-page .proposal-subtotals, .order-page .proposal-subtotals {
  border-top: 1px solid #D0D1D2;
  border-bottom: 1px solid #D0D1D2;
  display: flex;
  text-align: left;
  padding: 2rem 0 0;
  width: 100%; }
  .account-page .proposal-subtotals > div, .order-page .proposal-subtotals > div {
    float: none; }

.account-page .trash-proposal, .order-page .trash-proposal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }
  .account-page .trash-proposal .delete-design,
  .account-page .trash-proposal .delete-proposal,
  .account-page .trash-proposal .delete-product, .order-page .trash-proposal .delete-design,
  .order-page .trash-proposal .delete-proposal,
  .order-page .trash-proposal .delete-product {
    position: absolute;
    top: 10px;
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #C42523;
    border: 1px solid #C42523;
    right: 10px; }
    .account-page .trash-proposal .delete-design:hover,
    .account-page .trash-proposal .delete-proposal:hover,
    .account-page .trash-proposal .delete-product:hover, .order-page .trash-proposal .delete-design:hover,
    .order-page .trash-proposal .delete-proposal:hover,
    .order-page .trash-proposal .delete-product:hover {
      color: #fff;
      background: #C42523;
      border: none; }

.account-page .invisible, .order-page .invisible {
  visibility: hidden; }

.account-page .design-has-warnings .modal-dialog, .account-page .design-add-error .modal-dialog, .account-page .design-add-timeout-error .modal-dialog, .account-page .design-add-server-error .modal-dialog, .order-page .design-has-warnings .modal-dialog, .order-page .design-add-error .modal-dialog, .order-page .design-add-timeout-error .modal-dialog, .order-page .design-add-server-error .modal-dialog {
  top: 40%; }

.account-page .design-has-warnings .btn, .account-page .design-add-error .btn, .account-page .design-add-timeout-error .btn, .account-page .design-add-server-error .btn, .order-page .design-has-warnings .btn, .order-page .design-add-error .btn, .order-page .design-add-timeout-error .btn, .order-page .design-add-server-error .btn {
  opacity: 1;
  position: relative;
  margin: 2px 0 2px 0; }

.account-page .design-has-warnings .btn-review-design, .account-page .design-add-error .btn-review-design, .account-page .design-add-timeout-error .btn-review-design, .account-page .design-add-server-error .btn-review-design, .order-page .design-has-warnings .btn-review-design, .order-page .design-add-error .btn-review-design, .order-page .design-add-timeout-error .btn-review-design, .order-page .design-add-server-error .btn-review-design {
  background: #C42523; }

.account-page .design-has-warnings .btn-add-anyway, .account-page .design-add-error .btn-add-anyway, .account-page .design-add-timeout-error .btn-add-anyway, .account-page .design-add-server-error .btn-add-anyway, .order-page .design-has-warnings .btn-add-anyway, .order-page .design-add-error .btn-add-anyway, .order-page .design-add-timeout-error .btn-add-anyway, .order-page .design-add-server-error .btn-add-anyway {
  background: #C5D4E2; }

.account-page .design-has-warnings .cannot-bypass-warning-text, .account-page .design-add-error .cannot-bypass-warning-text, .account-page .design-add-timeout-error .cannot-bypass-warning-text, .account-page .design-add-server-error .cannot-bypass-warning-text, .order-page .design-has-warnings .cannot-bypass-warning-text, .order-page .design-add-error .cannot-bypass-warning-text, .order-page .design-add-timeout-error .cannot-bypass-warning-text, .order-page .design-add-server-error .cannot-bypass-warning-text {
  color: red; }

.account-page .add-to-cart .multi-add-checkbox, .order-page .add-to-cart .multi-add-checkbox {
  position: relative;
  z-index: 3;
  padding: 22px;
  vertical-align: middle; }

.account-page .add-to-cart .add-to-cart-button, .order-page .add-to-cart .add-to-cart-button {
  opacity: 1;
  position: relative;
  width: calc(100% - 59px);
  vertical-align: middle;
  margin: 10px 0; }

.account-page .add-to-cart + p, .order-page .add-to-cart + p {
  color: #ce0000; }

.account-page .selected-overlay, .order-page .selected-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(182, 204, 194, 0.4);
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  box-shadow: -1px 1px 7px 6px #cececd8a; }

.account-page .design-thumb, .order-page .design-thumb {
  position: relative; }

.fixed-gui {
  position: fixed !important;
  top: 0 !important;
  z-index: 99999 !important;
  top: 70px !important;
  width: 100% !important;
  margin: auto !important;
  left: 0 !important;
  border-radius: 0 !important;
  justify-content: center !important; }

@media only screen and (min-width: 100px) and (max-width: 767px) {
  .account-page .trash-proposal .delete-design,
  .account-page .trash-proposal .delete-proposal,
  .account-page .trash-proposal .delete-product {
    width: 60px;
    height: 60px; }
    .account-page .trash-proposal .delete-design i,
    .account-page .trash-proposal .delete-proposal i,
    .account-page .trash-proposal .delete-product i {
      font-size: 1.5rem; }
  .account-page .mobile-only {
    display: block; }
  .account-page .account-page {
    padding-top: 10px; }
  .account-page .proposal-header {
    display: flex;
    height: auto;
    margin: 1rem auto;
    flex-flow: column; }
    .account-page .proposal-header a {
      text-align: center; }
    .account-page .proposal-header .proposal-mini-nav,
    .account-page .proposal-header .active-proposal {
      position: static;
      float: none;
      margin: 1rem auto 0; }
  .account-page .proposals-content-header {
    padding: 0; }
  .account-page .proposal-subtotals {
    display: block; }
  .account-page .proposal-sections .product-flex-wrap .product-thumb {
    width: 100%; }
  .account-page .btn.red {
    opacity: 1; }
  .account-page .lightbox-content .btn {
    width: 100%;
    margin: .5rem auto; }
  .account-page .lightbox-content p {
    display: flex;
    flex-flow: column; }
    .account-page .lightbox-content p .lightbox-close {
      order: 2; }
    .account-page .lightbox-content p .lightbox-success {
      order: 1; }
  .account-page .design-thumb .inner .img-holder .hover,
  .account-page .proposal-thumb .inner .img-holder .hover {
    justify-content: center;
    display: flex;
    align-items: center; }
    .account-page .design-thumb .inner .img-holder .hover .active-design,
    .account-page .design-thumb .inner .img-holder .hover .active-proposal,
    .account-page .proposal-thumb .inner .img-holder .hover .active-design,
    .account-page .proposal-thumb .inner .img-holder .hover .active-proposal {
      width: 30px;
      height: 30px; }
    .account-page .design-thumb .inner .img-holder .hover a,
    .account-page .proposal-thumb .inner .img-holder .hover a {
      opacity: 1;
      text-align: center; }
  .account-page .design-thumb .inner .img-holder .hover-proposal .active-design,
  .account-page .design-thumb .inner .img-holder .hover-proposal .active-proposal,
  .account-page .proposal-thumb .inner .img-holder .hover-proposal .active-design,
  .account-page .proposal-thumb .inner .img-holder .hover-proposal .active-proposal {
    width: 60px;
    height: 60px; }
    .account-page .design-thumb .inner .img-holder .hover-proposal .active-design i,
    .account-page .design-thumb .inner .img-holder .hover-proposal .active-proposal i,
    .account-page .proposal-thumb .inner .img-holder .hover-proposal .active-design i,
    .account-page .proposal-thumb .inner .img-holder .hover-proposal .active-proposal i {
      font-size: 1.5rem; }
  .account-page .design-thumb .inner .img-holder img,
  .account-page .proposal-thumb .inner .img-holder img {
    bottom: 10%;
    max-height: 100%;
    max-width: 100%; }
  .account-page .design-thumb .inner .img-holder i,
  .account-page .proposal-thumb .inner .img-holder i {
    font-size: 1rem; }
    .account-page .design-thumb .inner .img-holder i .fa-flag,
    .account-page .proposal-thumb .inner .img-holder i .fa-flag {
      font-size: 1.5rem; }
  .account-page .fieldset .full hr {
    float: right;
    width: 100%; }
  .account-page .new-design-link,
  .account-page .new-proposal-link {
    width: 33%; }
  .account-page .new-design-link .inner,
  .account-page .new-proposal-link .inner {
    margin: 1rem auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    position: relative;
    max-width: 272px;
    min-height: 242px;
    padding: 0px 50px; }
  .account-page #proposal-packages .inner {
    max-height: none; } }

@media only screen and (min-width: 936px) {
  .account-page {
    /* Proposal Send Preparation Edit */ }
    .account-page .trash-proposal .delete-design,
    .account-page .trash-proposal .delete-proposal,
    .account-page .trash-proposal .delete-product {
      width: 30px;
      height: 30px; }
      .account-page .trash-proposal .delete-design i,
      .account-page .trash-proposal .delete-proposal i,
      .account-page .trash-proposal .delete-product i {
        font-size: 1rem; }
    .account-page .mobile-only {
      display: none; }
    .account-page .proposals-content-header {
      padding: 0; }
    .account-page .fieldset .full hr {
      float: right;
      width: 76%; }
    .account-page #proposal-packages .inner {
      max-height: none; }
    .account-page .wrap-shade .proposal-send-editor-header {
      margin-bottom: 15px;
      margin-left: 25%;
      margin-right: 25%; }
      .account-page .wrap-shade .proposal-send-editor-header p {
        font-weight: 300; }
      .account-page .wrap-shade .proposal-send-editor-header .proposal-edit-header {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 8px 4px 4px 4px;
        justify-content: space-between;
        flex-flow: wrap;
        text-align: right; }
      .account-page .wrap-shade .proposal-send-editor-header a {
        align-items: center;
        padding: 0 2.5rem;
        cursor: pointer;
        text-decoration: none;
        border-right: 2px solid #3d4543;
        color: #C42523; }
      .account-page .wrap-shade .proposal-send-editor-header a:last-of-type {
        border-right: none;
        padding-right: 0;
        color: #C5D4E2; }
      .account-page .wrap-shade .proposal-send-editor-header .btn {
        font-size: 16px;
        margin: 0; }
        .account-page .wrap-shade .proposal-send-editor-header .btn:disabled {
          background-color: #4caf50; }
        .account-page .wrap-shade .proposal-send-editor-header .btn i {
          margin: 0 7px 0 0; }
    .account-page .wrap-shade .proposal-send-editor-options-div {
      border: #cdcbc0 solid 1px;
      padding: 25px;
      box-shadow: 0 2px 12px 0 rgba(54, 56, 62, 0.7);
      margin-left: 25%;
      margin-right: 25%;
      margin-bottom: 15px; }
      .account-page .wrap-shade .proposal-send-editor-options-div .proposal-send-editor-options {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin-left: 15px;
        width: 30%; }
        .account-page .wrap-shade .proposal-send-editor-options-div .proposal-send-editor-options:first-of-type {
          margin: 0; }
      .account-page .wrap-shade .proposal-send-editor-options-div .proposal-send-editor-intro {
        margin-bottom: 20px; }
        .account-page .wrap-shade .proposal-send-editor-options-div .proposal-send-editor-intro .proposal-send-editor-logos {
          text-align: center; }
          .account-page .wrap-shade .proposal-send-editor-options-div .proposal-send-editor-intro .proposal-send-editor-logos img {
            margin: 5px;
            height: 70px; }
        .account-page .wrap-shade .proposal-send-editor-options-div .proposal-send-editor-intro p:first-of-type {
          font-size: 25px;
          font-weight: bold;
          padding-top: 30px; }
        .account-page .wrap-shade .proposal-send-editor-options-div .proposal-send-editor-intro p:last-child {
          border: 1px solid grey;
          padding: 5px;
          font-weight: 400; }
        .account-page .wrap-shade .proposal-send-editor-options-div .proposal-send-editor-intro #proposal-settings textarea {
          min-height: 100px;
          max-height: 200px; }
      .account-page .wrap-shade .proposal-send-editor-options-div .row .col-md-4 {
        margin-bottom: 10px; }
      .account-page .wrap-shade .proposal-send-editor-options-div .proposal-thumb, .account-page .wrap-shade .proposal-send-editor-options-div .product-thumb {
        margin: 0;
        padding: 3px;
        border: 1px solid grey; }
        .account-page .wrap-shade .proposal-send-editor-options-div .proposal-thumb .inner, .account-page .wrap-shade .proposal-send-editor-options-div .product-thumb .inner {
          padding-bottom: 0; }
          .account-page .wrap-shade .proposal-send-editor-options-div .proposal-thumb .inner .img-holder, .account-page .wrap-shade .proposal-send-editor-options-div .product-thumb .inner .img-holder {
            border: 0;
            margin-bottom: 5px; }
            .account-page .wrap-shade .proposal-send-editor-options-div .proposal-thumb .inner .img-holder img, .account-page .wrap-shade .proposal-send-editor-options-div .product-thumb .inner .img-holder img {
              max-height: 100%;
              max-width: 100%;
              width: 100%;
              bottom: 0; }
            .account-page .wrap-shade .proposal-send-editor-options-div .proposal-thumb .inner .img-holder .hover, .account-page .wrap-shade .proposal-send-editor-options-div .product-thumb .inner .img-holder .hover {
              background: none; }
              .account-page .wrap-shade .proposal-send-editor-options-div .proposal-thumb .inner .img-holder .hover .delete-proposal, .account-page .wrap-shade .proposal-send-editor-options-div .product-thumb .inner .img-holder .hover .delete-proposal {
                right: 10px; }
          .account-page .wrap-shade .proposal-send-editor-options-div .proposal-thumb .inner .price, .account-page .wrap-shade .proposal-send-editor-options-div .product-thumb .inner .price {
            margin-bottom: 10px; }
          .account-page .wrap-shade .proposal-send-editor-options-div .proposal-thumb .inner p, .account-page .wrap-shade .proposal-send-editor-options-div .product-thumb .inner p {
            margin-bottom: 0; }
          .account-page .wrap-shade .proposal-send-editor-options-div .proposal-thumb .inner #proposal-channel, .account-page .wrap-shade .proposal-send-editor-options-div .product-thumb .inner #proposal-channel {
            border: 1px solid grey;
            margin: 10px 0;
            font-weight: bold; }
          .account-page .wrap-shade .proposal-send-editor-options-div .proposal-thumb .inner .add-proposal-btn, .account-page .wrap-shade .proposal-send-editor-options-div .product-thumb .inner .add-proposal-btn {
            border: none;
            background: none;
            outline: none;
            text-transform: uppercase;
            font-weight: bold;
            margin-bottom: 151px; }
            .account-page .wrap-shade .proposal-send-editor-options-div .proposal-thumb .inner .add-proposal-btn i, .account-page .wrap-shade .proposal-send-editor-options-div .product-thumb .inner .add-proposal-btn i {
              color: #2A68A3;
              font-size: 40px; }
        .account-page .wrap-shade .proposal-send-editor-options-div .proposal-thumb:hover, .account-page .wrap-shade .proposal-send-editor-options-div .product-thumb:hover {
          box-shadow: none; }
        .account-page .wrap-shade .proposal-send-editor-options-div .proposal-thumb .btn, .account-page .wrap-shade .proposal-send-editor-options-div .product-thumb .btn {
          opacity: 1;
          position: relative;
          margin-bottom: 0; }
      .account-page .wrap-shade .proposal-send-editor-options-div .proposal-send-editor-footer {
        margin-top: 20px; }
        .account-page .wrap-shade .proposal-send-editor-options-div .proposal-send-editor-footer h3 {
          text-align: center; }
        .account-page .wrap-shade .proposal-send-editor-options-div .proposal-send-editor-footer p {
          font-weight: 400;
          font-size: 16px; }
    .account-page .wrap-shade #add-proposal-option .modal-content {
      border-radius: 0; }
      .account-page .wrap-shade #add-proposal-option .modal-content h3, .account-page .wrap-shade #add-proposal-option .modal-content p {
        color: black; }
      .account-page .wrap-shade #add-proposal-option .modal-content h3 {
        margin-bottom: 0; }
      .account-page .wrap-shade #add-proposal-option .modal-content p {
        font-weight: 400; }
      .account-page .wrap-shade #add-proposal-option .modal-content .btn {
        font-size: 13px;
        padding: 10px 55px; }
      .account-page .wrap-shade #add-proposal-option .modal-content .modal-header {
        padding: 40px 0 0 0;
        border-bottom-width: 0; }
        .account-page .wrap-shade #add-proposal-option .modal-content .modal-header .close {
          color: red;
          opacity: 1;
          font-size: 40px;
          outline: none; }
      .account-page .wrap-shade #add-proposal-option .modal-content .modal-body {
        padding: 40px; }
        .account-page .wrap-shade #add-proposal-option .modal-content .modal-body .row .col-md-6 {
          padding: 0; }
        .account-page .wrap-shade #add-proposal-option .modal-content .modal-body .thumb-list-view {
          border-radius: 7px;
          background-color: #e8e8e8;
          margin: 10px;
          text-align: left;
          outline: none; }
          .account-page .wrap-shade #add-proposal-option .modal-content .modal-body .thumb-list-view .tile-img {
            width: 100%;
            height: 106px;
            margin: 12px 0;
            border: 1px solid grey;
            border-radius: 5px; }
          .account-page .wrap-shade #add-proposal-option .modal-content .modal-body .thumb-list-view .tile-info {
            padding: 10px 12px 10px 0; }
            .account-page .wrap-shade #add-proposal-option .modal-content .modal-body .thumb-list-view .tile-info p {
              margin-bottom: 0;
              font-size: 16px;
              text-transform: capitalize; } }

#lightbox .btn {
  width: 200px; }

#lightbox .lightbox-el {
  display: none; }
  #lightbox .lightbox-el.active {
    display: block; }

#profile-proposal-list {
  margin-top: 150px;
  margin-bottom: 40px; }
  #profile-proposal-list .proposals-content-header {
    border-bottom: 1px solid lightgrey;
    padding-bottom: 1rem;
    margin-bottom: 2rem; }
  #profile-proposal-list .new-proposal-button {
    width: 25%;
    height: 486px;
    padding: 1rem;
    color: #C5D4E2;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    #profile-proposal-list .new-proposal-button span {
      width: 150px;
      font-weight: 700;
      font-size: 1.25em;
      text-align: center;
      text-transform: uppercase; }
    #profile-proposal-list .new-proposal-button i {
      font-size: 1.5rem;
      margin-bottom: 0.5rem; }
    #profile-proposal-list .new-proposal-button:hover {
      color: white;
      background-color: #C5D4E2; }
  #profile-proposal-list .proposal-tile {
    width: 25%;
    padding: 1rem;
    text-align: center; }
    #profile-proposal-list .proposal-tile .proposal-options {
      height: 150px;
      width: 100%;
      margin-bottom: 14px;
      position: relative;
      border: 1px solid grey;
      border-radius: 3px;
      background-color: rgba(41, 44, 49, 0.8); }
      #profile-proposal-list .proposal-tile .proposal-options a {
        position: absolute;
        top: 10px;
        cursor: pointer;
        font-size: 16px;
        color: #C5D4E2;
        width: 30px;
        height: 30px;
        background-color: white;
        border: 2px solid #C5D4E2;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center; }
        #profile-proposal-list .proposal-tile .proposal-options a.send-proposal-button {
          right: 10px; }
        #profile-proposal-list .proposal-tile .proposal-options a.copy-proposal {
          right: 50px; }
        #profile-proposal-list .proposal-tile .proposal-options a.delete-proposal {
          right: 90px;
          color: #C42523;
          border-color: #C42523; }
        #profile-proposal-list .proposal-tile .proposal-options a.activate-proposal {
          left: 10px; }
        #profile-proposal-list .proposal-tile .proposal-options a.active-proposal {
          left: -15px;
          top: -15px; }
        #profile-proposal-list .proposal-tile .proposal-options a.view-proposal {
          top: 55%;
          left: 50%;
          transform: translate(-50%, -50%);
          border: 2px solid white;
          color: white;
          padding: 16px 6px;
          font-weight: 600;
          border-radius: 0;
          background: transparent;
          width: 150px;
          height: auto; }
          #profile-proposal-list .proposal-tile .proposal-options a.view-proposal:hover {
            color: #C5D4E2;
            background-color: white; }
        #profile-proposal-list .proposal-tile .proposal-options a.disabled {
          opacity: 0.75;
          pointer-events: none; }
    #profile-proposal-list .proposal-tile .price {
      padding: 0 0 1rem 0; }
      #profile-proposal-list .proposal-tile .price .strike {
        font-size: 1.4rem;
        color: darkgrey; }
      #profile-proposal-list .proposal-tile .price .the-price {
        font-size: 1.8rem;
        color: #C42523; }
    #profile-proposal-list .proposal-tile .inner > p {
      font-size: 0.8rem; }
    #profile-proposal-list .proposal-tile .inner > h3 {
      margin: 0.5rem 0; }
    #profile-proposal-list .proposal-tile .inner > .btn.red {
      margin: 0.5rem 0; }

.proposal-contents .hide {
  display: none !important; }

.proposal-contents .proposal-edit-price-section {
  margin: 110px auto 0 auto; }
  .proposal-contents .proposal-edit-price-section h1 {
    font-weight: 600; }
  .proposal-contents .proposal-edit-price-section > div {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .proposal-contents .proposal-edit-price-section span:not(.strike) {
    font-weight: 600;
    font-size: 30px;
    padding: 5px; }
    @media (max-width: 767px) {
      .proposal-contents .proposal-edit-price-section span:not(.strike) {
        font-size: 15px; } }
  .proposal-contents .proposal-edit-price-section p {
    font-weight: 300; }

.proposal-contents .proposals-content-header {
  margin: 0 auto;
  padding-bottom: 8px;
  border-bottom: 1px solid grey; }
  .proposal-contents .proposals-content-header .proposal-actions {
    padding: 0.5rem 0;
    margin: 1rem 0;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    display: flex;
    align-items: baseline;
    justify-content: flex-end; }
    .proposal-contents .proposals-content-header .proposal-actions span.spacer {
      flex-grow: 1; }
    .proposal-contents .proposals-content-header .proposal-actions a {
      margin-right: 12px;
      cursor: pointer; }
  .proposal-contents .proposals-content-header .description {
    min-height: 100px; }

.proposal-contents .proposal-included-design, .proposal-contents .proposal-extras {
  width: 100%;
  padding-top: 3rem; }
  .proposal-contents .proposal-included-design h3, .proposal-contents .proposal-extras h3 {
    display: flex;
    align-items: baseline;
    user-select: none;
    padding: 10px;
    margin-bottom: 5px;
    border-bottom: 2px solid #98989a;
    background: whitesmoke; }
    .proposal-contents .proposal-included-design h3 a, .proposal-contents .proposal-extras h3 a {
      cursor: pointer; }
    .proposal-contents .proposal-included-design h3 span, .proposal-contents .proposal-extras h3 span {
      color: #98989a; }
      .proposal-contents .proposal-included-design h3 span.spacer, .proposal-contents .proposal-extras h3 span.spacer {
        margin: 0;
        flex-grow: 1; }
    .proposal-contents .proposal-included-design h3 .strike, .proposal-contents .proposal-extras h3 .strike {
      font-weight: initial;
      margin-right: 16px; }
  .proposal-contents .proposal-included-design .view-design, .proposal-contents .proposal-extras .view-design {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .proposal-contents .proposal-included-design .view-design .btn, .proposal-contents .proposal-extras .view-design .btn {
      margin: 0;
      padding: 6px 16px;
      font-weight: 600;
      font-size: 1.25rem; }
  .proposal-contents .proposal-included-design .img-holder, .proposal-contents .proposal-extras .img-holder {
    position: relative; }
    .proposal-contents .proposal-included-design .img-holder > a, .proposal-contents .proposal-extras .img-holder > a {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      padding: 1rem;
      text-align: center;
      border-radius: 0.25rem;
      box-shadow: 0 0 3px 1px;
      opacity: 0.75; }
      .proposal-contents .proposal-included-design .img-holder > a:hover, .proposal-contents .proposal-extras .img-holder > a:hover {
        background-color: rgba(1, 1, 1, 0.1); }
  .proposal-contents .proposal-included-design .proposal-design-details > div, .proposal-contents .proposal-extras .proposal-design-details > div {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem; }
    .proposal-contents .proposal-included-design .proposal-design-details > div > div, .proposal-contents .proposal-extras .proposal-design-details > div > div {
      width: 50%; }
      .proposal-contents .proposal-included-design .proposal-design-details > div > div ul, .proposal-contents .proposal-extras .proposal-design-details > div > div ul {
        padding: 0;
        display: flex; }
        .proposal-contents .proposal-included-design .proposal-design-details > div > div ul li, .proposal-contents .proposal-extras .proposal-design-details > div > div ul li {
          margin: 5px;
          display: flex;
          flex-direction: column;
          align-items: center;
          flex-grow: 1; }
          .proposal-contents .proposal-included-design .proposal-design-details > div > div ul li img, .proposal-contents .proposal-extras .proposal-design-details > div > div ul li img {
            height: 65px;
            border: black 1px solid;
            width: 100%;
            border-radius: 5px; }
      .proposal-contents .proposal-included-design .proposal-design-details > div > div img, .proposal-contents .proposal-extras .proposal-design-details > div > div img {
        max-width: 100%; }
      .proposal-contents .proposal-included-design .proposal-design-details > div > div:first-of-type, .proposal-contents .proposal-extras .proposal-design-details > div > div:first-of-type {
        padding-right: 10px; }
      .proposal-contents .proposal-included-design .proposal-design-details > div > div:last-of-type, .proposal-contents .proposal-extras .proposal-design-details > div > div:last-of-type {
        padding-left: 10px; }

.proposal-contents .proposal-included-design .inner .additional-details {
  display: none; }

.proposal-contents .proposal-included-design .inner .package-item {
  display: none; }

.proposal-contents .proposal-included-design .toggle-design-details {
  background: #C42523;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  cursor: pointer;
  margin-top: 2rem; }
  .proposal-contents .proposal-included-design .toggle-design-details i {
    -webkit-text-stroke: 1px #C42523; }
  .proposal-contents .proposal-included-design .toggle-design-details span:last-of-type {
    display: none; }

.proposal-contents .proposal-action-sections {
  display: flex;
  justify-content: space-between;
  padding: 8px; }
  .proposal-contents .proposal-action-sections:nth-of-type(odd) {
    background-color: #EEE; }
  .proposal-contents .proposal-action-sections a {
    cursor: pointer;
    margin-left: 8px; }

.proposal-contents .proposal-subtotals {
  display: flex;
  align-items: flex-start;
  padding: 1rem 0;
  margin: 1rem 0;
  background-color: #EEE; }
  .proposal-contents .proposal-subtotals > div, .proposal-contents .proposal-subtotals > table {
    width: 50%;
    padding: 10px 2rem;
    background-color: transparent; }
  .proposal-contents .proposal-subtotals ul {
    margin: 0; }
    .proposal-contents .proposal-subtotals ul li {
      margin-top: 10px; }
  .proposal-contents .proposal-subtotals table th, .proposal-contents .proposal-subtotals table td {
    border-bottom: none;
    padding: 8px; }
  .proposal-contents .proposal-subtotals table td {
    text-align: right; }

.proposal-contents .order-total {
  width: 50%;
  float: right; }
  .proposal-contents .order-total th, .proposal-contents .order-total td {
    border-bottom: none;
    padding: 8px; }
  .proposal-contents .order-total .subtotal-plus-shipping {
    text-align: right;
    font-weight: bold;
    font-size: 1.5rem; }
  .proposal-contents .order-total button {
    float: right; }

.proposal-contents .proposal-extras .inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap; }
  .proposal-contents .proposal-extras .inner .proposal-item-tile {
    width: 33%;
    padding: 16px;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .proposal-contents .proposal-extras .inner .proposal-item-tile {
        width: 270px;
        margin: auto; } }
    .proposal-contents .proposal-extras .inner .proposal-item-tile > figure {
      height: 150px;
      width: 150px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 16px; }
      .proposal-contents .proposal-extras .inner .proposal-item-tile > figure img {
        max-height: 100%;
        width: auto; }
    .proposal-contents .proposal-extras .inner .proposal-item-tile > p {
      min-height: 60px; }
      .proposal-contents .proposal-extras .inner .proposal-item-tile > p strong {
        font-weight: bold; }
      .proposal-contents .proposal-extras .inner .proposal-item-tile > p span {
        width: 100%;
        display: block; }
    .proposal-contents .proposal-extras .inner .proposal-item-tile a.delete-product {
      cursor: pointer; }

.sort-of-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(1, 1, 1, 0.75);
  z-index: 9001; }
  .sort-of-modal > div {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    min-height: 400px;
    background-color: whitesmoke;
    padding: 2rem;
    text-align: center; }
    .sort-of-modal > div .btn {
      padding: 0.5rem 1rem; }
    .sort-of-modal > div p {
      margin-bottom: 1rem; }
    .sort-of-modal > div h3 {
      text-align: left; }
    .sort-of-modal > div input {
      margin-bottom: 1rem; }

.design-request {
  font-size: 0.9375rem; }
  .design-request p {
    font-size: 0.9375rem; }
  .design-request label {
    display: inline-block;
    font-weight: 600;
    margin-bottom: 0.3125rem; }
  .design-request a {
    text-decoration: none; }
  .design-request .mainsec {
    margin: auto;
    width: 80%; }
  .design-request .page-content-wrapper {
    min-height: 200px;
    position: relative;
    margin: 5rem auto !important;
    width: 80%; }
    body.has-hero .design-request .page-content-wrapper {
      margin-top: 3.75rem; }
  @media only screen and (max-width: 586px) {
    .design-request .page-content-wrapper {
      width: 100% !important; } }
  @media only screen and (max-width: 1040px) and (min-width: 587px) {
    .design-request .page-content-wrapper {
      width: 100% !important; } }
  .design-request img {
    max-width: 100%; }
  .design-request .float-right {
    float: right; }
    .design-request .float-right a {
      margin-left: 0.625rem; }
  .design-request h2 {
    font-size: 1.875rem;
    font-weight: 600;
    margin-bottom: 0.625rem; }
  .design-request h3, .design-request .h3 {
    margin: 0.9375rem 0;
    font-weight: 600;
    font-size: 1.5rem; }
  .design-request .m-0 {
    margin: 0 !important; }
  .design-request .mt-4 {
    margin-top: 1.5625rem !important; }
  .design-request .mt-5 {
    margin-top: 1.875rem !important; }
  .design-request .mb-3 {
    margin-bottom: 0.625rem !important; }
  .design-request .mb-4 {
    margin-bottom: 0.9375rem !important; }
  .design-request .my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .design-request .hidden-xs-up {
    display: none !important; }
  @media (max-width: 543px) {
    .design-request .hidden-xs-down {
      display: none !important; } }
  @media (min-width: 544px) {
    .design-request .hidden-sm-up {
      display: none !important; } }
  @media (max-width: 767px) {
    .design-request .hidden-sm-down {
      display: none !important; } }
  @media (min-width: 768px) {
    .design-request .hidden-md-up {
      display: none !important; } }
  @media (max-width: 991px) {
    .design-request .hidden-md-down {
      display: none !important; } }
  @media (min-width: 992px) {
    .design-request .hidden-lg-up {
      display: none !important; } }
  @media (max-width: 1199px) {
    .design-request .hidden-lg-down {
      display: none !important; } }
  @media (min-width: 1200px) {
    .design-request .hidden-xl-up {
      display: none !important; } }
  .design-request .hidden-xl-down {
    display: none !important; }
  .design-request .row::after {
    content: "";
    display: table;
    clear: both; }
  .design-request .col-xs-1, .design-request .col-xs-2, .design-request .col-xs-3, .design-request .col-xs-4, .design-request .col-xs-5, .design-request .col-xs-6, .design-request .col-xs-7, .design-request .col-xs-8, .design-request .col-xs-9, .design-request .col-xs-10, .design-request .col-xs-11, .design-request .col-xs-12, .design-request .col-sm-1, .design-request .col-sm-2, .design-request .col-sm-3, .design-request .col-sm-4, .design-request .col-sm-5, .design-request .col-sm-6, .design-request .col-sm-7, .design-request .col-sm-8, .design-request .col-sm-9, .design-request .col-sm-10, .design-request .col-sm-11, .design-request .col-sm-12, .design-request .col-md-1, .design-request .col-md-2, .design-request .col-md-3, .design-request .col-md-4, .design-request .col-md-5, .design-request .col-md-6, .design-request .col-md-7, .design-request .col-md-8, .design-request .col-md-9, .design-request .col-md-10, .design-request .col-md-11, .design-request .col-md-12, .design-request .col-lg-1, .design-request .col-lg-2, .design-request .col-lg-3, .design-request .col-lg-4, .design-request .col-lg-5, .design-request .col-lg-6, .design-request .col-lg-7, .design-request .col-lg-8, .design-request .col-lg-9, .design-request .col-lg-10, .design-request .col-lg-11, .design-request .col-lg-12, .design-request .col-xl-1, .design-request .col-xl-2, .design-request .col-xl-3, .design-request .col-xl-4, .design-request .col-xl-5, .design-request .col-xl-6, .design-request .col-xl-7, .design-request .col-xl-8, .design-request .col-xl-9, .design-request .col-xl-10, .design-request .col-xl-11, .design-request .col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0.78125rem;
    padding-left: 0.78125rem; }
  @media (min-width: 768px) {
    .design-request .col-md-6 {
      float: left;
      width: 50%; } }
  .design-request .col-xs-6 {
    float: left;
    width: 50%; }
  @media (min-width: 768px) {
    .design-request .col-md-4 {
      float: left;
      width: 33.33333%; } }
  @media (min-width: 768px) {
    .design-request .col-md-3 {
      float: left;
      width: 25%; } }
  .design-request .col-center {
    text-align: center; }
  .design-request .text-xs-center {
    text-align: center !important; }
  .design-request .collapse-md {
    padding-left: 0.9375rem;
    margin-top: 0.625rem; }
  @media (min-width: 768px) {
    .design-request .collapse-md {
      position: relative;
      display: inline-block;
      padding-left: 0.625rem;
      padding-right: 1.875rem;
      margin-bottom: 0;
      vertical-align: middle;
      cursor: pointer; } }
  .design-request form {
    margin-top: 1.875rem; }
    .design-request form .form-check {
      background: url(https://s3.amazonaws.com/media.thestowcompany.com/managed_media/filer_public/bd/c9/bdc9cf1b-cdb7-4d81-8dd4-59a4eb7d1def/radio_sprite.png) 0px -23px no-repeat; }
      .design-request form .form-check input {
        position: absolute;
        z-index: -1000;
        left: -1000px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0; }
    .design-request form .form-check.selected {
      background: url(https://s3.amazonaws.com/media.thestowcompany.com/managed_media/filer_public/bd/c9/bdc9cf1b-cdb7-4d81-8dd4-59a4eb7d1def/radio_sprite.png) 0 -2px no-repeat; }
  .design-request .form-check-label {
    padding-left: 0.78125rem;
    margin-bottom: 0;
    cursor: pointer; }
  .design-request #whatyouget h3 {
    font-size: 1.15625rem; }
  .design-request #whatyouget #howitworks {
    padding: 1.25rem 1.875rem 3.125rem;
    background: #dce8e7;
    margin-bottom: 1.875rem; }
    .design-request #whatyouget #howitworks div {
      padding: 0 0.625rem; }
      .design-request #whatyouget #howitworks div p:nth-of-type(2) {
        color: #7ca7ad;
        font-weight: 500; }
    .design-request #whatyouget #howitworks img {
      max-width: 3.125rem; }
    .design-request #whatyouget #howitworks div:first-of-type P img {
      margin-top: 0.625rem; }
    @media (min-width: 768px) {
      .design-request #whatyouget #howitworks div {
        margin-top: 2.5rem; } }
  .design-request #whatyouget #options {
    text-align: center;
    margin-bottom: 1.875rem;
    padding: 1.875rem 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .design-request #whatyouget #options div {
      margin-top: 1.875rem; }
    @media (min-width: 768px) {
      .design-request #whatyouget #options {
        text-align: left; }
        .design-request #whatyouget #options div {
          padding-left: 3.125rem;
          margin-top: 0; }
        .design-request #whatyouget #options div:first-of-type {
          padding-left: 0.78125rem; }
        .design-request #whatyouget #options div:nth-of-type(2) {
          padding-left: 4.375rem; } }
  .design-request #whatyouget #extras {
    font-size: 0.78125rem;
    margin-bottom: 3.125rem; }
    .design-request #whatyouget #extras img {
      margin: 1.875rem 0;
      max-width: 3.75rem; }
    .design-request #whatyouget #extras div:first-of-type div img {
      margin: 1.25rem 0 1.875rem;
      max-width: 4.375rem; }
    .design-request #whatyouget #extras div:last-of-type div img {
      margin: 1.875rem 0 2.5rem;
      max-width: 3.125rem; }
    .design-request #whatyouget #extras p {
      padding: 0.46875rem 0;
      border-top: 1px solid #98989a;
      border-bottom: 1px solid #98989a; }
  .design-request .underlined-subheader {
    margin-top: 1.875rem;
    margin-bottom: 0.625rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .design-request .step {
    display: inline-block;
    margin-top: 1.875rem !important; }
  .design-request .compliance-text {
    padding: 20px 0 25px;
    font-size: 0.825rem;
    line-height: 1.6em; }