/** Foundation by ZURB **/
/** foundation.zurb.com **/
/** Licensed under MIT Open Source **/
/** This is the default html and body font-size for the base rem value. **/
/** Allows the use of rem-calc() or lower-bound() in your settings **/
/** The default font-size is set to 100% of the browser style sheet (usually 16px) **/
/** for compatibility with browser-based text zoom or user-set defaults. **/
/** Since the typical default browser font-size is 16px, that makes the calculation for grid size. **/
/** If you want your base font-size to be different and not have it affect the grid breakpoints, **/
/** set $rem-base to $base-font-size and make sure $base-font-size is a px value. **/
/** The $base-line-height is 100% while $base-font-size is 150% **/
/** We use this to control whether or not CSS classes come through in the gem files. **/
/* $secondary-color: #e2e2e2; */
/** We use this to control font-smoothing **/
/** We use these to control text direction settings **/
/** We use this to control the columns top and bottom margins for small devices **/
/** We use these to control inset shadow shiny edges and depressions. **/
/** Make other Elements able to use the '.radius' class. **/
/** Make other Elements able to use the '.round' class. **/
/** We use these to control header font styles **/
/** We use these to control header font sizes **/
/** We use these to control header size reduction on small screens **/
/** These control how subheaders are styled. **/
/** A general <small> styling **/
/** We use these to style paragraphs **/
/** We use these to style anchors **/
/** We use these to style <code> tags **/
/** We use these to style blockquotes **/
/** We use these to control padding and margin **/
/** We use these to control the border styles **/
/** We use these to control full name font styles **/
/** We use this to control the summary font styles **/
/** We use this to control abbr padding **/
/** We use this to control abbr font styles **/
/** We use these to style lists **/
/** We use this to control the margins and padding of the inline list. **/
/** We use this to control the overflow of the inline list. **/
/** We use this to control the list items **/
/** We use this to control any elments within list items **/
/** We use these to style the <hr> element **/
/** We use this to control alert padding. **/
/** We use these to control text style. **/
/** We use this for close hover effect. **/
/** We use these to control border styles. **/
/** We use these to style the close buttons **/
/** We use this to control border radius **/
/** We use this to control transition effects **/
/** We use this to control the maximum number of block grid elements per row **/
/** Enables media queries for block-grid classes. Set to false if writing semantic HTML. **/
/** We use this to set the background color for the breadcrumb container. **/
/** We use these to set the padding around the breadcrumbs. **/
/** We use these to control border styles. **/
/** We use these to set various text styles for breadcrumbs. **/
/** We use these to control the slash between breadcrumbs **/
/** We use this to control the display property. **/
/** We use these to build padding for buttons. **/
/** We use these to control button gradient mixins. **/
/** We use these to control various hover effects. **/
/** We use this to set default opacity for disabled buttons. **/
/** Sets the margin for the right side by default, and the left margin if right-to-left direction is used **/
/** We use this to control the border around the button-group (set style to none for no border) **/
/** We use this to control the border between the single buttons **/
/** We use this to control the border-radius for buttons in button-groups **/
/** We use these to set the background colors for parts of Clearing. **/
/** We use these to style the close button **/
/** We use these to style the arrows **/
/** We use these to style captions **/
/** We use these to make the image and carousel height and style **/
/** We use these to controls height and width styles. **/
/** Used for bottom position **/
/** Used for right position **/
/** Used for left position **/
/** Used for top position **/
/** We use this to control the background color **/
/** We use this to set the border styles for dropdowns. **/
/** We use these to style the triangle pip. **/
/** We use these to control styles for the list elements. **/
/** We use this to control the styles for when the dropdown has custom content. **/
/** We use these to set the color of the pip in dropdown buttons **/
/** We use these to set the size of the pip in dropdown buttons **/
/** We use these to style tiny dropdown buttons **/
/** We use these to style small dropdown buttons **/
/** We use these to style medium dropdown buttons **/
/** We use these to style large dropdown buttons **/
/** We use these to control different shared styles for Split Buttons **/
/** We use these to control tiny split buttons **/
/** We use these to control small split buttons **/
/** We use these to control medium split buttons **/
/** We use these to control large split buttons **/
/** We use these to control video container padding and margins **/
/** We use this to control widescreen bottom padding **/
/** We use this to set the base for lots of form spacing and positioning styles **/
/** We use these to style the labels in different ways **/
/** We use these to style the fieldset border and spacing. **/
/** We use these to style the legends when you use them **/
/** We use these to style the prefix and postfix input elements **/
/** We use these to style the error states for inputs and labels **/
/** We use this to style the glowing effect of inputs when focused **/
/** Controlling default Joyride styles **/
/** Here, we're setting the tip font styles **/
/** This changes the nub size **/
/** This adjusts the styles for the timer when its enabled **/
/** This changes up the styles for the close button **/
/** When Joyride is filling the screen, we use this style for the bg **/
/** We use these to control text styles. **/
/** We use this to control keystroke padding. **/
/** We use these to control background and border styles. **/
/** We use these to style the labels **/
/** We use these to style the label text **/
/** We use these to control the caption styles **/
/** Supported values: "bottom", "under" **/
/** We use these to control the left/right nav styles **/
/** We use these to control the timer styles **/
/** We use these to control the bullet nav styles **/
/** We use these to controls the style of slide numbers **/
/** We use these to controls the css animation **/
/** Hide controls on small **/
/** Graceful Loading Wrapper and preloader **/
/** We use these to control the scrollbar **/
/** We use these to control the scrollbar handle **/
/** We use these to control the pagination container **/
/** We use these to set the list-item properties **/
/** We use these for the pagination anchor links **/
/** We use these for disabled anchor links **/
/** We use these for currently selected anchor links **/
/** We use these to control the background and border styles **/
/** We use this % to control how much we darken things on hover **/
/** We use these to set default inner padding and bottom margin **/
/** We use these to set default font colors **/
/** We use this to set the progress bar height **/
/** We use these to control the border styles **/
/** We use these to control the margin & padding **/
/** We use these to set the meter colors **/
/** We use these to control the style of the reveal overlay. **/
/** We use these to control the style of the modal itself. **/
/** We use these to style the reveal close button **/
/** We use these to control the modal border **/
/** Controlling border styles and background colors for the switch container **/
/** We use these to control the switch heights for our default classes **/
/** We use these to control default font sizes for our classes. **/
/** We use these to style the switch-paddle **/
/** Outline Style for tabbing through switches **/
/** These control the background color for the table and even rows **/
/** These control the table cell border style **/
/** These control the table head styles **/
/** These control the row padding and font styles **/
/** These are for controlling the display and margin of tables **/
/** We use these to control border styles **/
/** Radius and transition speed for thumbs **/
/** Background color for the top bar **/
/** Height and margin **/
/** Controlling the styles for the title in the top bar **/
/** Style the top bar dropdown elements **/
/** Set the link colors and styles for top-level nav **/
/** Darken by 10% **/
/** Top menu icon styles **/
/** Transitions and breakpoint styles **/
/** Using rem-calc for the below breakpoint causes issues with top bar **/
/** Divider Styles **/
/** Sticky Class **/
/** These variabels define the slider bar styles **/
/** Vertical bar styles **/
/** These variabels define the slider handle styles **/
/** We use these to control styles when header has background color **/
/** Set true for header background-color **/
/** We use these to control header background gradient **/
/** Set true for header background-gradient **/
/** We use these to control the header button styles **/
/** We use these to control the anchor styles **/
/** We use these to control the Navigation Dropdown anchors **/
/** We use these to control the Navigation Dropdown Main Column **/
/** We use these to control the Navigation Dropdown Sub Column **/
/** We use these to control the Navigation Dropdown Info Column **/
/** Off Canvas Divider Styles **/
/** Off Canvas Tab Bar Headers **/
/** Off Canvas Menu Variables **/
/** Off Canvas Menu List Variables **/
/** Off Canvas Menu Icon Variables **/
/** Off Canvas Back-Link Overlay **/
/** Transition Variables **/
/** We use this to control padding. **/
/** We use these to control list styles. **/
/** We use these to control link styles. **/
/** We use these to control border styles **/
/** We use these to control margin and padding **/
/** We use this to control the definition **/
/** We use these to control the active item styles **/
/** We use this to control the hover effect (box-shadow, border, gradient) **/
/** We use this to control the border **/
/** We use this to control the border on hover **/
/** We use this to control the gradient **/
/** We use this to control the transition **/
/** We use this to control the flags (new, sale, etc.) **/
/** We use this to control the sale-price **/
/** We use this to control the big sale-price **/
/** We use this to control the old-price **/
/** We use this to control the border color **/
/** We use this to control the bottom margin of the pricing table **/
/** We use these to control the image styles **/
/** We use these to control the title styles **/
/** We use these to control the price styles **/
/** We use these to control the description styles **/
/** We use these to control the list item styles **/
/** We use these to control the CTA area styles **/
/** We use these to control styles when footer has background color **/
/** Set true for footer background-color **/
/** We use these to control footer background gradient **/
/** Set true for header background-gradient **/
/** We use these to control footer padding **/
/** We use these to contaol the default footer font color **/
/** We use these to control the anchor styles **/
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
}

#no-js-block {
  position: fixed;
  display: block !important;
  margin: -90px 0 0 -30rem;
  padding: 1.25rem;
  width: 60rem;
  height: 180px;
  top: 50%;
  left: 50%;
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px 0;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px 0;
  z-index: 100;
}