/*============================================================================
  Virto Commerce Default Theme based on Timber v1.4.0
  Built with Sass - http://sass-lang.com/

  Some things to notice:
	- added support for top dropdown menu (languages, currencies)
==============================================================================*/
/*============================================================================
  Table of Contents

  #Breakpoint and Grid Variables
  #General Variables
  #Sass Mixins
  #Normalize
  #Grid Setup
  #Basic Styles
  #Helper Classes
  #Typography
  #Rich Text Editor
  #Links and Buttons
  #Lists
  #Tables
  #OOCSS Media Object
  #Images and Iframes
  #Forms
  #Icons
  #Pagination
  #Site Header
  #Site Nav and Dropdowns
  #Mobile Nav Bar
  #Site Footer
  #Product Grid and List Views
  #Collection Filters
  #Breadcrumbs
  #Product Page
  #Blogs and Comments
  #Notes and Form Feedback
  #Cart Page
  #Demo Styles - for empty store state
  #FlexSlider
  #Product Reviews
==============================================================================*/
/*============================================================================
  #Breakpoint and Grid Variables
==============================================================================*/
/*================ The following are dependencies of csswizardry grid ================*/
/*============================================================================
  #General Variables
==============================================================================*/
/*================ Typography ================*/
/*============================================================================
  Get font-families from theme settings
==============================================================================*/
@font-face {
  font-family: "icons";
  src: url("https://prod-rs-store.azurewebsites.net/themes/assets/icons.eot");
  src: url("https://prod-rs-store.azurewebsites.net/themes/assets/icons.eot#iefix") format("embedded-opentype"), url("https://prod-rs-store.azurewebsites.net/themes/assets/icons.woff") format("woff"), url("https://prod-rs-store.azurewebsites.net/themes/assets/icons.ttf") format("truetype"), url("https://prod-rs-store.azurewebsites.net/themes/assets/icons.svg#timber-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

/*============================================================================
  #Sass Mixins
==============================================================================*/
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/*============================================================================
  Dependency-free breakpoint mixin
// http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
==============================================================================*/
/*============================================================================
  #Normalize
==============================================================================*/
*, input, :before, :after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
  margin: 0;
  -webkit-appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*============================================================================
  #Grid Setup
    - Based on csswizardry grid, but with floated columns and a fixed gutter size
    - Breakpoints defined above, under #Breakpoint and Grid Variables
    - Note the inclusion of .grid-uniform to take care of clearfixes on evenly sized grid-items
==============================================================================*/
/* Force clearfix on grids */
.grid:after, .grid--full:after, .grid--rev:after,
.grid-uniform:after {
  content: "";
  display: table;
  clear: both; }

/* Manual grid-item clearfix */
.grid-item.clear {
  clear: both; }

/*============================================================================
  Drop relative positioning into silent classes which can't take advantage of
  the `[class*="push--"]` and `[class*="pull--"]` selectors.
==============================================================================*/
/*============================================================================
  Grid Setup
    1. Allow the grid system to be used on lists.
    2. Remove any margins and paddings that might affect the grid system.
    3. Apply a negative `margin-left` to negate the columns' gutters.
==============================================================================*/
.grid, .grid--full, .grid--rev,
.grid-uniform {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px; }

.grid-item {
  float: left;
  padding-left: 30px;
  vertical-align: top;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*============================================================================
  Reversed grids allow you to structure your source in the opposite
  order to how your rendered layout will appear.
==============================================================================*/
.grid--rev {
  direction: rtl;
  text-align: left; }
  .grid--rev > .grid-item {
    direction: ltr;
    text-align: left;
    float: right; }

/* Gutterless grids have all the properties of regular grids, minus any spacing. */
.grid--full {
  margin-left: 0; }
  .grid--full > .grid-item {
    padding-left: 0; }

/*============================================================================
  WIDTHS
    - Create width classes, prefixed by the specified namespace.
==============================================================================*/
/*================ Clearfix helper on uniform grids ================*/
/*============================================================================
  HELPERS
==============================================================================*/
/*================ Helper show/hide classes around our breakpoints ================*/
/*================ Our regular, non-responsive width and helper classes ================*/
/** Whole */
.one-whole {
  width: 100%; }

/* Halves */
.one-half, .six-twelfths, .five-tenths, .four-eighths, .three-sixths, .two-quarters {
  width: 50%; }

/* Thirds */
.one-third, .four-twelfths, .two-sixths {
  width: 33.333%; }

.two-thirds, .eight-twelfths, .four-sixths {
  width: 66.666%; }

/* Quarters */
.one-quarter, .three-twelfths, .two-eighths {
  width: 25%; }

.three-quarters, .nine-twelfths, .six-eighths {
  width: 75%; }

/* Fifths */
.one-fifth, .two-tenths {
  width: 20%; }

.two-fifths, .four-tenths {
  width: 40%; }

.three-fifths, .six-tenths {
  width: 60%; }

.four-fifths, .eight-tenths {
  width: 80%; }

/* Sixths */
.one-sixth, .two-twelfths {
  width: 16.666%; }

.five-sixths, .ten-twelfths {
  width: 83.333%; }

/* Eighths */
.one-eighth {
  width: 12.5%; }

.three-eighths {
  width: 37.5%; }

.five-eighths {
  width: 62.5%; }

.seven-eighths {
  width: 87.5%; }

/* Tenths */
.one-tenth {
  width: 10%; }

.three-tenths {
  width: 30%; }

.seven-tenths {
  width: 70%; }

.nine-tenths {
  width: 90%; }

/* Twelfths */
.one-twelfth {
  width: 8.333%; }

.five-twelfths {
  width: 41.666%; }

.seven-twelfths {
  width: 58.333%; }

.eleven-twelfths {
  width: 91.666%; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

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

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

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

.left {
  float: left !important; }

.right {
  float: right !important; }

/*================ Our responsive classes, if we have enabled them ================*/
@media only screen and (max-width: 480px) {
  /** Whole */
  .small--one-whole {
    width: 100%; }
  /* Halves */
  .small--one-half, .small--six-twelfths, .small--five-tenths, .small--four-eighths, .small--three-sixths, .small--two-quarters {
    width: 50%; }
  /* Thirds */
  .small--one-third, .small--four-twelfths, .small--two-sixths {
    width: 33.333%; }
  .small--two-thirds, .small--eight-twelfths, .small--four-sixths {
    width: 66.666%; }
  /* Quarters */
  .small--one-quarter, .small--three-twelfths, .small--two-eighths {
    width: 25%; }
  .small--three-quarters, .small--nine-twelfths, .small--six-eighths {
    width: 75%; }
  /* Fifths */
  .small--one-fifth, .small--two-tenths {
    width: 20%; }
  .small--two-fifths, .small--four-tenths {
    width: 40%; }
  .small--three-fifths, .small--six-tenths {
    width: 60%; }
  .small--four-fifths, .small--eight-tenths {
    width: 80%; }
  /* Sixths */
  .small--one-sixth, .small--two-twelfths {
    width: 16.666%; }
  .small--five-sixths, .small--ten-twelfths {
    width: 83.333%; }
  /* Eighths */
  .small--one-eighth {
    width: 12.5%; }
  .small--three-eighths {
    width: 37.5%; }
  .small--five-eighths {
    width: 62.5%; }
  .small--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .small--one-tenth {
    width: 10%; }
  .small--three-tenths {
    width: 30%; }
  .small--seven-tenths {
    width: 70%; }
  .small--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .small--one-twelfth {
    width: 8.333%; }
  .small--five-twelfths {
    width: 41.666%; }
  .small--seven-twelfths {
    width: 58.333%; }
  .small--eleven-twelfths {
    width: 91.666%; }
  .small--show {
    display: block !important; }
  .small--hide {
    display: none !important; }
  .small--text-left {
    text-align: left !important; }
  .small--text-right {
    text-align: right !important; }
  .small--text-center {
    text-align: center !important; }
  .small--left {
    float: left !important; }
  .small--right {
    float: right !important; }
  .grid-uniform .small--one-half:nth-child(2n+1), .grid-uniform .small--two-quarters:nth-child(2n+1),
  .grid-uniform .small--one-third:nth-child(3n+1),
  .grid-uniform .small--one-quarter:nth-child(4n+1),
  .grid-uniform .small--one-fifth:nth-child(5n+1),
  .grid-uniform .small--two-tenths:nth-child(5n+1),
  .grid-uniform .small--one-sixth:nth-child(6n+1),
  .grid-uniform .small--two-sixths:nth-child(3n+1),
  .grid-uniform .small--three-sixths:nth-child(2n+1),
  .grid-uniform .small--two-eighths:nth-child(4n+1),
  .grid-uniform .small--four-eighths:nth-child(2n+1),
  .grid-uniform .small--five-tenths:nth-child(2n+1),
  .grid-uniform .small--one-twelfth:nth-child(12n+1),
  .grid-uniform .small--two-twelfths:nth-child(6n+1),
  .grid-uniform .small--three-twelfths:nth-child(4n+1),
  .grid-uniform .small--four-twelfths:nth-child(3n+1),
  .grid-uniform .small--six-twelfths:nth-child(2n+1) {
    clear: both; } }

@media only screen and (min-width: 481px) and (max-width: 768px) {
  /** Whole */
  .medium--one-whole {
    width: 100%; }
  /* Halves */
  .medium--one-half, .medium--six-twelfths, .medium--five-tenths, .medium--four-eighths, .medium--three-sixths, .medium--two-quarters {
    width: 50%; }
  /* Thirds */
  .medium--one-third, .medium--four-twelfths, .medium--two-sixths {
    width: 33.333%; }
  .medium--two-thirds, .medium--eight-twelfths, .medium--four-sixths {
    width: 66.666%; }
  /* Quarters */
  .medium--one-quarter, .medium--three-twelfths, .medium--two-eighths {
    width: 25%; }
  .medium--three-quarters, .medium--nine-twelfths, .medium--six-eighths {
    width: 75%; }
  /* Fifths */
  .medium--one-fifth, .medium--two-tenths {
    width: 20%; }
  .medium--two-fifths, .medium--four-tenths {
    width: 40%; }
  .medium--three-fifths, .medium--six-tenths {
    width: 60%; }
  .medium--four-fifths, .medium--eight-tenths {
    width: 80%; }
  /* Sixths */
  .medium--one-sixth, .medium--two-twelfths {
    width: 16.666%; }
  .medium--five-sixths, .medium--ten-twelfths {
    width: 83.333%; }
  /* Eighths */
  .medium--one-eighth {
    width: 12.5%; }
  .medium--three-eighths {
    width: 37.5%; }
  .medium--five-eighths {
    width: 62.5%; }
  .medium--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .medium--one-tenth {
    width: 10%; }
  .medium--three-tenths {
    width: 30%; }
  .medium--seven-tenths {
    width: 70%; }
  .medium--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .medium--one-twelfth {
    width: 8.333%; }
  .medium--five-twelfths {
    width: 41.666%; }
  .medium--seven-twelfths {
    width: 58.333%; }
  .medium--eleven-twelfths {
    width: 91.666%; }
  .medium--show {
    display: block !important; }
  .medium--hide {
    display: none !important; }
  .medium--text-left {
    text-align: left !important; }
  .medium--text-right {
    text-align: right !important; }
  .medium--text-center {
    text-align: center !important; }
  .medium--left {
    float: left !important; }
  .medium--right {
    float: right !important; }
  .grid-uniform .medium--one-half:nth-child(2n+1), .grid-uniform .medium--two-quarters:nth-child(2n+1),
  .grid-uniform .medium--one-third:nth-child(3n+1),
  .grid-uniform .medium--one-quarter:nth-child(4n+1),
  .grid-uniform .medium--one-fifth:nth-child(5n+1),
  .grid-uniform .medium--two-tenths:nth-child(5n+1),
  .grid-uniform .medium--one-sixth:nth-child(6n+1),
  .grid-uniform .medium--two-sixths:nth-child(3n+1),
  .grid-uniform .medium--three-sixths:nth-child(2n+1),
  .grid-uniform .medium--two-eighths:nth-child(4n+1),
  .grid-uniform .medium--four-eighths:nth-child(2n+1),
  .grid-uniform .medium--five-tenths:nth-child(2n+1),
  .grid-uniform .medium--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium--six-twelfths:nth-child(2n+1) {
    clear: both; } }

@media only screen and (max-width: 768px) {
  /** Whole */
  .medium-down--one-whole {
    width: 100%; }
  /* Halves */
  .medium-down--one-half, .medium-down--six-twelfths, .medium-down--five-tenths, .medium-down--four-eighths, .medium-down--three-sixths, .medium-down--two-quarters {
    width: 50%; }
  /* Thirds */
  .medium-down--one-third, .medium-down--four-twelfths, .medium-down--two-sixths {
    width: 33.333%; }
  .medium-down--two-thirds, .medium-down--eight-twelfths, .medium-down--four-sixths {
    width: 66.666%; }
  /* Quarters */
  .medium-down--one-quarter, .medium-down--three-twelfths, .medium-down--two-eighths {
    width: 25%; }
  .medium-down--three-quarters, .medium-down--nine-twelfths, .medium-down--six-eighths {
    width: 75%; }
  /* Fifths */
  .medium-down--one-fifth, .medium-down--two-tenths {
    width: 20%; }
  .medium-down--two-fifths, .medium-down--four-tenths {
    width: 40%; }
  .medium-down--three-fifths, .medium-down--six-tenths {
    width: 60%; }
  .medium-down--four-fifths, .medium-down--eight-tenths {
    width: 80%; }
  /* Sixths */
  .medium-down--one-sixth, .medium-down--two-twelfths {
    width: 16.666%; }
  .medium-down--five-sixths, .medium-down--ten-twelfths {
    width: 83.333%; }
  /* Eighths */
  .medium-down--one-eighth {
    width: 12.5%; }
  .medium-down--three-eighths {
    width: 37.5%; }
  .medium-down--five-eighths {
    width: 62.5%; }
  .medium-down--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .medium-down--one-tenth {
    width: 10%; }
  .medium-down--three-tenths {
    width: 30%; }
  .medium-down--seven-tenths {
    width: 70%; }
  .medium-down--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .medium-down--one-twelfth {
    width: 8.333%; }
  .medium-down--five-twelfths {
    width: 41.666%; }
  .medium-down--seven-twelfths {
    width: 58.333%; }
  .medium-down--eleven-twelfths {
    width: 91.666%; }
  .medium-down--show {
    display: block !important; }
  .medium-down--hide {
    display: none !important; }
  .medium-down--text-left {
    text-align: left !important; }
  .medium-down--text-right {
    text-align: right !important; }
  .medium-down--text-center {
    text-align: center !important; }
  .medium-down--left {
    float: left !important; }
  .medium-down--right {
    float: right !important; }
  .grid-uniform .medium-down--one-half:nth-child(2n+1), .grid-uniform .medium-down--two-quarters:nth-child(2n+1),
  .grid-uniform .medium-down--one-third:nth-child(3n+1),
  .grid-uniform .medium-down--one-quarter:nth-child(4n+1),
  .grid-uniform .medium-down--one-fifth:nth-child(5n+1),
  .grid-uniform .medium-down--two-tenths:nth-child(5n+1),
  .grid-uniform .medium-down--one-sixth:nth-child(6n+1),
  .grid-uniform .medium-down--two-sixths:nth-child(3n+1),
  .grid-uniform .medium-down--three-sixths:nth-child(2n+1),
  .grid-uniform .medium-down--two-eighths:nth-child(4n+1),
  .grid-uniform .medium-down--four-eighths:nth-child(2n+1),
  .grid-uniform .medium-down--five-tenths:nth-child(2n+1),
  .grid-uniform .medium-down--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium-down--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium-down--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium-down--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium-down--six-twelfths:nth-child(2n+1) {
    clear: both; } }

@media only screen and (min-width: 769px) {
  /** Whole */
  .large--one-whole {
    width: 100%; }
  /* Halves */
  .large--one-half, .large--six-twelfths, .large--five-tenths, .large--four-eighths, .large--three-sixths, .large--two-quarters {
    width: 50%; }
  /* Thirds */
  .large--one-third, .large--four-twelfths, .large--two-sixths {
    width: 33.333%; }
  .large--two-thirds, .large--eight-twelfths, .large--four-sixths {
    width: 66.666%; }
  /* Quarters */
  .large--one-quarter, .large--three-twelfths, .large--two-eighths {
    width: 25%; }
  .large--three-quarters, .large--nine-twelfths, .large--six-eighths {
    width: 75%; }
  /* Fifths */
  .large--one-fifth, .large--two-tenths {
    width: 20%; }
  .large--two-fifths, .large--four-tenths {
    width: 40%; }
  .large--three-fifths, .large--six-tenths {
    width: 60%; }
  .large--four-fifths, .large--eight-tenths {
    width: 80%; }
  /* Sixths */
  .large--one-sixth, .large--two-twelfths {
    width: 16.666%; }
  .large--five-sixths, .large--ten-twelfths {
    width: 83.333%; }
  /* Eighths */
  .large--one-eighth {
    width: 12.5%; }
  .large--three-eighths {
    width: 37.5%; }
  .large--five-eighths {
    width: 62.5%; }
  .large--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .large--one-tenth {
    width: 10%; }
  .large--three-tenths {
    width: 30%; }
  .large--seven-tenths {
    width: 70%; }
  .large--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .large--one-twelfth {
    width: 8.333%; }
  .large--five-twelfths {
    width: 41.666%; }
  .large--seven-twelfths {
    width: 58.333%; }
  .large--eleven-twelfths {
    width: 91.666%; }
  .large--show {
    display: block !important; }
  .large--hide {
    display: none !important; }
  .large--text-left {
    text-align: left !important; }
  .large--text-right {
    text-align: right !important; }
  .large--text-center {
    text-align: center !important; }
  .large--left {
    float: left !important; }
  .large--right {
    float: right !important; }
  .grid-uniform .large--one-half:nth-child(2n+1), .grid-uniform .large--two-quarters:nth-child(2n+1),
  .grid-uniform .large--one-third:nth-child(3n+1),
  .grid-uniform .large--one-quarter:nth-child(4n+1),
  .grid-uniform .large--one-fifth:nth-child(5n+1),
  .grid-uniform .large--two-tenths:nth-child(5n+1),
  .grid-uniform .large--one-sixth:nth-child(6n+1),
  .grid-uniform .large--two-sixths:nth-child(3n+1),
  .grid-uniform .large--three-sixths:nth-child(2n+1),
  .grid-uniform .large--two-eighths:nth-child(4n+1),
  .grid-uniform .large--four-eighths:nth-child(2n+1),
  .grid-uniform .large--five-tenths:nth-child(2n+1),
  .grid-uniform .large--one-twelfth:nth-child(12n+1),
  .grid-uniform .large--two-twelfths:nth-child(6n+1),
  .grid-uniform .large--three-twelfths:nth-child(4n+1),
  .grid-uniform .large--four-twelfths:nth-child(3n+1),
  .grid-uniform .large--six-twelfths:nth-child(2n+1) {
    clear: both; } }

/*============================================================================
  PUSH
    - Push classes, to move grid items over to the right by certain amounts
==============================================================================*/
[class*="push--"] {
  position: relative; }

/* Whole */
.push--one-whole {
  left: 100%; }

/* Halves */
.push--one-half, .push--six-twelfths, .push--five-tenths, .push--four-eighths, .push--three-sixths, .push--two-quarters {
  left: 50%; }

/* Thirds */
.push--one-third, .push--four-twelfths, .push--two-sixths {
  left: 33.333%; }

.push--two-thirds, .push--eight-twelfths, .push--four-sixths {
  left: 66.666%; }

/* Quarters */
.push--one-quarter, .push--three-twelfths, .push--two-eighths {
  left: 25%; }

.push--three-quarters, .push--nine-twelfths, .push--six-eighths {
  left: 75%; }

/* Fifths */
.push--one-fifth, .push--two-tenths {
  left: 20%; }

.push--two-fifths, .push--four-tenths {
  left: 40%; }

.push--three-fifths, .push--six-tenths {
  left: 60%; }

.push--four-fifths, .push--eight-tenths {
  left: 80%; }

/* Sixths */
.push--one-sixth, .push--two-twelfths {
  left: 16.666%; }

.push--five-sixths, .push--ten-twelfths {
  left: 83.333%; }

/* Eighths */
.push--one-eighth {
  left: 12.5%; }

.push--three-eighths {
  left: 37.5%; }

.push--five-eighths {
  left: 62.5%; }

.push--seven-eighths {
  left: 87.5%; }

/* Tenths */
.push--one-tenth {
  left: 10%; }

.push--three-tenths {
  left: 30%; }

.push--seven-tenths {
  left: 70%; }

.push--nine-tenths {
  left: 90%; }

/* Twelfths */
.push--one-twelfth {
  left: 8.333%; }

.push--five-twelfths {
  left: 41.666%; }

.push--seven-twelfths {
  left: 58.333%; }

.push--eleven-twelfths {
  left: 91.666%; }

@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* Whole */
  .push--medium--one-whole {
    left: 100%; }
  /* Halves */
  .push--medium--one-half, .push--medium--six-twelfths, .push--medium--five-tenths, .push--medium--four-eighths, .push--medium--three-sixths, .push--medium--two-quarters {
    left: 50%; }
  /* Thirds */
  .push--medium--one-third, .push--medium--four-twelfths, .push--medium--two-sixths {
    left: 33.333%; }
  .push--medium--two-thirds, .push--medium--eight-twelfths, .push--medium--four-sixths {
    left: 66.666%; }
  /* Quarters */
  .push--medium--one-quarter, .push--medium--three-twelfths, .push--medium--two-eighths {
    left: 25%; }
  .push--medium--three-quarters, .push--medium--nine-twelfths, .push--medium--six-eighths {
    left: 75%; }
  /* Fifths */
  .push--medium--one-fifth, .push--medium--two-tenths {
    left: 20%; }
  .push--medium--two-fifths, .push--medium--four-tenths {
    left: 40%; }
  .push--medium--three-fifths, .push--medium--six-tenths {
    left: 60%; }
  .push--medium--four-fifths, .push--medium--eight-tenths {
    left: 80%; }
  /* Sixths */
  .push--medium--one-sixth, .push--medium--two-twelfths {
    left: 16.666%; }
  .push--medium--five-sixths, .push--medium--ten-twelfths {
    left: 83.333%; }
  /* Eighths */
  .push--medium--one-eighth {
    left: 12.5%; }
  .push--medium--three-eighths {
    left: 37.5%; }
  .push--medium--five-eighths {
    left: 62.5%; }
  .push--medium--seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .push--medium--one-tenth {
    left: 10%; }
  .push--medium--three-tenths {
    left: 30%; }
  .push--medium--seven-tenths {
    left: 70%; }
  .push--medium--nine-tenths {
    left: 90%; }
  /* Twelfths */
  .push--medium--one-twelfth {
    left: 8.333%; }
  .push--medium--five-twelfths {
    left: 41.666%; }
  .push--medium--seven-twelfths {
    left: 58.333%; }
  .push--medium--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (max-width: 768px) {
  /* Whole */
  .push--medium-down--one-whole {
    left: 100%; }
  /* Halves */
  .push--medium-down--one-half, .push--medium-down--six-twelfths, .push--medium-down--five-tenths, .push--medium-down--four-eighths, .push--medium-down--three-sixths, .push--medium-down--two-quarters {
    left: 50%; }
  /* Thirds */
  .push--medium-down--one-third, .push--medium-down--four-twelfths, .push--medium-down--two-sixths {
    left: 33.333%; }
  .push--medium-down--two-thirds, .push--medium-down--eight-twelfths, .push--medium-down--four-sixths {
    left: 66.666%; }
  /* Quarters */
  .push--medium-down--one-quarter, .push--medium-down--three-twelfths, .push--medium-down--two-eighths {
    left: 25%; }
  .push--medium-down--three-quarters, .push--medium-down--nine-twelfths, .push--medium-down--six-eighths {
    left: 75%; }
  /* Fifths */
  .push--medium-down--one-fifth, .push--medium-down--two-tenths {
    left: 20%; }
  .push--medium-down--two-fifths, .push--medium-down--four-tenths {
    left: 40%; }
  .push--medium-down--three-fifths, .push--medium-down--six-tenths {
    left: 60%; }
  .push--medium-down--four-fifths, .push--medium-down--eight-tenths {
    left: 80%; }
  /* Sixths */
  .push--medium-down--one-sixth, .push--medium-down--two-twelfths {
    left: 16.666%; }
  .push--medium-down--five-sixths, .push--medium-down--ten-twelfths {
    left: 83.333%; }
  /* Eighths */
  .push--medium-down--one-eighth {
    left: 12.5%; }
  .push--medium-down--three-eighths {
    left: 37.5%; }
  .push--medium-down--five-eighths {
    left: 62.5%; }
  .push--medium-down--seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .push--medium-down--one-tenth {
    left: 10%; }
  .push--medium-down--three-tenths {
    left: 30%; }
  .push--medium-down--seven-tenths {
    left: 70%; }
  .push--medium-down--nine-tenths {
    left: 90%; }
  /* Twelfths */
  .push--medium-down--one-twelfth {
    left: 8.333%; }
  .push--medium-down--five-twelfths {
    left: 41.666%; }
  .push--medium-down--seven-twelfths {
    left: 58.333%; }
  .push--medium-down--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 769px) {
  /* Whole */
  .push--large--one-whole {
    left: 100%; }
  /* Halves */
  .push--large--one-half, .push--large--six-twelfths, .push--large--five-tenths, .push--large--four-eighths, .push--large--three-sixths, .push--large--two-quarters {
    left: 50%; }
  /* Thirds */
  .push--large--one-third, .push--large--four-twelfths, .push--large--two-sixths {
    left: 33.333%; }
  .push--large--two-thirds, .push--large--eight-twelfths, .push--large--four-sixths {
    left: 66.666%; }
  /* Quarters */
  .push--large--one-quarter, .push--large--three-twelfths, .push--large--two-eighths {
    left: 25%; }
  .push--large--three-quarters, .push--large--nine-twelfths, .push--large--six-eighths {
    left: 75%; }
  /* Fifths */
  .push--large--one-fifth, .push--large--two-tenths {
    left: 20%; }
  .push--large--two-fifths, .push--large--four-tenths {
    left: 40%; }
  .push--large--three-fifths, .push--large--six-tenths {
    left: 60%; }
  .push--large--four-fifths, .push--large--eight-tenths {
    left: 80%; }
  /* Sixths */
  .push--large--one-sixth, .push--large--two-twelfths {
    left: 16.666%; }
  .push--large--five-sixths, .push--large--ten-twelfths {
    left: 83.333%; }
  /* Eighths */
  .push--large--one-eighth {
    left: 12.5%; }
  .push--large--three-eighths {
    left: 37.5%; }
  .push--large--five-eighths {
    left: 62.5%; }
  .push--large--seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .push--large--one-tenth {
    left: 10%; }
  .push--large--three-tenths {
    left: 30%; }
  .push--large--seven-tenths {
    left: 70%; }
  .push--large--nine-tenths {
    left: 90%; }
  /* Twelfths */
  .push--large--one-twelfth {
    left: 8.333%; }
  .push--large--five-twelfths {
    left: 41.666%; }
  .push--large--seven-twelfths {
    left: 58.333%; }
  .push--large--eleven-twelfths {
    left: 91.666%; } }

/*============================================================================
  PULL
    - Pull classes, to move grid items back to the left by certain amounts
==============================================================================*/
/*================ IE8 grid uniform clearfix ================*/
.lt-ie9 .grid-uniform {
  text-align: left;
  margin-left: 0; }
  .lt-ie9 .grid-uniform .grid-item {
    display: inline-block;
    float: none;
    padding: 0;
    margin-left: -3px; }

/*============================================================================
  #Basic Styles
==============================================================================*/
html, body {
  padding: 0;
  margin: 0; }

html {
  background-color: #f2f2f2; }

body {
  background-color: #fff; }

[ng-cloak] {
  display: none; }

.sk-folding-cube {
  margin: 60px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg); }

.sk-folding-cube .sk-cube {
  color: #204a80;
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg); }

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg); }

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg); }

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s; }

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

/*============================================================================
  Commented out CSS for background for easy background image uploading in case customers ask.
  Simply upload a file called 'bg.jpg' and delete lines as necessary.
==============================================================================*/
.ajax-informer {
  align-items: center;
  background: #fffabf;
  border: 1px solid #fff57c;
  color: #666;
  display: flex;
  font-size: 11px;
  font-weight: bold;
  margin: 0 auto;
  max-width: 360px;
  min-height: 30px;
  left: 50%;
  opacity: 0;
  padding: 5px 10px;
  top: 0;
  filter: alpha(opacity=0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.ajax-informer.fade {
  opacity: 1;
  filter: alpha(opacity=100); }

.ajax-informer.error {
  background: #ffbfbf;
  border: 1px solid #ffa3a3; }

.ajax-informer .loader {
  background: url(images/informer-loader.gif);
  height: 16px;
  margin: 0 5px 0 0;
  width: 16px; }

.grid-border > .grid-item {
  padding-top: 30px; }

@media screen and (min-width: 769px) {
  .grid-border--right {
    border-right: 1px solid #ececec; }
  .grid-border--left {
    border-left: 1px solid #ececec; } }

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

.right {
  float: right; }

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

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

.hidden {
  display: none; }

.display-table {
  display: table;
  table-layout: fixed;
  width: 100%; }

.display-table-cell {
  display: table-cell;
  vertical-align: middle;
  float: none; }

@media screen and (min-width: 769px) {
  .large--display-table {
    display: table;
    table-layout: fixed;
    width: 100%; }
  .large--display-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none; } }

/*============================================================================
  #Cart Page
==============================================================================*/
.cart-row {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #ececec; }
  #ajaxifyDrawer .cart-row {
    border-top-color: #444; }
  .cart-row:first-child {
    margin-top: 0; }
  .cart-row:first-child {
    padding-top: 0;
    border-top: 0 none; }
  .cart-row a {
    color: #585858; }
    .cart-row a:hover {
      color: #204a80; }

.cart-image,
.cart-image img {
  display: block;
  width: 100%;
  max-height: inherit;
  height: inherit; }

@media screen and (max-width: 768px) {
  .cart-image {
    margin-bottom: 15px; } }

.cart-subtotal {
  margin-bottom: 30px; }

.cart-subtotal--price {
  margin: 0 0 0 10px;
  display: inline; }

/*================ Remove from cart icon ================*/
a.remove {
  display: inline-block;
  margin-top: 7px;
  height: 19px;
  line-height: 19px;
  padding: 0 5px;
  border-radius: 19px;
  font-size: 9px;
  text-align: center;
  border: 0 none; }
  .supports-fontface a.remove {
    padding: 0;
    width: 19px; }

#ajaxifyDrawer .ajaxifyCart--content a.remove {
  color: #585858; }

/*============================================================================
  #Icons
==============================================================================*/
.icon-fallback-text .icon {
  display: none; }
  .supports-fontface .icon-fallback-text .icon {
    display: inline-block; }

/*============================================================================
  A generic way to visually hide content while
  remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.supports-fontface .icon-fallback-text .fallback-text {
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px; }

.icon:before {
  display: none; }

.supports-fontface .icon:before {
  display: inline;
  font-family: "icons";
  text-decoration: none;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*================ Icon mapping ================*/
.icon-american_express:before {
  content: "\41"; }

.icon-arrow-down:before {
  content: "\34"; }

.icon-bitcoin:before {
  content: "\42"; }

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

.icon-cirrus:before {
  content: "\43"; }

.icon-diners_club:before {
  content: "\63"; }

.icon-discover:before {
  content: "\44"; }

.icon-dk:before {
  content: "\64"; }

.icon-facebook:before {
  content: "\66"; }

.icon-fancy:before {
  content: "\46"; }

.icon-google:before {
  content: "\67"; }

.icon-google_wallet:before {
  content: "\47"; }

.icon-instagram:before {
  content: "\69"; }

.icon-interac:before {
  content: "\49"; }

.icon-jcb:before {
  content: "\4a"; }

.icon-maestro:before {
  content: "\6d"; }

.icon-master:before {
  content: "\4d"; }

.icon-paypal:before {
  content: "\50"; }

.icon-pinterest:before {
  content: "\70"; }

.icon-rss:before {
  content: "\72"; }

.icon-search:before {
  content: "\73"; }

.icon-stripe:before {
  content: "\53"; }

.icon-tumblr:before {
  content: "\74"; }

.icon-twitter:before {
  content: "\54"; }

.icon-vimeo:before {
  content: "\76"; }

.icon-visa:before {
  content: "\56"; }

.icon-x:before {
  content: "\78"; }

.icon-youtube:before {
  content: "\79"; }

/*============================================================================
  #Lists
==============================================================================*/
ul.reset,
ol.reset {
  list-style: none outside;
  margin: 0;
  padding: 0; }

ol.reset {
  list-style: decimal; }

ol, ul.square, ul.disc {
  margin-left: 20px; }

ul.square {
  list-style: square outside; }

ul.disc {
  list-style: disc outside; }

ol.alpha {
  list-style: lower-alpha outside; }

ul ul, ul ol,
ol ol, ol ul {
  margin: 4px 0 5px 20px; }

.inline-list li {
  display: inline-block;
  margin-bottom: 0; }

/*============================================================================
  #Site Nav and Dropdowns
==============================================================================*/
.nav-bar {
  top: 110%;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #dcdcdc; }
  .nav-bar a {
    color: #fff; }
    .nav-bar a:active, .nav-bar a:focus {
      opacity: 0.9; }

.site-nav {
  margin: 0;
  font-family: "Dosis", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  cursor: default; }
  .site-nav li {
    margin: 0;
    display: block; }
  .site-nav a {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    padding: 15px; }
  .site-nav .customer-navlink {
    color: #fff;
    background-color: white;
    border-bottom: 0;
    border-top: 1px solid #e9e9e9;
    margin-top: -1px; }

/*================ Small screen nav styles ================*/
@media screen and (max-width: 480px) {
  .show-nav .nav-bar {
    bottom: 0;
    top: 0; } }

/*================ Medium-down screen nav styles ================*/
@media screen and (max-width: 768px) {
  .nav-bar {
    position: fixed;
    z-index: 99999;
    -webkit-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95);
    -moz-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95);
    -ms-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95);
    -o-transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95);
    transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95); }
    .show-nav .nav-bar {
      max-height: 100%;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      -webkit-transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95);
      -moz-transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95);
      -ms-transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95);
      -o-transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95);
      transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95); }
    .nav-bar .wrapper {
      padding: 15px 0 0; }
    .nav-bar .search-bar {
      margin: 0 15px 15px;
      width: auto; }
  .site-nav {
    border-top: 1px solid #f6f6f6; }
  /*================ Menu items ================*/
  .site-nav li {
    border-bottom: 1px solid #e9e9e9;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.2); }
    .site-nav li:hover {
      background-color: #f6f6f6; } }

/*================ Medium screen size only ================*/
@media screen and (min-width: 481px) and (max-width: 768px) {
  .show-nav .nav-bar {
    top: 0;
    bottom: 0; } }

/*================ Large screen bar navigation ================*/
@media screen and (min-width: 769px) {
  .nav-bar .search-bar {
    display: none; }
  .site-nav {
    text-align: left;
    white-space: nowrap;
    margin-left: -15px; }
    .site-nav > li {
      position: relative;
      display: inline-block; }
    .site-nav a {
      white-space: nowrap; } }

/*================ Dropdowns ================*/
.icon-arrow-down {
  position: relative;
  top: -2px;
  font-size: 12px; }

.site-nav--dropdown {
  display: none;
  margin: 0; }

.site-nav--dropdown .icon-arrow-down {
  display: none !important; }

/*================ Large screen dropdown styles ================*/
@media screen and (min-width: 769px) {
  .site-nav--dropdown {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #ececec;
    background-color: #fff;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    z-index: 99999;
    -webkit-transition: all 150ms;
    -moz-transition: all 150ms;
    -ms-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms; }
    .no-touch .site-nav--has-dropdown:hover .site-nav--dropdown, .site-nav--has-dropdown.nav-hover .site-nav--dropdown, .nav-focus + .site-nav--dropdown {
      opacity: 1;
      box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05);
      visibility: visible;
      -webkit-transition: all 90ms;
      -moz-transition: all 90ms;
      -ms-transition: all 90ms;
      -o-transition: all 90ms;
      transition: all 90ms; }
    .site-nav--dropdown a {
      color: #204a80;
      text-transform: none;
      padding: 10px 45px 10px 15px; }
      .site-nav--dropdown a:hover, .site-nav--dropdown a:active, .site-nav--dropdown a:focus {
        color: #163257; }
      .site-nav--dropdown a:focus {
        background-color: #f2f2f2; } }

/*================ Medium down dropdown styles ================*/
@media screen and (max-width: 768px) {
  .site-nav {
    text-align: center; }
  .site-nav--dropdown {
    background-color: #e9e9e9; }
    .site-nav--dropdown > li {
      float: none;
      width: 100%;
      border: none;
      text-transform: none;
      border-bottom: 1px solid white; }
  .show-dropdown .site-nav--dropdown {
    display: block; }
  .show-dropdown .icon-arrow-down {
    transition: .3s;
    transform: rotate(180deg); } }

/*============================================================================
  #Mobile Nav Bar
==============================================================================*/
#mobileNavBar {
  display: none;
  width: 100%;
  background-color: #dcdcdc;
  /*================ Small mobile nav bar ================*/
  /*================ Medium-down mobile nav bar ================*/ }
  #mobileNavBar:after {
    content: "";
    display: table;
    clear: both; }
  #mobileNavBar .display-table-cell {
    padding: 0 15px; }
  #mobileNavBar .cart-toggle {
    text-align: right; }
  #mobileNavBar #mobileNavBar .display-table-cell:nth-child(2) {
    text-align: right; }
  @media screen and (max-width: 480px) {
    #mobileNavBar {
      position: fixed;
      top: 0;
      left: 0;
      right: 0; } }
  @media screen and (max-width: 768px) {
    #mobileNavBar {
      display: table;
      height: 0;
      z-index: 999999999; }
      .show-nav #mobileNavBar {
        position: fixed;
        left: 0;
        top: 0; } }
@media screen and (max-width: 480px) {
  body {
    padding-top: 0; }
  .ajaxify-modal .ajaxifyCart--content {
    margin-bottom: 0; } }

.mobileNavBar-link {
  display: block;
  padding: 10px 0;
  color: #fff;
  cursor: pointer; }
  .mobileNavBar-link:hover, .mobileNavBar-link:focus {
    color: #fff; }
  .mobileNavBar-link.menu-toggle {
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjAuOHB4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMiAyMC44IDE3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMiAyMC44IDE3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOS43LDJIMS4xQzAuNiwyLDAsMi41LDAsM2MwLDAuNywwLjYsMS4xLDEuMSwxLjFoMTguNmMwLjYsMCwxLjEtMC41LDEuMS0xQzIwLjgsMi41LDIwLjMsMiwxOS43LDJ6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTkuNyw5LjRIMS4xYy0wLjYsMC0xLjEsMC41LTEuMSwxYzAsMC43LDAuNiwxLjEsMS4xLDEuMWgxOC42YzAuNiwwLDEuMS0wLjUsMS4xLTENCglDMjAuOCw5LjksMjAuMyw5LjQsMTkuNyw5LjR6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTkuNywxNi44SDEuMWMtMC42LDAtMS4xLDAuNS0xLjEsMUMwLDE4LjUsMC42LDE5LDEuMSwxOWgxOC42YzAuNiwwLDEuMS0wLjUsMS4xLTENCglDMjAuOCwxNy4zLDIwLjMsMTYuOCwxOS43LDE2Ljh6Ii8+DQo8L3N2Zz4NCg==");
    background-size: 15px auto; }
    .mobileNavBar-link.menu-toggle .lt-ie9 {
      background-image: none;
      padding-left: 0; }
  .mobileNavBar-link .mobileNavBar-link {
    display: inline-block;
    margin: 0 0 0 15px; }

[name="formSearch"] {
  position: relative;
  display: flex; }

[name="formSearch"] .input-group-field {
  flex-grow: 1; }

[name="formSearch"] .product-search-result {
  background: #fff;
  border: 1px solid #ccc;
  left: 0;
  margin-top: -1px;
  padding: 10px;
  position: absolute;
  right: 50px;
  top: 100%;
  width: 100%;
  z-index: 99999; }

[name="formSearch"] .loader {
  background: url("images/informer-loader.gif");
  height: 16px;
  position: absolute;
  right: 65px;
  top: 13px;
  width: 16px; }

[name="formSearch"] .item {
  cursor: pointer;
  padding: 5px;
  display: flex; }

[name="formSearch"] .item.static {
  cursor: default;
  border-bottom: solid 1px #ccc;
  padding: 5px;
  display: flex; }

[name="formSearch"] .item:hover {
  background-color: #ececec; }

[name="formSearch"] .item.static:hover {
  background-color: #fff; }

[name="formSearch"] .item-info {
  flex-grow: 1;
  display: flex;
  text-align: left;
  align-items: center; }

[name="formSearch"] .item-img {
  margin-right: 10px;
  flex-shrink: 0;
  width: 64px; }

[name="formSearch"] .item-name {
  color: #000;
  font-size: 14px;
  flex-grow: 1;
  cursor: pointer; }

[name="formSearch"] .item-price {
  color: #000;
  font-size: 16px;
  font-weight: 700; }