@charset "UTF-8";

/******************************************************************
Author: 
Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/******************************************************************
Author: 

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
Media Query
*********************/
/*********************
Fonts
*********************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/* because black is so harsh */
/* status */
/*********************
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*********************/
/* Determines vertical rhythm */
/* Determines margin between inline icons and text  */
/*********************
Mobile menu settings
*********************/
/*
$mobile-menu-color:             $dark-green;
$mobile-menu-border-top-color:  lighten($dark-green, 12%);
$mobile-menu-active-color:      $dark-green;
$mobile-menu-size:              36px;
$medium-menu-size:              39px;
*/
/*********************
Grid
*********************/
/******************************************************************
Author: Jochem Nabuurs

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Author: 

Stylesheet: Typography

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
@font-face {
  font-family: StagLight;
  src: url("../fonts/../fonts/stag-light-web.eot");
  /* IE9 Compat modes */
  src: url("../fonts/../fonts/stag-light-web.eot?#iefix") format("embedded-opentype"), url("../fonts/../fonts/stag-light-web.woff") format("woff"), url("../fonts/../fonts/stag-light-web.ttf") format("truetype"), url("../fonts/../fonts/stag-light-web.svg#../fonts/stag-light-web") format("svg");
  /* Legacy IOS */
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: StagMedium;
  src: url("../fonts/../fonts/stag-medium-web.eot");
  /* IE9 Compat modes */
  src: url("../fonts/../fonts/stag-medium-web.eot?#iefix") format("embedded-opentype"), url("../fonts/../fonts/stag-medium-web.woff") format("woff"), url("../fonts/../fonts/stag-medium-web.ttf") format("truetype"), url("../fonts/../fonts/stag-medium-web.svg#../fonts/stag-medium-web") format("svg");
  /* Legacy IOS */
  font-weight: 500;
  font-style: normal;
}

/*********************
FONT FACE (IN YOUR FACE)
*********************/
/* Workaroud for not being able to use functions */
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-break: break-word;
  -ms-word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
}

/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong,
.strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,
em,
.em {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C""\201D""\2018""\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none;
}

small,
.small {
  font-size: 85%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 65%;
  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;
}

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

ol,
ul {
  padding: 0;
  list-style-type: none;
}

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

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
  vertical-align: middle;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

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

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and 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;
}

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

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve 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;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
  font-style: italic;
}

/*
http://www.sitepoint.com/html5-main-element/
*/
main {
  display: block;
}

iframe {
  border: 0;
}

input,
textarea,
button,
select,
label,
a {
  -webkit-tap-highlight-color: transparent;
}

html {
  /* remove touch delay on IE10+ */
  -ms-touch-action: manipulation;
  /* IE10  */
  touch-action: manipulation;
  /* IE11+ */
}

/*
Define vertical rhythm
http://csswizardry.com/2012/06/single-direction-margin-declarations/

Add elements and classes to this list that need vertical rhythm
*/
div,
section,
nav,
main,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
table,
fieldset,
hr,
hgroup,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

nav,
hgroup,
code,
ul,
ol,
dl,
figure,
pre,
table,
fieldset,
hr,
.island {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

dd,
p {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/********************
ANIMATION
********************/
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/**
* Mixin to include css code for specific breakpoints
*/
/******************************************************************
Author: 

Stylesheet: Grid Stylesheet

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.

A convenient tool to convert px to ems is http://pxtoem.com/
Basically, the formula to convert px to ems is:

size in pixels / parent size in pixels

******************************************************************/
/* Media query breakpoints */
/**
 * Grid structure, borrowed from foundation 5
 * Code here:  https://github.com/zurb/foundation/blob/master/scss/foundation/components/_grid.scss
 * Docs here:  http://foundation.zurb.com/docs/components/grid.html
 */
/**
* CSS 3 column split support for definition lists
*/
.small-col-1>dt,
.small-col-2>dt,
.small-col-3>dt,
.small-col-4>dt,
.tweener-col-1>dt,
.tweener-col-2>dt,
.tweener-col-3>dt,
.tweener-col-4>dt,
.phablet-col-1>dt,
.phablet-col-2>dt,
.phablet-col-3>dt,
.phablet-col-4>dt,
.mobile-col-1>dt,
.mobile-col-2>dt,
.mobile-col-3>dt,
.mobile-col-4>dt,
.medium-col-1>dt,
.medium-col-2>dt,
.medium-col-3>dt,
.medium-col-4>dt,
.large-col-1>dt,
.large-col-2>dt,
.large-col-3>dt,
.large-col-4>dt,
.xlarge-col-1>dt,
.xlarge-col-2>dt,
.xlarge-col-3>dt,
.xlarge-col-4>dt,
.small-col-1>dd,
.small-col-2>dd,
.small-col-3>dd,
.small-col-4>dd,
.tweener-col-1>dd,
.tweener-col-2>dd,
.tweener-col-3>dd,
.tweener-col-4>dd,
.phablet-col-1>dd,
.phablet-col-2>dd,
.phablet-col-3>dd,
.phablet-col-4>dd,
.mobile-col-1>dd,
.mobile-col-2>dd,
.mobile-col-3>dd,
.mobile-col-4>dd,
.medium-col-1>dd,
.medium-col-2>dd,
.medium-col-3>dd,
.medium-col-4>dd,
.large-col-1>dd,
.large-col-2>dd,
.large-col-3>dd,
.large-col-4>dd,
.xlarge-col-1>dd,
.xlarge-col-2>dd,
.xlarge-col-3>dd,
.xlarge-col-4>dd {
  vertical-align: top;
}

.small-col-1>*,
.small-col-2>*,
.small-col-3>*,
.small-col-4>*,
.tweener-col-1>*,
.tweener-col-2>*,
.tweener-col-3>*,
.tweener-col-4>*,
.phablet-col-1>*,
.phablet-col-2>*,
.phablet-col-3>*,
.phablet-col-4>*,
.mobile-col-1>*,
.mobile-col-2>*,
.mobile-col-3>*,
.mobile-col-4>*,
.medium-col-1>*,
.medium-col-2>*,
.medium-col-3>*,
.medium-col-4>*,
.large-col-1>*,
.large-col-2>*,
.large-col-3>*,
.large-col-4>*,
.xlarge-col-1>*,
.xlarge-col-2>*,
.xlarge-col-3>*,
.xlarge-col-4>* {
  -moz-page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid;
  /* Firefox */
  break-inside: avoid;
  /* IE 10+ */
}

.small-col-1>dt,
.small-col-2>dt,
.small-col-3>dt,
.small-col-4>dt,
.tweener-col-1>dt,
.tweener-col-2>dt,
.tweener-col-3>dt,
.tweener-col-4>dt,
.phablet-col-1>dt,
.phablet-col-2>dt,
.phablet-col-3>dt,
.phablet-col-4>dt,
.mobile-col-1>dt,
.mobile-col-2>dt,
.mobile-col-3>dt,
.mobile-col-4>dt,
.medium-col-1>dt,
.medium-col-2>dt,
.medium-col-3>dt,
.medium-col-4>dt,
.large-col-1>dt,
.large-col-2>dt,
.large-col-3>dt,
.large-col-4>dt,
.xlarge-col-1>dt,
.xlarge-col-2>dt,
.xlarge-col-3>dt,
.xlarge-col-4>dt {
  -moz-page-break-after: avoid;
  -webkit-column-break-after: avoid;
  break-after: avoid;
  page-break-after: avoid;
  /* Firefox */
  break-after: avoid;
  /* IE 10+ */
}

.small-col-1>dd,
.small-col-2>dd,
.small-col-3>dd,
.small-col-4>dd,
.tweener-col-1>dd,
.tweener-col-2>dd,
.tweener-col-3>dd,
.tweener-col-4>dd,
.phablet-col-1>dd,
.phablet-col-2>dd,
.phablet-col-3>dd,
.phablet-col-4>dd,
.mobile-col-1>dd,
.mobile-col-2>dd,
.mobile-col-3>dd,
.mobile-col-4>dd,
.medium-col-1>dd,
.medium-col-2>dd,
.medium-col-3>dd,
.medium-col-4>dd,
.large-col-1>dd,
.large-col-2>dd,
.large-col-3>dd,
.large-col-4>dd,
.xlarge-col-1>dd,
.xlarge-col-2>dd,
.xlarge-col-3>dd,
.xlarge-col-4>dd {
  -moz-page-break-before: avoid;
  -webkit-column-break-before: avoid;
  break-before: avoid;
  page-break-before: avoid;
  /* Firefox */
  break-before: avoid;
  /* IE 10+ */
}

.small-col-1 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.small-col-2 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.small-col-3 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.small-col-4 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.tweener-col-1 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.tweener-col-2 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.tweener-col-3 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.tweener-col-4 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.phablet-col-1 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.phablet-col-2 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.phablet-col-3 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.phablet-col-4 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.mobile-col-1 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.mobile-col-2 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.mobile-col-3 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.mobile-col-4 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.medium-col-1 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.medium-col-2 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.medium-col-3 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.medium-col-4 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.large-col-1 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.large-col-2 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.large-col-3 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.large-col-4 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.xlarge-col-1 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.xlarge-col-2 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.xlarge-col-3 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.xlarge-col-4 {
  /**
  * Ugly hack for chrome not calculating css columns layout properly.
  * Using -webkit-perspective with a value different from 0 creates a new stacking context.
  */
  -webkit-perspective: 1px;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.row.collapse>.column,
.row.collapse>.columns {
  padding-left: 0;
  padding-right: 0;
  min-height: 1px;
}

.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}

.row .row {
  margin-left: -15px;
  margin-left: -0.9375rem;
  margin-right: -15px;
  margin-right: -0.9375rem;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
}

.row .row:before,
.row .row:after {
  content: " ";
  display: table;
}

.row .row:after {
  clear: both;
}

.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
}

.row .row.collapse:before,
.row .row.collapse:after {
  content: " ";
  display: table;
}

.row .row.collapse:after {
  clear: both;
}

.column,
.columns {
  padding-left: 15px;
  padding-left: 0.9375rem;
  padding-right: 15px;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
  min-height: 1px;
}

.no-csscolumns .sub-definition-list,
.no-csscolumns .sub-list {
  float: left;
}

@media only screen and (min-width: 0em) {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto;
    min-height: 1px;
  }

  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
    min-height: 1px;
  }

  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
    min-height: 1px;
  }

  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
    min-height: 1px;
  }

  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
    min-height: 1px;
  }

  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
    min-height: 1px;
  }

  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto;
    min-height: 1px;
  }

  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
    min-height: 1px;
  }

  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
    min-height: 1px;
  }

  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
    min-height: 1px;
  }

  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
    min-height: 1px;
  }

  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
    min-height: 1px;
  }

  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto;
    min-height: 1px;
  }

  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
    min-height: 1px;
  }

  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
    min-height: 1px;
  }

  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
    min-height: 1px;
  }

  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
    min-height: 1px;
  }

  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
    min-height: 1px;
  }

  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto;
    min-height: 1px;
  }

  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
    min-height: 1px;
  }

  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
    min-height: 1px;
  }

  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
    min-height: 1px;
  }

  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
    min-height: 1px;
  }

  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
    min-height: 1px;
  }

  .column,
  .columns {
    position: relative;
    padding-left: 15px;
    padding-left: 0.9375rem;
    padding-right: 15px;
    padding-right: 0.9375rem;
    float: left;
    min-height: 1px;
  }

  .small-1 {
    width: 8.33333%;
    min-height: 1px;
  }

  .small-2 {
    width: 16.66667%;
    min-height: 1px;
  }

  .small-3 {
    width: 25%;
    min-height: 1px;
  }

  .small-4 {
    width: 33.33333%;
    min-height: 1px;
  }

  .small-5 {
    width: 41.66667%;
    min-height: 1px;
  }

  .small-6 {
    width: 50%;
    min-height: 1px;
  }

  .small-7 {
    width: 58.33333%;
    min-height: 1px;
  }

  .small-8 {
    width: 66.66667%;
    min-height: 1px;
  }

  .small-9 {
    width: 75%;
    min-height: 1px;
  }

  .small-10 {
    width: 83.33333%;
    min-height: 1px;
  }

  .small-11 {
    width: 91.66667%;
    min-height: 1px;
  }

  .small-12 {
    width: 100%;
    min-height: 1px;
  }

  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    min-height: 1px;
  }

  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }

  /**
  * CSS 3 column split. Mainly used for (definition)list elements
  */
  .small-col-1 {
    -moz-columns: 1;
    -webkit-columns: 1;
    columns: 1;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .small-col-2 {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .small-col-3 {
    -moz-columns: 3;
    -webkit-columns: 3;
    columns: 3;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .small-col-4 {
    -moz-columns: 4;
    -webkit-columns: 4;
    columns: 4;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}

/**
* Polyfill styling for browsers that don't support css3 columns
*/
.no-csscolumns .small-col-2:before,
.no-csscolumns .small-col-2:after {
  content: " ";
  display: table;
}

.no-csscolumns .small-col-2:after {
  clear: both;
}

.no-csscolumns .small-col-2 .sub-list {
  width: 50%;
  padding-right: 10px;
}

.no-csscolumns .small-col-2 .sub-definition-list {
  width: 25%;
  padding-right: 10px;
}

.no-csscolumns .small-col-3:before,
.no-csscolumns .small-col-3:after {
  content: " ";
  display: table;
}

.no-csscolumns .small-col-3:after {
  clear: both;
}

.no-csscolumns .small-col-3 .sub-list {
  width: 33.33333%;
  padding-right: 10px;
}

.no-csscolumns .small-col-3 .sub-definition-list {
  width: 16.66667%;
  padding-right: 10px;
}

.no-csscolumns .small-col-4:before,
.no-csscolumns .small-col-4:after {
  content: " ";
  display: table;
}

.no-csscolumns .small-col-4:after {
  clear: both;
}

.no-csscolumns .small-col-4 .sub-list {
  width: 25%;
  padding-right: 10px;
}

.no-csscolumns .small-col-4 .sub-definition-list {
  width: 12.5%;
  padding-right: 10px;
}

@media only screen and (min-width: 30em) {
  .tweener-push-0 {
    position: relative;
    left: 0%;
    right: auto;
    min-height: 1px;
  }

  .tweener-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
    min-height: 1px;
  }

  .tweener-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
    min-height: 1px;
  }

  .tweener-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
    min-height: 1px;
  }

  .tweener-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
    min-height: 1px;
  }

  .tweener-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
    min-height: 1px;
  }

  .tweener-push-3 {
    position: relative;
    left: 25%;
    right: auto;
    min-height: 1px;
  }

  .tweener-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
    min-height: 1px;
  }

  .tweener-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
    min-height: 1px;
  }

  .tweener-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
    min-height: 1px;
  }

  .tweener-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
    min-height: 1px;
  }

  .tweener-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
    min-height: 1px;
  }

  .tweener-push-6 {
    position: relative;
    left: 50%;
    right: auto;
    min-height: 1px;
  }

  .tweener-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
    min-height: 1px;
  }

  .tweener-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
    min-height: 1px;
  }

  .tweener-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
    min-height: 1px;
  }

  .tweener-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
    min-height: 1px;
  }

  .tweener-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
    min-height: 1px;
  }

  .tweener-push-9 {
    position: relative;
    left: 75%;
    right: auto;
    min-height: 1px;
  }

  .tweener-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
    min-height: 1px;
  }

  .tweener-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
    min-height: 1px;
  }

  .tweener-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
    min-height: 1px;
  }

  .tweener-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
    min-height: 1px;
  }

  .tweener-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
    min-height: 1px;
  }

  .column,
  .columns {
    position: relative;
    padding-left: 15px;
    padding-left: 0.9375rem;
    padding-right: 15px;
    padding-right: 0.9375rem;
    float: left;
    min-height: 1px;
  }

  .tweener-1 {
    width: 8.33333%;
    min-height: 1px;
  }

  .tweener-2 {
    width: 16.66667%;
    min-height: 1px;
  }

  .tweener-3 {
    width: 25%;
    min-height: 1px;
  }

  .tweener-4 {
    width: 33.33333%;
    min-height: 1px;
  }

  .tweener-5 {
    width: 41.66667%;
    min-height: 1px;
  }

  .tweener-6 {
    width: 50%;
    min-height: 1px;
  }

  .tweener-7 {
    width: 58.33333%;
    min-height: 1px;
  }

  .tweener-8 {
    width: 66.66667%;
    min-height: 1px;
  }

  .tweener-9 {
    width: 75%;
    min-height: 1px;
  }

  .tweener-10 {
    width: 83.33333%;
    min-height: 1px;
  }

  .tweener-11 {
    width: 91.66667%;
    min-height: 1px;
  }

  .tweener-12 {
    width: 100%;
    min-height: 1px;
  }

  .column.tweener-centered,
  .columns.tweener-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    min-height: 1px;
  }

  .column.tweener-uncentered,
  .columns.tweener-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }

  /**
  * CSS 3 column split. Mainly used for (definition)list elements
  */
  .tweener-col-1 {
    -moz-columns: 1;
    -webkit-columns: 1;
    columns: 1;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .tweener-col-2 {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .tweener-col-3 {
    -moz-columns: 3;
    -webkit-columns: 3;
    columns: 3;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .tweener-col-4 {
    -moz-columns: 4;
    -webkit-columns: 4;
    columns: 4;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}

/**
* Polyfill styling for browsers that don't support css3 columns
*/
.no-csscolumns .tweener-col-2:before,
.no-csscolumns .tweener-col-2:after {
  content: " ";
  display: table;
}

.no-csscolumns .tweener-col-2:after {
  clear: both;
}

.no-csscolumns .tweener-col-2 .sub-list {
  width: 50%;
  padding-right: 10px;
}

.no-csscolumns .tweener-col-2 .sub-definition-list {
  width: 25%;
  padding-right: 10px;
}

.no-csscolumns .tweener-col-3:before,
.no-csscolumns .tweener-col-3:after {
  content: " ";
  display: table;
}

.no-csscolumns .tweener-col-3:after {
  clear: both;
}

.no-csscolumns .tweener-col-3 .sub-list {
  width: 33.33333%;
  padding-right: 10px;
}

.no-csscolumns .tweener-col-3 .sub-definition-list {
  width: 16.66667%;
  padding-right: 10px;
}

.no-csscolumns .tweener-col-4:before,
.no-csscolumns .tweener-col-4:after {
  content: " ";
  display: table;
}

.no-csscolumns .tweener-col-4:after {
  clear: both;
}

.no-csscolumns .tweener-col-4 .sub-list {
  width: 25%;
  padding-right: 10px;
}

.no-csscolumns .tweener-col-4 .sub-definition-list {
  width: 12.5%;
  padding-right: 10px;
}

@media only screen and (min-width: 37.5em) {
  .phablet-push-0 {
    position: relative;
    left: 0%;
    right: auto;
    min-height: 1px;
  }

  .phablet-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
    min-height: 1px;
  }

  .phablet-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
    min-height: 1px;
  }

  .phablet-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
    min-height: 1px;
  }

  .phablet-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
    min-height: 1px;
  }

  .phablet-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
    min-height: 1px;
  }

  .phablet-push-3 {
    position: relative;
    left: 25%;
    right: auto;
    min-height: 1px;
  }

  .phablet-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
    min-height: 1px;
  }

  .phablet-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
    min-height: 1px;
  }

  .phablet-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
    min-height: 1px;
  }

  .phablet-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
    min-height: 1px;
  }

  .phablet-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
    min-height: 1px;
  }

  .phablet-push-6 {
    position: relative;
    left: 50%;
    right: auto;
    min-height: 1px;
  }

  .phablet-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
    min-height: 1px;
  }

  .phablet-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
    min-height: 1px;
  }

  .phablet-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
    min-height: 1px;
  }

  .phablet-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
    min-height: 1px;
  }

  .phablet-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
    min-height: 1px;
  }

  .phablet-push-9 {
    position: relative;
    left: 75%;
    right: auto;
    min-height: 1px;
  }

  .phablet-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
    min-height: 1px;
  }

  .phablet-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
    min-height: 1px;
  }

  .phablet-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
    min-height: 1px;
  }

  .phablet-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
    min-height: 1px;
  }

  .phablet-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
    min-height: 1px;
  }

  .column,
  .columns {
    position: relative;
    padding-left: 15px;
    padding-left: 0.9375rem;
    padding-right: 15px;
    padding-right: 0.9375rem;
    float: left;
    min-height: 1px;
  }

  .phablet-1 {
    width: 8.33333%;
    min-height: 1px;
  }

  .phablet-2 {
    width: 16.66667%;
    min-height: 1px;
  }

  .phablet-3 {
    width: 25%;
    min-height: 1px;
  }

  .phablet-4 {
    width: 33.33333%;
    min-height: 1px;
  }

  .phablet-5 {
    width: 41.66667%;
    min-height: 1px;
  }

  .phablet-6 {
    width: 50%;
    min-height: 1px;
  }

  .phablet-7 {
    width: 58.33333%;
    min-height: 1px;
  }

  .phablet-8 {
    width: 66.66667%;
    min-height: 1px;
  }

  .phablet-9 {
    width: 75%;
    min-height: 1px;
  }

  .phablet-10 {
    width: 83.33333%;
    min-height: 1px;
  }

  .phablet-11 {
    width: 91.66667%;
    min-height: 1px;
  }

  .phablet-12 {
    width: 100%;
    min-height: 1px;
  }

  .column.phablet-centered,
  .columns.phablet-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    min-height: 1px;
  }

  .column.phablet-uncentered,
  .columns.phablet-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }

  /**
  * CSS 3 column split. Mainly used for (definition)list elements
  */
  .phablet-col-1 {
    -moz-columns: 1;
    -webkit-columns: 1;
    columns: 1;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .phablet-col-2 {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .phablet-col-3 {
    -moz-columns: 3;
    -webkit-columns: 3;
    columns: 3;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .phablet-col-4 {
    -moz-columns: 4;
    -webkit-columns: 4;
    columns: 4;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}

/**
* Polyfill styling for browsers that don't support css3 columns
*/
.no-csscolumns .phablet-col-2:before,
.no-csscolumns .phablet-col-2:after {
  content: " ";
  display: table;
}

.no-csscolumns .phablet-col-2:after {
  clear: both;
}

.no-csscolumns .phablet-col-2 .sub-list {
  width: 50%;
  padding-right: 10px;
}

.no-csscolumns .phablet-col-2 .sub-definition-list {
  width: 25%;
  padding-right: 10px;
}

.no-csscolumns .phablet-col-3:before,
.no-csscolumns .phablet-col-3:after {
  content: " ";
  display: table;
}

.no-csscolumns .phablet-col-3:after {
  clear: both;
}

.no-csscolumns .phablet-col-3 .sub-list {
  width: 33.33333%;
  padding-right: 10px;
}

.no-csscolumns .phablet-col-3 .sub-definition-list {
  width: 16.66667%;
  padding-right: 10px;
}

.no-csscolumns .phablet-col-4:before,
.no-csscolumns .phablet-col-4:after {
  content: " ";
  display: table;
}

.no-csscolumns .phablet-col-4:after {
  clear: both;
}

.no-csscolumns .phablet-col-4 .sub-list {
  width: 25%;
  padding-right: 10px;
}

.no-csscolumns .phablet-col-4 .sub-definition-list {
  width: 12.5%;
  padding-right: 10px;
}

@media only screen and (max-width: 47.938em) {
  .mobile-push-0 {
    position: relative;
    left: 0%;
    right: auto;
    min-height: 1px;
  }

  .mobile-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
    min-height: 1px;
  }

  .mobile-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
    min-height: 1px;
  }

  .mobile-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
    min-height: 1px;
  }

  .mobile-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
    min-height: 1px;
  }

  .mobile-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
    min-height: 1px;
  }

  .mobile-push-3 {
    position: relative;
    left: 25%;
    right: auto;
    min-height: 1px;
  }

  .mobile-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
    min-height: 1px;
  }

  .mobile-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
    min-height: 1px;
  }

  .mobile-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
    min-height: 1px;
  }

  .mobile-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
    min-height: 1px;
  }

  .mobile-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
    min-height: 1px;
  }

  .mobile-push-6 {
    position: relative;
    left: 50%;
    right: auto;
    min-height: 1px;
  }

  .mobile-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
    min-height: 1px;
  }

  .mobile-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
    min-height: 1px;
  }

  .mobile-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
    min-height: 1px;
  }

  .mobile-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
    min-height: 1px;
  }

  .mobile-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
    min-height: 1px;
  }

  .mobile-push-9 {
    position: relative;
    left: 75%;
    right: auto;
    min-height: 1px;
  }

  .mobile-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
    min-height: 1px;
  }

  .mobile-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
    min-height: 1px;
  }

  .mobile-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
    min-height: 1px;
  }

  .mobile-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
    min-height: 1px;
  }

  .mobile-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
    min-height: 1px;
  }

  .column,
  .columns {
    position: relative;
    padding-left: 15px;
    padding-left: 0.9375rem;
    padding-right: 15px;
    padding-right: 0.9375rem;
    float: left;
    min-height: 1px;
  }

  .mobile-1 {
    width: 8.33333%;
    min-height: 1px;
  }

  .mobile-2 {
    width: 16.66667%;
    min-height: 1px;
  }

  .mobile-3 {
    width: 25%;
    min-height: 1px;
  }

  .mobile-4 {
    width: 33.33333%;
    min-height: 1px;
  }

  .mobile-5 {
    width: 41.66667%;
    min-height: 1px;
  }

  .mobile-6 {
    width: 50%;
    min-height: 1px;
  }

  .mobile-7 {
    width: 58.33333%;
    min-height: 1px;
  }

  .mobile-8 {
    width: 66.66667%;
    min-height: 1px;
  }

  .mobile-9 {
    width: 75%;
    min-height: 1px;
  }

  .mobile-10 {
    width: 83.33333%;
    min-height: 1px;
  }

  .mobile-11 {
    width: 91.66667%;
    min-height: 1px;
  }

  .mobile-12 {
    width: 100%;
    min-height: 1px;
  }

  .column.mobile-centered,
  .columns.mobile-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    min-height: 1px;
  }

  .column.mobile-uncentered,
  .columns.mobile-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }

  /**
  * CSS 3 column split. Mainly used for (definition)list elements
  */
  .mobile-col-1 {
    -moz-columns: 1;
    -webkit-columns: 1;
    columns: 1;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .mobile-col-2 {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .mobile-col-3 {
    -moz-columns: 3;
    -webkit-columns: 3;
    columns: 3;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .mobile-col-4 {
    -moz-columns: 4;
    -webkit-columns: 4;
    columns: 4;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}

/**
* Polyfill styling for browsers that don't support css3 columns
*/
.no-csscolumns .mobile-col-2:before,
.no-csscolumns .mobile-col-2:after {
  content: " ";
  display: table;
}

.no-csscolumns .mobile-col-2:after {
  clear: both;
}

.no-csscolumns .mobile-col-2 .sub-list {
  width: 50%;
  padding-right: 10px;
}

.no-csscolumns .mobile-col-2 .sub-definition-list {
  width: 25%;
  padding-right: 10px;
}

.no-csscolumns .mobile-col-3:before,
.no-csscolumns .mobile-col-3:after {
  content: " ";
  display: table;
}

.no-csscolumns .mobile-col-3:after {
  clear: both;
}

.no-csscolumns .mobile-col-3 .sub-list {
  width: 33.33333%;
  padding-right: 10px;
}

.no-csscolumns .mobile-col-3 .sub-definition-list {
  width: 16.66667%;
  padding-right: 10px;
}

.no-csscolumns .mobile-col-4:before,
.no-csscolumns .mobile-col-4:after {
  content: " ";
  display: table;
}

.no-csscolumns .mobile-col-4:after {
  clear: both;
}

.no-csscolumns .mobile-col-4 .sub-list {
  width: 25%;
  padding-right: 10px;
}

.no-csscolumns .mobile-col-4 .sub-definition-list {
  width: 12.5%;
  padding-right: 10px;
}

@media only screen and (min-width: 48em) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto;
    min-height: 1px;
  }

  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
    min-height: 1px;
  }

  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
    min-height: 1px;
  }

  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
    min-height: 1px;
  }

  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
    min-height: 1px;
  }

  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
    min-height: 1px;
  }

  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto;
    min-height: 1px;
  }

  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
    min-height: 1px;
  }

  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
    min-height: 1px;
  }

  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
    min-height: 1px;
  }

  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
    min-height: 1px;
  }

  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
    min-height: 1px;
  }

  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto;
    min-height: 1px;
  }

  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
    min-height: 1px;
  }

  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
    min-height: 1px;
  }

  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
    min-height: 1px;
  }

  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
    min-height: 1px;
  }

  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
    min-height: 1px;
  }

  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto;
    min-height: 1px;
  }

  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
    min-height: 1px;
  }

  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
    min-height: 1px;
  }

  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
    min-height: 1px;
  }

  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
    min-height: 1px;
  }

  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
    min-height: 1px;
  }

  .column,
  .columns {
    position: relative;
    padding-left: 15px;
    padding-left: 0.9375rem;
    padding-right: 15px;
    padding-right: 0.9375rem;
    float: left;
    min-height: 1px;
  }

  .medium-1 {
    width: 8.33333%;
    min-height: 1px;
  }

  .medium-2 {
    width: 16.66667%;
    min-height: 1px;
  }

  .medium-3 {
    width: 25%;
    min-height: 1px;
  }

  .medium-4 {
    width: 33.33333%;
    min-height: 1px;
  }

  .medium-5 {
    width: 41.66667%;
    min-height: 1px;
  }

  .medium-6 {
    width: 50%;
    min-height: 1px;
  }

  .medium-7 {
    width: 58.33333%;
    min-height: 1px;
  }

  .medium-8 {
    width: 66.66667%;
    min-height: 1px;
  }

  .medium-9 {
    width: 75%;
    min-height: 1px;
  }

  .medium-10 {
    width: 83.33333%;
    min-height: 1px;
  }

  .medium-11 {
    width: 91.66667%;
    min-height: 1px;
  }

  .medium-12 {
    width: 100%;
    min-height: 1px;
  }

  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    min-height: 1px;
  }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }

  /**
  * CSS 3 column split. Mainly used for (definition)list elements
  */
  .medium-col-1 {
    -moz-columns: 1;
    -webkit-columns: 1;
    columns: 1;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .medium-col-2 {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .medium-col-3 {
    -moz-columns: 3;
    -webkit-columns: 3;
    columns: 3;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .medium-col-4 {
    -moz-columns: 4;
    -webkit-columns: 4;
    columns: 4;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}

/**
* Polyfill styling for browsers that don't support css3 columns
*/
.no-csscolumns .medium-col-2:before,
.no-csscolumns .medium-col-2:after {
  content: " ";
  display: table;
}

.no-csscolumns .medium-col-2:after {
  clear: both;
}

.no-csscolumns .medium-col-2 .sub-list {
  width: 50%;
  padding-right: 10px;
}

.no-csscolumns .medium-col-2 .sub-definition-list {
  width: 25%;
  padding-right: 10px;
}

.no-csscolumns .medium-col-3:before,
.no-csscolumns .medium-col-3:after {
  content: " ";
  display: table;
}

.no-csscolumns .medium-col-3:after {
  clear: both;
}

.no-csscolumns .medium-col-3 .sub-list {
  width: 33.33333%;
  padding-right: 10px;
}

.no-csscolumns .medium-col-3 .sub-definition-list {
  width: 16.66667%;
  padding-right: 10px;
}

.no-csscolumns .medium-col-4:before,
.no-csscolumns .medium-col-4:after {
  content: " ";
  display: table;
}

.no-csscolumns .medium-col-4:after {
  clear: both;
}

.no-csscolumns .medium-col-4 .sub-list {
  width: 25%;
  padding-right: 10px;
}

.no-csscolumns .medium-col-4 .sub-definition-list {
  width: 12.5%;
  padding-right: 10px;
}

@media only screen and (min-width: 64.375em) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto;
    min-height: 1px;
  }

  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
    min-height: 1px;
  }

  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
    min-height: 1px;
  }

  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
    min-height: 1px;
  }

  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
    min-height: 1px;
  }

  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
    min-height: 1px;
  }

  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto;
    min-height: 1px;
  }

  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
    min-height: 1px;
  }

  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
    min-height: 1px;
  }

  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
    min-height: 1px;
  }

  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
    min-height: 1px;
  }

  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
    min-height: 1px;
  }

  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto;
    min-height: 1px;
  }

  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
    min-height: 1px;
  }

  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
    min-height: 1px;
  }

  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
    min-height: 1px;
  }

  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
    min-height: 1px;
  }

  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
    min-height: 1px;
  }

  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto;
    min-height: 1px;
  }

  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
    min-height: 1px;
  }

  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
    min-height: 1px;
  }

  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
    min-height: 1px;
  }

  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
    min-height: 1px;
  }

  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
    min-height: 1px;
  }

  .column,
  .columns {
    position: relative;
    padding-left: 15px;
    padding-left: 0.9375rem;
    padding-right: 15px;
    padding-right: 0.9375rem;
    float: left;
    min-height: 1px;
  }

  .large-1 {
    width: 8.33333%;
    min-height: 1px;
  }

  .large-2 {
    width: 16.66667%;
    min-height: 1px;
  }

  .large-3 {
    width: 25%;
    min-height: 1px;
  }

  .large-4 {
    width: 33.33333%;
    min-height: 1px;
  }

  .large-5 {
    width: 41.66667%;
    min-height: 1px;
  }

  .large-6 {
    width: 50%;
    min-height: 1px;
  }

  .large-7 {
    width: 58.33333%;
    min-height: 1px;
  }

  .large-8 {
    width: 66.66667%;
    min-height: 1px;
  }

  .large-9 {
    width: 75%;
    min-height: 1px;
  }

  .large-10 {
    width: 83.33333%;
    min-height: 1px;
  }

  .large-11 {
    width: 91.66667%;
    min-height: 1px;
  }

  .large-12 {
    width: 100%;
    min-height: 1px;
  }

  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    min-height: 1px;
  }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }

  /**
  * CSS 3 column split. Mainly used for (definition)list elements
  */
  .large-col-1 {
    -moz-columns: 1;
    -webkit-columns: 1;
    columns: 1;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .large-col-2 {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .large-col-3 {
    -moz-columns: 3;
    -webkit-columns: 3;
    columns: 3;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .large-col-4 {
    -moz-columns: 4;
    -webkit-columns: 4;
    columns: 4;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}

/**
* Polyfill styling for browsers that don't support css3 columns
*/
.no-csscolumns .large-col-2:before,
.no-csscolumns .large-col-2:after {
  content: " ";
  display: table;
}

.no-csscolumns .large-col-2:after {
  clear: both;
}

.no-csscolumns .large-col-2 .sub-list {
  width: 50%;
  padding-right: 10px;
}

.no-csscolumns .large-col-2 .sub-definition-list {
  width: 25%;
  padding-right: 10px;
}

.no-csscolumns .large-col-3:before,
.no-csscolumns .large-col-3:after {
  content: " ";
  display: table;
}

.no-csscolumns .large-col-3:after {
  clear: both;
}

.no-csscolumns .large-col-3 .sub-list {
  width: 33.33333%;
  padding-right: 10px;
}

.no-csscolumns .large-col-3 .sub-definition-list {
  width: 16.66667%;
  padding-right: 10px;
}

.no-csscolumns .large-col-4:before,
.no-csscolumns .large-col-4:after {
  content: " ";
  display: table;
}

.no-csscolumns .large-col-4:after {
  clear: both;
}

.no-csscolumns .large-col-4 .sub-list {
  width: 25%;
  padding-right: 10px;
}

.no-csscolumns .large-col-4 .sub-definition-list {
  width: 12.5%;
  padding-right: 10px;
}

@media only screen and (min-width: 77.5em) {
  .xlarge-push-0 {
    position: relative;
    left: 0%;
    right: auto;
    min-height: 1px;
  }

  .xlarge-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
    min-height: 1px;
  }

  .xlarge-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
    min-height: 1px;
  }

  .xlarge-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
    min-height: 1px;
  }

  .xlarge-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
    min-height: 1px;
  }

  .xlarge-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
    min-height: 1px;
  }

  .xlarge-push-3 {
    position: relative;
    left: 25%;
    right: auto;
    min-height: 1px;
  }

  .xlarge-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
    min-height: 1px;
  }

  .xlarge-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
    min-height: 1px;
  }

  .xlarge-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
    min-height: 1px;
  }

  .xlarge-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
    min-height: 1px;
  }

  .xlarge-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
    min-height: 1px;
  }

  .xlarge-push-6 {
    position: relative;
    left: 50%;
    right: auto;
    min-height: 1px;
  }

  .xlarge-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
    min-height: 1px;
  }

  .xlarge-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
    min-height: 1px;
  }

  .xlarge-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
    min-height: 1px;
  }

  .xlarge-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
    min-height: 1px;
  }

  .xlarge-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
    min-height: 1px;
  }

  .xlarge-push-9 {
    position: relative;
    left: 75%;
    right: auto;
    min-height: 1px;
  }

  .xlarge-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
    min-height: 1px;
  }

  .xlarge-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
    min-height: 1px;
  }

  .xlarge-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
    min-height: 1px;
  }

  .xlarge-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
    min-height: 1px;
  }

  .xlarge-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
    min-height: 1px;
  }

  .column,
  .columns {
    position: relative;
    padding-left: 15px;
    padding-left: 0.9375rem;
    padding-right: 15px;
    padding-right: 0.9375rem;
    float: left;
    min-height: 1px;
  }

  .xlarge-1 {
    width: 8.33333%;
    min-height: 1px;
  }

  .xlarge-2 {
    width: 16.66667%;
    min-height: 1px;
  }

  .xlarge-3 {
    width: 25%;
    min-height: 1px;
  }

  .xlarge-4 {
    width: 33.33333%;
    min-height: 1px;
  }

  .xlarge-5 {
    width: 41.66667%;
    min-height: 1px;
  }

  .xlarge-6 {
    width: 50%;
    min-height: 1px;
  }

  .xlarge-7 {
    width: 58.33333%;
    min-height: 1px;
  }

  .xlarge-8 {
    width: 66.66667%;
    min-height: 1px;
  }

  .xlarge-9 {
    width: 75%;
    min-height: 1px;
  }

  .xlarge-10 {
    width: 83.33333%;
    min-height: 1px;
  }

  .xlarge-11 {
    width: 91.66667%;
    min-height: 1px;
  }

  .xlarge-12 {
    width: 100%;
    min-height: 1px;
  }

  .column.xlarge-centered,
  .columns.xlarge-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    min-height: 1px;
  }

  .column.xlarge-uncentered,
  .columns.xlarge-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }

  /**
  * CSS 3 column split. Mainly used for (definition)list elements
  */
  .xlarge-col-1 {
    -moz-columns: 1;
    -webkit-columns: 1;
    columns: 1;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .xlarge-col-2 {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .xlarge-col-3 {
    -moz-columns: 3;
    -webkit-columns: 3;
    columns: 3;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }

  .xlarge-col-4 {
    -moz-columns: 4;
    -webkit-columns: 4;
    columns: 4;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}

/**
* Polyfill styling for browsers that don't support css3 columns
*/
.no-csscolumns .xlarge-col-2:before,
.no-csscolumns .xlarge-col-2:after {
  content: " ";
  display: table;
}

.no-csscolumns .xlarge-col-2:after {
  clear: both;
}

.no-csscolumns .xlarge-col-2 .sub-list {
  width: 50%;
  padding-right: 10px;
}

.no-csscolumns .xlarge-col-2 .sub-definition-list {
  width: 25%;
  padding-right: 10px;
}

.no-csscolumns .xlarge-col-3:before,
.no-csscolumns .xlarge-col-3:after {
  content: " ";
  display: table;
}

.no-csscolumns .xlarge-col-3:after {
  clear: both;
}

.no-csscolumns .xlarge-col-3 .sub-list {
  width: 33.33333%;
  padding-right: 10px;
}

.no-csscolumns .xlarge-col-3 .sub-definition-list {
  width: 16.66667%;
  padding-right: 10px;
}

.no-csscolumns .xlarge-col-4:before,
.no-csscolumns .xlarge-col-4:after {
  content: " ";
  display: table;
}

.no-csscolumns .xlarge-col-4:after {
  clear: both;
}

.no-csscolumns .xlarge-col-4 .sub-list {
  width: 25%;
  padding-right: 10px;
}

.no-csscolumns .xlarge-col-4 .sub-definition-list {
  width: 12.5%;
  padding-right: 10px;
}

.left {
  float: left;
}

.right {
  float: right;
}

@media only screen and (min-width: 0em) {

  .show-for-small-only,
  .show-for-small-up,
  .hide-for-tweener-only,
  .hide-for-tweener-up,
  .hide-for-phablet-only,
  .hide-for-phablet-up,
  .hide-for-medium-only,
  .hide-for-medium-up,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up {
    display: inherit !important;
  }

  .show-for-small-only-inline,
  .show-for-small-up-inline,
  .hide-for-tweener-only-inline,
  .hide-for-tweener-up-inline,
  .hide-for-phablet-only-inline,
  .hide-for-phablet-up-inline,
  .hide-for-medium-only-inline,
  .hide-for-medium-up-inline,
  .hide-for-large-only-inline,
  .hide-for-large-up-inline,
  .hide-for-xlarge-only-inline,
  .hide-for-xlarge-up-inline {
    display: inline !important;
  }

  .show-for-small-only-inline-block,
  .show-for-small-up-inline-block,
  .hide-for-tweener-only-inline-block,
  .hide-for-tweener-up-inline-block,
  .hide-for-phablet-only-inline-block,
  .hide-for-phablet-up-inline-block,
  .hide-for-medium-only-inline-block,
  .hide-for-medium-up-inline-block,
  .hide-for-large-only-inline-block,
  .hide-for-large-up-inline-block,
  .hide-for-xlarge-only-inline-block,
  .hide-for-xlarge-up-inline-block {
    display: inline-block !important;
  }

  .hide-for-small-only,
  .hide-for-small-up,
  .hide-for-small-only-inline,
  .hide-for-small-up-inline,
  .hide-for-small-only-inline-block,
  .hide-for-small-up-inline-block,
  .show-for-tweener-only,
  .show-for-tweener-up,
  .show-for-tweener-only-inline,
  .show-for-tweener-up-inline,
  .show-for-tweener-only-inline-block,
  .show-for-tweener-up-inline-block,
  .show-for-phablet-only,
  .show-for-phablet-up,
  .show-for-phablet-only-inline,
  .show-for-phablet-up-inline,
  .show-for-phablet-only-inline-block,
  .show-for-phablet-up-inline-block,
  .show-for-medium-only,
  .show-for-medium-up,
  .show-for-medium-only-inline,
  .show-for-medium-up-inline,
  .show-for-medium-only-inline-block,
  .show-for-medium-up-inline-block,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large-only-inline,
  .show-for-large-up-inline,
  .show-for-large-only-inline-block,
  .show-for-large-up-inline-block,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge-only-inline,
  .show-for-xlarge-up-inline,
  .show-for-xlarge-only-inline-block,
  .show-for-xlarge-up-inline-block {
    display: none !important;
  }

  table.show-for-small-only,
  table.show-for-small-up,
  table.hide-for-tweener-only,
  table.hide-for-tweener-up,
  table.hide-for-phablet-only,
  table.hide-for-phablet-up,
  table.hide-for-medium-only,
  table.hide-for-medium-up,
  table.hide-for-large-only,
  table.hide-for-large-up,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up {
    display: table;
  }

  thead.show-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-tweener-only,
  thead.hide-for-tweener-up,
  thead.hide-for-phablet-only,
  thead.hide-for-phablet-up,
  thead.hide-for-medium-only,
  thead.hide-for-medium-up,
  thead.hide-for-large-only,
  thead.hide-for-large-up,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up {
    display: table-header-group !important;
  }

  tbody.show-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-tweener-only,
  tbody.hide-for-tweener-up,
  tbody.hide-for-phablet-only,
  tbody.hide-for-phablet-up,
  tbody.hide-for-medium-only,
  tbody.hide-for-medium-up,
  tbody.hide-for-large-only,
  tbody.hide-for-large-up,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up {
    display: table-row-group !important;
  }

  tr.show-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-tweener-only,
  tr.hide-for-tweener-up,
  tr.hide-for-phablet-only,
  tr.hide-for-phablet-up,
  tr.hide-for-medium-only,
  tr.hide-for-medium-up,
  tr.hide-for-large-only,
  tr.hide-for-large-up,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up {
    display: table-row !important;
  }

  th.show-for-small-only,
  td.show-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-tweener-only,
  td.hide-for-tweener-only,
  th.hide-for-tweener-up,
  td.hide-for-tweener-up,
  th.hide-for-phablet-only,
  td.hide-for-phablet-only,
  th.hide-for-phablet-up,
  td.hide-for-phablet-up,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.hide-for-medium-up,
  td.hide-for-medium-up,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.hide-for-large-up,
  td.hide-for-large-up,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up {
    display: table-cell !important;
  }
}

@media only screen and (min-width: 30em) {

  .hide-for-small-only,
  .show-for-small-up,
  .show-for-tweener-only,
  .show-for-tweener-up,
  .hide-for-phablet-only,
  .hide-for-phablet-up,
  .hide-for-medium-only,
  .hide-for-medium-up,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up {
    display: inherit !important;
  }

  .hide-for-small-only-inline,
  .show-for-small-up-inline,
  .show-for-tweener-only-inline,
  .show-for-tweener-up-inline,
  .hide-for-phablet-only-inline,
  .hide-for-phablet-up-inline,
  .hide-for-medium-only-inline,
  .hide-for-medium-up-inline,
  .hide-for-large-only-inline,
  .hide-for-large-up-inline,
  .hide-for-xlarge-only-inline,
  .hide-for-xlarge-up-inline {
    display: inline !important;
  }

  .hide-for-small-only-inline-block,
  .show-for-small-up-inline-block,
  .show-for-tweener-only-inline-block,
  .show-for-tweener-up-inline-block,
  .hide-for-phablet-only-inline-block,
  .hide-for-phablet-up-inline-block,
  .hide-for-medium-only-inline-block,
  .hide-for-medium-up-inline-block,
  .hide-for-large-only-inline-block,
  .hide-for-large-up-inline-block,
  .hide-for-xlarge-only-inline-block,
  .hide-for-xlarge-up-inline-block {
    display: inline-block !important;
  }

  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small-only-inline,
  .hide-for-small-up-inline,
  .show-for-small-only-inline-block,
  .hide-for-small-up-inline-block,
  .hide-for-tweener-only,
  .hide-for-tweener-up,
  .hide-for-tweener-only-inline,
  .hide-for-tweener-up-inline,
  .hide-for-tweener-only-inline-block,
  .hide-for-tweener-up-inline-block,
  .show-for-phablet-only,
  .show-for-phablet-up,
  .show-for-phablet-only-inline,
  .show-for-phablet-up-inline,
  .show-for-phablet-only-inline-block,
  .show-for-phablet-up-inline-block,
  .show-for-medium-only,
  .show-for-medium-up,
  .show-for-medium-only-inline,
  .show-for-medium-up-inline,
  .show-for-medium-only-inline-block,
  .show-for-medium-up-inline-block,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large-only-inline,
  .show-for-large-up-inline,
  .show-for-large-only-inline-block,
  .show-for-large-up-inline-block,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge-only-inline,
  .show-for-xlarge-up-inline,
  .show-for-xlarge-only-inline-block,
  .show-for-xlarge-up-inline-block {
    display: none !important;
  }

  table.hide-for-small-only,
  table.show-for-small-up,
  table.show-for-tweener-only,
  table.show-for-tweener-up,
  table.hide-for-phablet-only,
  table.hide-for-phablet-up,
  table.hide-for-medium-only,
  table.hide-for-medium-up,
  table.hide-for-large-only,
  table.hide-for-large-up,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up {
    display: table;
  }

  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.show-for-tweener-only,
  thead.show-for-tweener-up,
  thead.hide-for-phablet-only,
  thead.hide-for-phablet-up,
  thead.hide-for-medium-only,
  thead.hide-for-medium-up,
  thead.hide-for-large-only,
  thead.hide-for-large-up,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.show-for-tweener-only,
  tbody.show-for-tweener-up,
  tbody.hide-for-phablet-only,
  tbody.hide-for-phablet-up,
  tbody.hide-for-medium-only,
  tbody.hide-for-medium-up,
  tbody.hide-for-large-only,
  tbody.hide-for-large-up,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up {
    display: table-row-group !important;
  }

  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.show-for-tweener-only,
  tr.show-for-tweener-up,
  tr.hide-for-phablet-only,
  tr.hide-for-phablet-up,
  tr.hide-for-medium-only,
  tr.hide-for-medium-up,
  tr.hide-for-large-only,
  tr.hide-for-large-up,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up {
    display: table-row !important;
  }

  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.show-for-tweener-only,
  td.show-for-tweener-only,
  th.show-for-tweener-up,
  td.show-for-tweener-up,
  th.hide-for-phablet-only,
  td.hide-for-phablet-only,
  th.hide-for-phablet-up,
  td.hide-for-phablet-up,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.hide-for-medium-up,
  td.hide-for-medium-up,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.hide-for-large-up,
  td.hide-for-large-up,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up {
    display: table-cell !important;
  }
}

@media only screen and (min-width: 37.5em) {

  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-tweener-only,
  .show-for-tweener-up,
  .show-for-phablet-only,
  .show-for-phablet-up,
  .hide-for-medium-only,
  .hide-for-medium-up,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up {
    display: inherit !important;
  }

  .hide-for-small-only-inline,
  .show-for-small-up-inline,
  .hide-for-tweener-only-inline,
  .show-for-tweener-up-inline,
  .show-for-phablet-only-inline,
  .show-for-phablet-up-inline,
  .hide-for-medium-only-inline,
  .hide-for-medium-up-inline,
  .hide-for-large-only-inline,
  .hide-for-large-up-inline,
  .hide-for-xlarge-only-inline,
  .hide-for-xlarge-up-inline {
    display: inline !important;
  }

  .hide-for-small-only-inline-block,
  .show-for-small-up-inline-block,
  .hide-for-tweener-only-inline-block,
  .show-for-tweener-up-inline-block,
  .show-for-phablet-only-inline-block,
  .show-for-phablet-up-inline-block,
  .hide-for-medium-only-inline-block,
  .hide-for-medium-up-inline-block,
  .hide-for-large-only-inline-block,
  .hide-for-large-up-inline-block,
  .hide-for-xlarge-only-inline-block,
  .hide-for-xlarge-up-inline-block {
    display: inline-block !important;
  }

  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small-only-inline,
  .hide-for-small-up-inline,
  .show-for-small-only-inline-block,
  .hide-for-small-up-inline-block,
  .show-for-tweener-only,
  .hide-for-tweener-up,
  .show-for-tweener-only-inline,
  .hide-for-tweener-up-inline,
  .show-for-tweener-only-inline-block,
  .hide-for-tweener-up-inline-block,
  .hide-for-phablet-only,
  .hide-for-phablet-up,
  .hide-for-phablet-only-inline,
  .hide-for-phablet-up-inline,
  .hide-for-phablet-only-inline-block,
  .hide-for-phablet-up-inline-block,
  .show-for-medium-only,
  .show-for-medium-up,
  .show-for-medium-only-inline,
  .show-for-medium-up-inline,
  .show-for-medium-only-inline-block,
  .show-for-medium-up-inline-block,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large-only-inline,
  .show-for-large-up-inline,
  .show-for-large-only-inline-block,
  .show-for-large-up-inline-block,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge-only-inline,
  .show-for-xlarge-up-inline,
  .show-for-xlarge-only-inline-block,
  .show-for-xlarge-up-inline-block {
    display: none !important;
  }

  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-tweener-only,
  table.show-for-tweener-up,
  table.show-for-phablet-only,
  table.show-for-phablet-up,
  table.hide-for-medium-only,
  table.hide-for-medium-up,
  table.hide-for-large-only,
  table.hide-for-large-up,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up {
    display: table;
  }

  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-tweener-only,
  thead.show-for-tweener-up,
  thead.show-for-phablet-only,
  thead.show-for-phablet-up,
  thead.hide-for-medium-only,
  thead.hide-for-medium-up,
  thead.hide-for-large-only,
  thead.hide-for-large-up,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-tweener-only,
  tbody.show-for-tweener-up,
  tbody.show-for-phablet-only,
  tbody.show-for-phablet-up,
  tbody.hide-for-medium-only,
  tbody.hide-for-medium-up,
  tbody.hide-for-large-only,
  tbody.hide-for-large-up,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up {
    display: table-row-group !important;
  }

  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-tweener-only,
  tr.show-for-tweener-up,
  tr.show-for-phablet-only,
  tr.show-for-phablet-up,
  tr.hide-for-medium-only,
  tr.hide-for-medium-up,
  tr.hide-for-large-only,
  tr.hide-for-large-up,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up {
    display: table-row !important;
  }

  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-tweener-only,
  td.hide-for-tweener-only,
  th.show-for-tweener-up,
  td.show-for-tweener-up,
  th.show-for-phablet-only,
  td.show-for-phablet-only,
  th.show-for-phablet-up,
  td.show-for-phablet-up,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.hide-for-medium-up,
  td.hide-for-medium-up,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.hide-for-large-up,
  td.hide-for-large-up,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up {
    display: table-cell !important;
  }
}

@media only screen and (min-width: 48em) {

  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-tweener-only,
  .show-for-tweener-up,
  .hide-for-phablet-only,
  .show-for-phablet-up,
  .show-for-medium-only,
  .show-for-medium-up,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up {
    display: inherit !important;
  }

  .hide-for-small-only-inline,
  .show-for-small-up-inline,
  .hide-for-tweener-only-inline,
  .show-for-tweener-up-inline,
  .hide-for-phablet-only-inline,
  .show-for-phablet-up-inline,
  .show-for-medium-only-inline,
  .show-for-medium-up-inline,
  .hide-for-large-only-inline,
  .hide-for-large-up-inline,
  .hide-for-xlarge-only-inline,
  .hide-for-xlarge-up-inline {
    display: inline !important;
  }

  .hide-for-small-only-inline-block,
  .show-for-small-up-inline-block,
  .hide-for-tweener-only-inline-block,
  .show-for-tweener-up-inline-block,
  .hide-for-phablet-only-inline-block,
  .show-for-phablet-up-inline-block,
  .show-for-medium-only-inline-block,
  .show-for-medium-up-inline-block,
  .hide-for-large-only-inline-block,
  .hide-for-large-up-inline-block,
  .hide-for-xlarge-only-inline-block,
  .hide-for-xlarge-up-inline-block {
    display: inline-block !important;
  }

  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small-only-inline,
  .hide-for-small-up-inline,
  .show-for-small-only-inline-block,
  .hide-for-small-up-inline-block,
  .show-for-tweener-only,
  .hide-for-tweener-up,
  .show-for-tweener-only-inline,
  .hide-for-tweener-up-inline,
  .show-for-tweener-only-inline-block,
  .hide-for-tweener-up-inline-block,
  .show-for-phablet-only,
  .hide-for-phablet-up,
  .show-for-phablet-only-inline,
  .hide-for-phablet-up-inline,
  .show-for-phablet-only-inline-block,
  .hide-for-phablet-up-inline-block,
  .hide-for-medium-only,
  .hide-for-medium-up,
  .hide-for-medium-only-inline,
  .hide-for-medium-up-inline,
  .hide-for-medium-only-inline-block,
  .hide-for-medium-up-inline-block,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large-only-inline,
  .show-for-large-up-inline,
  .show-for-large-only-inline-block,
  .show-for-large-up-inline-block,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge-only-inline,
  .show-for-xlarge-up-inline,
  .show-for-xlarge-only-inline-block,
  .show-for-xlarge-up-inline-block {
    display: none !important;
  }

  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-tweener-only,
  table.show-for-tweener-up,
  table.hide-for-phablet-only,
  table.show-for-phablet-up,
  table.show-for-medium-only,
  table.show-for-medium-up,
  table.hide-for-large-only,
  table.hide-for-large-up,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up {
    display: table;
  }

  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-tweener-only,
  thead.show-for-tweener-up,
  thead.hide-for-phablet-only,
  thead.show-for-phablet-up,
  thead.show-for-medium-only,
  thead.show-for-medium-up,
  thead.hide-for-large-only,
  thead.hide-for-large-up,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-tweener-only,
  tbody.show-for-tweener-up,
  tbody.hide-for-phablet-only,
  tbody.show-for-phablet-up,
  tbody.show-for-medium-only,
  tbody.show-for-medium-up,
  tbody.hide-for-large-only,
  tbody.hide-for-large-up,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up {
    display: table-row-group !important;
  }

  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-tweener-only,
  tr.show-for-tweener-up,
  tr.hide-for-phablet-only,
  tr.show-for-phablet-up,
  tr.show-for-medium-only,
  tr.show-for-medium-up,
  tr.hide-for-large-only,
  tr.hide-for-large-up,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up {
    display: table-row !important;
  }

  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-tweener-only,
  td.hide-for-tweener-only,
  th.show-for-tweener-up,
  td.show-for-tweener-up,
  th.hide-for-phablet-only,
  td.hide-for-phablet-only,
  th.show-for-phablet-up,
  td.show-for-phablet-up,
  th.show-for-medium-only,
  td.show-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.hide-for-large-up,
  td.hide-for-large-up,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up {
    display: table-cell !important;
  }
}

@media only screen and (min-width: 64.375em) {

  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-tweener-only,
  .show-for-tweener-up,
  .hide-for-phablet-only,
  .show-for-phablet-up,
  .hide-for-medium-only,
  .show-for-medium-up,
  .show-for-large-only,
  .show-for-large-up,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up {
    display: inherit !important;
  }

  .hide-for-small-only-inline,
  .show-for-small-up-inline,
  .hide-for-tweener-only-inline,
  .show-for-tweener-up-inline,
  .hide-for-phablet-only-inline,
  .show-for-phablet-up-inline,
  .hide-for-medium-only-inline,
  .show-for-medium-up-inline,
  .show-for-large-only-inline,
  .show-for-large-up-inline,
  .hide-for-xlarge-only-inline,
  .hide-for-xlarge-up-inline {
    display: inline !important;
  }

  .hide-for-small-only-inline-block,
  .show-for-small-up-inline-block,
  .hide-for-tweener-only-inline-block,
  .show-for-tweener-up-inline-block,
  .hide-for-phablet-only-inline-block,
  .show-for-phablet-up-inline-block,
  .hide-for-medium-only-inline-block,
  .show-for-medium-up-inline-block,
  .show-for-large-only-inline-block,
  .show-for-large-up-inline-block,
  .hide-for-xlarge-only-inline-block,
  .hide-for-xlarge-up-inline-block {
    display: inline-block !important;
  }

  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small-only-inline,
  .hide-for-small-up-inline,
  .show-for-small-only-inline-block,
  .hide-for-small-up-inline-block,
  .show-for-tweener-only,
  .hide-for-tweener-up,
  .show-for-tweener-only-inline,
  .hide-for-tweener-up-inline,
  .show-for-tweener-only-inline-block,
  .hide-for-tweener-up-inline-block,
  .show-for-phablet-only,
  .hide-for-phablet-up,
  .show-for-phablet-only-inline,
  .hide-for-phablet-up-inline,
  .show-for-phablet-only-inline-block,
  .hide-for-phablet-up-inline-block,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-medium-only-inline,
  .hide-for-medium-up-inline,
  .show-for-medium-only-inline-block,
  .hide-for-medium-up-inline-block,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-large-only-inline,
  .hide-for-large-up-inline,
  .hide-for-large-only-inline-block,
  .hide-for-large-up-inline-block,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge-only-inline,
  .show-for-xlarge-up-inline,
  .show-for-xlarge-only-inline-block,
  .show-for-xlarge-up-inline-block {
    display: none !important;
  }

  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-tweener-only,
  table.show-for-tweener-up,
  table.hide-for-phablet-only,
  table.show-for-phablet-up,
  table.hide-for-medium-only,
  table.show-for-medium-up,
  table.show-for-large-only,
  table.show-for-large-up,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up {
    display: table;
  }

  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-tweener-only,
  thead.show-for-tweener-up,
  thead.hide-for-phablet-only,
  thead.show-for-phablet-up,
  thead.hide-for-medium-only,
  thead.show-for-medium-up,
  thead.show-for-large-only,
  thead.show-for-large-up,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-tweener-only,
  tbody.show-for-tweener-up,
  tbody.hide-for-phablet-only,
  tbody.show-for-phablet-up,
  tbody.hide-for-medium-only,
  tbody.show-for-medium-up,
  tbody.show-for-large-only,
  tbody.show-for-large-up,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up {
    display: table-row-group !important;
  }

  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-tweener-only,
  tr.show-for-tweener-up,
  tr.hide-for-phablet-only,
  tr.show-for-phablet-up,
  tr.hide-for-medium-only,
  tr.show-for-medium-up,
  tr.show-for-large-only,
  tr.show-for-large-up,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up {
    display: table-row !important;
  }

  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-tweener-only,
  td.hide-for-tweener-only,
  th.show-for-tweener-up,
  td.show-for-tweener-up,
  th.hide-for-phablet-only,
  td.hide-for-phablet-only,
  th.show-for-phablet-up,
  td.show-for-phablet-up,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.show-for-large-only,
  td.show-for-large-only,
  th.show-for-large-up,
  td.show-for-large-up,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up {
    display: table-cell !important;
  }
}

@media only screen and (min-width: 77.5em) {

  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-tweener-only,
  .show-for-tweener-up,
  .hide-for-phablet-only,
  .show-for-phablet-up,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-large-only,
  .show-for-large-up,
  .show-for-xlarge-only,
  .show-for-xlarge-up {
    display: inherit !important;
  }

  .hide-for-small-only-inline,
  .show-for-small-up-inline,
  .hide-for-tweener-only-inline,
  .show-for-tweener-up-inline,
  .hide-for-phablet-only-inline,
  .show-for-phablet-up-inline,
  .hide-for-medium-only-inline,
  .show-for-medium-up-inline,
  .hide-for-large-only-inline,
  .show-for-large-up-inline,
  .show-for-xlarge-only-inline,
  .show-for-xlarge-up-inline {
    display: inline !important;
  }

  .hide-for-small-only-inline-block,
  .show-for-small-up-inline-block,
  .hide-for-tweener-only-inline-block,
  .show-for-tweener-up-inline-block,
  .hide-for-phablet-only-inline-block,
  .show-for-phablet-up-inline-block,
  .hide-for-medium-only-inline-block,
  .show-for-medium-up-inline-block,
  .hide-for-large-only-inline-block,
  .show-for-large-up-inline-block,
  .show-for-xlarge-only-inline-block,
  .show-for-xlarge-up-inline-block {
    display: inline-block !important;
  }

  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small-only-inline,
  .hide-for-small-up-inline,
  .show-for-small-only-inline-block,
  .hide-for-small-up-inline-block,
  .show-for-tweener-only,
  .hide-for-tweener-up,
  .show-for-tweener-only-inline,
  .hide-for-tweener-up-inline,
  .show-for-tweener-only-inline-block,
  .hide-for-tweener-up-inline-block,
  .show-for-phablet-only,
  .hide-for-phablet-up,
  .show-for-phablet-only-inline,
  .hide-for-phablet-up-inline,
  .show-for-phablet-only-inline-block,
  .hide-for-phablet-up-inline-block,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-medium-only-inline,
  .hide-for-medium-up-inline,
  .show-for-medium-only-inline-block,
  .hide-for-medium-up-inline-block,
  .show-for-large-only,
  .hide-for-large-up,
  .show-for-large-only-inline,
  .hide-for-large-up-inline,
  .show-for-large-only-inline-block,
  .hide-for-large-up-inline-block,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge-only-inline,
  .hide-for-xlarge-up-inline,
  .hide-for-xlarge-only-inline-block,
  .hide-for-xlarge-up-inline-block {
    display: none !important;
  }

  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-tweener-only,
  table.show-for-tweener-up,
  table.hide-for-phablet-only,
  table.show-for-phablet-up,
  table.hide-for-medium-only,
  table.show-for-medium-up,
  table.hide-for-large-only,
  table.show-for-large-up,
  table.show-for-xlarge-only,
  table.show-for-xlarge-up {
    display: table;
  }

  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-tweener-only,
  thead.show-for-tweener-up,
  thead.hide-for-phablet-only,
  thead.show-for-phablet-up,
  thead.hide-for-medium-only,
  thead.show-for-medium-up,
  thead.hide-for-large-only,
  thead.show-for-large-up,
  thead.show-for-xlarge-only,
  thead.show-for-xlarge-up {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-tweener-only,
  tbody.show-for-tweener-up,
  tbody.hide-for-phablet-only,
  tbody.show-for-phablet-up,
  tbody.hide-for-medium-only,
  tbody.show-for-medium-up,
  tbody.hide-for-large-only,
  tbody.show-for-large-up,
  tbody.show-for-xlarge-only,
  tbody.show-for-xlarge-up {
    display: table-row-group !important;
  }

  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-tweener-only,
  tr.show-for-tweener-up,
  tr.hide-for-phablet-only,
  tr.show-for-phablet-up,
  tr.hide-for-medium-only,
  tr.show-for-medium-up,
  tr.hide-for-large-only,
  tr.show-for-large-up,
  tr.show-for-xlarge-only,
  tr.show-for-xlarge-up {
    display: table-row !important;
  }

  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-tweener-only,
  td.hide-for-tweener-only,
  th.show-for-tweener-up,
  td.show-for-tweener-up,
  th.hide-for-phablet-only,
  td.hide-for-phablet-only,
  th.show-for-phablet-up,
  td.show-for-phablet-up,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.show-for-large-up,
  td.show-for-large-up,
  th.show-for-xlarge-only,
  td.show-for-xlarge-only,
  th.show-for-xlarge-up,
  td.show-for-xlarge-up {
    display: table-cell !important;
  }
}

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-landscape,
table.show-for-portrait {
  display: table;
}

thead.hide-for-landscape,
thead.show-for-portrait {
  display: table-header-group !important;
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
  display: table-row-group !important;
}

tr.hide-for-landscape,
tr.show-for-portrait {
  display: table-row !important;
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important;
}

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important;
}

.hide-for-touch {
  display: inherit !important;
}

.touch .show-for-touch {
  display: inherit !important;
}

.touch .hide-for-touch {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-touch {
  display: table;
}

.touch table.show-for-touch {
  display: table;
}

thead.hide-for-touch {
  display: table-header-group !important;
}

.touch thead.show-for-touch {
  display: table-header-group !important;
}

tbody.hide-for-touch {
  display: table-row-group !important;
}

.touch tbody.show-for-touch {
  display: table-row-group !important;
}

tr.hide-for-touch {
  display: table-row !important;
}

.touch tr.show-for-touch {
  display: table-row !important;
}

td.hide-for-touch {
  display: table-cell !important;
}

.touch td.show-for-touch {
  display: table-cell !important;
}

th.hide-for-touch {
  display: table-cell !important;
}

.touch th.show-for-touch {
  display: table-cell !important;
}

.hidden,
.hide {
  display: none;
}

@media only screen and (max-width: 47.938em) {
  .flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .flex-item {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5;
  }

  .flex-order-1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

  .flex-order-2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .flex-order-3 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }

  .flex-order-4 {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
  }

  .flex-order-5 {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5;
  }

  .flex-order-6 {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    -ms-flex-order: 6;
    -webkit-order: 6;
    order: 6;
  }

  .flex-order-7 {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    -ms-flex-order: 7;
    -webkit-order: 7;
    order: 7;
  }

  .flex-order-8 {
    -webkit-box-ordinal-group: 8;
    -moz-box-ordinal-group: 8;
    -ms-flex-order: 8;
    -webkit-order: 8;
    order: 8;
  }

  .flex-order-9 {
    -webkit-box-ordinal-group: 9;
    -moz-box-ordinal-group: 9;
    -ms-flex-order: 9;
    -webkit-order: 9;
    order: 9;
  }

  .flex-order-10 {
    -webkit-box-ordinal-group: 10;
    -moz-box-ordinal-group: 10;
    -ms-flex-order: 10;
    -webkit-order: 10;
    order: 10;
  }
}

/***************************
* Positioning
***************************/
.ib {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.pos-abs {
  position: absolute;
}

.pos-rel {
  position: relative;
}

.pos-t-0 {
  top: 0% !important;
}

.pos-t-5 {
  top: 5% !important;
}

.pos-t-10 {
  top: 10% !important;
}

.pos-t-15 {
  top: 15% !important;
}

.pos-t-20 {
  top: 20% !important;
}

.pos-t-25 {
  top: 25% !important;
}

.pos-t-30 {
  top: 30% !important;
}

.pos-t-35 {
  top: 35% !important;
}

.pos-t-40 {
  top: 40% !important;
}

.pos-t-45 {
  top: 45% !important;
}

.pos-t-50 {
  top: 50% !important;
}

.pos-t-55 {
  top: 55% !important;
}

.pos-t-60 {
  top: 60% !important;
}

.pos-t-65 {
  top: 65% !important;
}

.pos-t-70 {
  top: 70% !important;
}

.pos-t-75 {
  top: 75% !important;
}

.pos-t-80 {
  top: 80% !important;
}

.pos-t-85 {
  top: 85% !important;
}

.pos-t-90 {
  top: 90% !important;
}

.pos-t-95 {
  top: 95% !important;
}

.pos-t-100 {
  top: 100% !important;
}

.pos-l-0 {
  left: 0% !important;
}

.pos-l-5 {
  left: 5% !important;
}

.pos-l-10 {
  left: 10% !important;
}

.pos-l-15 {
  left: 15% !important;
}

.pos-l-20 {
  left: 20% !important;
}

.pos-l-25 {
  left: 25% !important;
}

.pos-l-30 {
  left: 30% !important;
}

.pos-l-35 {
  left: 35% !important;
}

.pos-l-40 {
  left: 40% !important;
}

.pos-l-45 {
  left: 45% !important;
}

.pos-l-50 {
  left: 50% !important;
}

.pos-l-55 {
  left: 55% !important;
}

.pos-l-60 {
  left: 60% !important;
}

.pos-l-65 {
  left: 65% !important;
}

.pos-l-70 {
  left: 70% !important;
}

.pos-l-75 {
  left: 75% !important;
}

.pos-l-80 {
  left: 80% !important;
}

.pos-l-85 {
  left: 85% !important;
}

.pos-l-90 {
  left: 90% !important;
}

.pos-l-95 {
  left: 95% !important;
}

.pos-l-100 {
  left: 100% !important;
}

.pos-b-0 {
  bottom: 0% !important;
}

.pos-b-5 {
  bottom: 5% !important;
}

.pos-b-10 {
  bottom: 10% !important;
}

.pos-b-15 {
  bottom: 15% !important;
}

.pos-b-20 {
  bottom: 20% !important;
}

.pos-b-25 {
  bottom: 25% !important;
}

.pos-b-30 {
  bottom: 30% !important;
}

.pos-b-35 {
  bottom: 35% !important;
}

.pos-b-40 {
  bottom: 40% !important;
}

.pos-b-45 {
  bottom: 45% !important;
}

.pos-b-50 {
  bottom: 50% !important;
}

.pos-b-55 {
  bottom: 55% !important;
}

.pos-b-60 {
  bottom: 60% !important;
}

.pos-b-65 {
  bottom: 65% !important;
}

.pos-b-70 {
  bottom: 70% !important;
}

.pos-b-75 {
  bottom: 75% !important;
}

.pos-b-80 {
  bottom: 80% !important;
}

.pos-b-85 {
  bottom: 85% !important;
}

.pos-b-90 {
  bottom: 90% !important;
}

.pos-b-95 {
  bottom: 95% !important;
}

.pos-b-100 {
  bottom: 100% !important;
}

.pos-r-0 {
  right: 0% !important;
}

.pos-r-5 {
  right: 5% !important;
}

.pos-r-10 {
  right: 10% !important;
}

.pos-r-15 {
  right: 15% !important;
}

.pos-r-20 {
  right: 20% !important;
}

.pos-r-25 {
  right: 25% !important;
}

.pos-r-30 {
  right: 30% !important;
}

.pos-r-35 {
  right: 35% !important;
}

.pos-r-40 {
  right: 40% !important;
}

.pos-r-45 {
  right: 45% !important;
}

.pos-r-50 {
  right: 50% !important;
}

.pos-r-55 {
  right: 55% !important;
}

.pos-r-60 {
  right: 60% !important;
}

.pos-r-65 {
  right: 65% !important;
}

.pos-r-70 {
  right: 70% !important;
}

.pos-r-75 {
  right: 75% !important;
}

.pos-r-80 {
  right: 80% !important;
}

.pos-r-85 {
  right: 85% !important;
}

.pos-r-90 {
  right: 90% !important;
}

.pos-r-95 {
  right: 95% !important;
}

.pos-r-100 {
  right: 100% !important;
}

.pos-t-n-0 {
  top: 0% !important;
}

.pos-t-n-5 {
  top: -5% !important;
}

.pos-t-n-10 {
  top: -10% !important;
}

.pos-t-n-15 {
  top: -15% !important;
}

.pos-t-n-20 {
  top: -20% !important;
}

.pos-t-n-25 {
  top: -25% !important;
}

.pos-t-n-30 {
  top: -30% !important;
}

.pos-t-n-35 {
  top: -35% !important;
}

.pos-t-n-40 {
  top: -40% !important;
}

.pos-t-n-45 {
  top: -45% !important;
}

.pos-t-n-50 {
  top: -50% !important;
}

.pos-t-n-55 {
  top: -55% !important;
}

.pos-t-n-60 {
  top: -60% !important;
}

.pos-t-n-65 {
  top: -65% !important;
}

.pos-t-n-70 {
  top: -70% !important;
}

.pos-t-n-75 {
  top: -75% !important;
}

.pos-t-n-80 {
  top: -80% !important;
}

.pos-t-n-85 {
  top: -85% !important;
}

.pos-t-n-90 {
  top: -90% !important;
}

.pos-t-n-95 {
  top: -95% !important;
}

.pos-t-n-100 {
  top: -100% !important;
}

.pos-l-n-0 {
  left: 0% !important;
}

.pos-l-n-5 {
  left: -5% !important;
}

.pos-l-n-10 {
  left: -10% !important;
}

.pos-l-n-15 {
  left: -15% !important;
}

.pos-l-n-20 {
  left: -20% !important;
}

.pos-l-n-25 {
  left: -25% !important;
}

.pos-l-n-30 {
  left: -30% !important;
}

.pos-l-n-35 {
  left: -35% !important;
}

.pos-l-n-40 {
  left: -40% !important;
}

.pos-l-n-45 {
  left: -45% !important;
}

.pos-l-n-50 {
  left: -50% !important;
}

.pos-l-n-55 {
  left: -55% !important;
}

.pos-l-n-60 {
  left: -60% !important;
}

.pos-l-n-65 {
  left: -65% !important;
}

.pos-l-n-70 {
  left: -70% !important;
}

.pos-l-n-75 {
  left: -75% !important;
}

.pos-l-n-80 {
  left: -80% !important;
}

.pos-l-n-85 {
  left: -85% !important;
}

.pos-l-n-90 {
  left: -90% !important;
}

.pos-l-n-95 {
  left: -95% !important;
}

.pos-l-n-100 {
  left: -100% !important;
}

.pos-b-n-0 {
  bottom: 0% !important;
}

.pos-b-n-5 {
  bottom: -5% !important;
}

.pos-b-n-10 {
  bottom: -10% !important;
}

.pos-b-n-15 {
  bottom: -15% !important;
}

.pos-b-n-20 {
  bottom: -20% !important;
}

.pos-b-n-25 {
  bottom: -25% !important;
}

.pos-b-n-30 {
  bottom: -30% !important;
}

.pos-b-n-35 {
  bottom: -35% !important;
}

.pos-b-n-40 {
  bottom: -40% !important;
}

.pos-b-n-45 {
  bottom: -45% !important;
}

.pos-b-n-50 {
  bottom: -50% !important;
}

.pos-b-n-55 {
  bottom: -55% !important;
}

.pos-b-n-60 {
  bottom: -60% !important;
}

.pos-b-n-65 {
  bottom: -65% !important;
}

.pos-b-n-70 {
  bottom: -70% !important;
}

.pos-b-n-75 {
  bottom: -75% !important;
}

.pos-b-n-80 {
  bottom: -80% !important;
}

.pos-b-n-85 {
  bottom: -85% !important;
}

.pos-b-n-90 {
  bottom: -90% !important;
}

.pos-b-n-95 {
  bottom: -95% !important;
}

.pos-b-n-100 {
  bottom: -100% !important;
}

.pos-r-n-0 {
  right: 0% !important;
}

.pos-r-n-5 {
  right: -5% !important;
}

.pos-r-n-10 {
  right: -10% !important;
}

.pos-r-n-15 {
  right: -15% !important;
}

.pos-r-n-20 {
  right: -20% !important;
}

.pos-r-n-25 {
  right: -25% !important;
}

.pos-r-n-30 {
  right: -30% !important;
}

.pos-r-n-35 {
  right: -35% !important;
}

.pos-r-n-40 {
  right: -40% !important;
}

.pos-r-n-45 {
  right: -45% !important;
}

.pos-r-n-50 {
  right: -50% !important;
}

.pos-r-n-55 {
  right: -55% !important;
}

.pos-r-n-60 {
  right: -60% !important;
}

.pos-r-n-65 {
  right: -65% !important;
}

.pos-r-n-70 {
  right: -70% !important;
}

.pos-r-n-75 {
  right: -75% !important;
}

.pos-r-n-80 {
  right: -80% !important;
}

.pos-r-n-85 {
  right: -85% !important;
}

.pos-r-n-90 {
  right: -90% !important;
}

.pos-r-n-95 {
  right: -95% !important;
}

.pos-r-n-100 {
  right: -100% !important;
}

/***************************
* Vertical align
***************************/
.valign {
  display: table;
}

.valign__top {
  display: table-cell;
  vertical-align: top;
}

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

.valign__bottom {
  display: table-cell;
  vertical-align: bottom;
}

/***************************
* Z-index
***************************/
.pos-z-n-9 {
  z-index: -9 !important;
}

.pos-z-n-8 {
  z-index: -8 !important;
}

.pos-z-n-7 {
  z-index: -7 !important;
}

.pos-z-n-6 {
  z-index: -6 !important;
}

.pos-z-n-5 {
  z-index: -5 !important;
}

.pos-z-n-4 {
  z-index: -4 !important;
}

.pos-z-n-3 {
  z-index: -3 !important;
}

.pos-z-n-2 {
  z-index: -2 !important;
}

.pos-z-n-1 {
  z-index: -1 !important;
}

.pos-z-n0 {
  z-index: 0 !important;
}

.pos-z-1 {
  z-index: 1 !important;
}

.pos-z-2 {
  z-index: 2 !important;
}

.pos-z-3 {
  z-index: 3 !important;
}

.pos-z-4 {
  z-index: 4 !important;
}

.pos-z-5 {
  z-index: 5 !important;
}

.pos-z-6 {
  z-index: 6 !important;
}

.pos-z-7 {
  z-index: 7 !important;
}

.pos-z-8 {
  z-index: 8 !important;
}

.pos-z-9 {
  z-index: 9 !important;
}

.pos-z-10 {
  z-index: 10 !important;
}

.pos-z-11 {
  z-index: 11 !important;
}

/***************************
* Paddings and margins
***************************/
.margin-0 {
  margin: 0px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-90 {
  margin: 90px !important;
}

.margin-100 {
  margin: 100px !important;
}

.margin-t-0 {
  margin-top: 0px !important;
}

.margin-t-10 {
  margin-top: 10px !important;
}

.margin-t-20 {
  margin-top: 20px !important;
}

.margin-t-30 {
  margin-top: 30px !important;
}

.margin-t-40 {
  margin-top: 40px !important;
}

.margin-t-50 {
  margin-top: 50px !important;
}

.margin-t-60 {
  margin-top: 60px !important;
}

.margin-t-70 {
  margin-top: 70px !important;
}

.margin-t-80 {
  margin-top: 80px !important;
}

.margin-t-90 {
  margin-top: 90px !important;
}

.margin-t-100 {
  margin-top: 100px !important;
}

.margin-r-0 {
  margin-right: 0px !important;
}

.margin-r-10 {
  margin-right: 10px !important;
}

.margin-r-20 {
  margin-right: 20px !important;
}

.margin-r-30 {
  margin-right: 30px !important;
}

.margin-r-40 {
  margin-right: 40px !important;
}

.margin-r-50 {
  margin-right: 50px !important;
}

.margin-r-60 {
  margin-right: 60px !important;
}

.margin-r-70 {
  margin-right: 70px !important;
}

.margin-r-80 {
  margin-right: 80px !important;
}

.margin-r-90 {
  margin-right: 90px !important;
}

.margin-r-100 {
  margin-right: 100px !important;
}

.margin-b-0 {
  margin-bottom: 0px !important;
}

.margin-b-10 {
  margin-bottom: 10px !important;
}

.margin-b-20 {
  margin-bottom: 20px !important;
}

.margin-b-30 {
  margin-bottom: 30px !important;
}

.margin-b-40 {
  margin-bottom: 40px !important;
}

.margin-b-50 {
  margin-bottom: 50px !important;
}

.margin-b-60 {
  margin-bottom: 60px !important;
}

.margin-b-70 {
  margin-bottom: 70px !important;
}

.margin-b-80 {
  margin-bottom: 80px !important;
}

.margin-b-90 {
  margin-bottom: 90px !important;
}

.margin-b-100 {
  margin-bottom: 100px !important;
}

.margin-l-0 {
  margin-left: 0px !important;
}

.margin-l-10 {
  margin-left: 10px !important;
}

.margin-l-20 {
  margin-left: 20px !important;
}

.margin-l-30 {
  margin-left: 30px !important;
}

.margin-l-40 {
  margin-left: 40px !important;
}

.margin-l-50 {
  margin-left: 50px !important;
}

.margin-l-60 {
  margin-left: 60px !important;
}

.margin-l-70 {
  margin-left: 70px !important;
}

.margin-l-80 {
  margin-left: 80px !important;
}

.margin-l-90 {
  margin-left: 90px !important;
}

.margin-l-100 {
  margin-left: 100px !important;
}

.margin-n-0 {
  margin: 0px !important;
}

.margin-n-10 {
  margin: -10px !important;
}

.margin-n-20 {
  margin: -20px !important;
}

.margin-n-30 {
  margin: -30px !important;
}

.margin-n-40 {
  margin: -40px !important;
}

.margin-n-50 {
  margin: -50px !important;
}

.margin-n-60 {
  margin: -60px !important;
}

.margin-n-70 {
  margin: -70px !important;
}

.margin-n-80 {
  margin: -80px !important;
}

.margin-n-90 {
  margin: -90px !important;
}

.margin-n-100 {
  margin: -100px !important;
}

.margin-t-n-0 {
  margin-top: 0px !important;
}

.margin-t-n-10 {
  margin-top: -10px !important;
}

.margin-t-n-20 {
  margin-top: -20px !important;
}

.margin-t-n-30 {
  margin-top: -30px !important;
}

.margin-t-n-40 {
  margin-top: -40px !important;
}

.margin-t-n-50 {
  margin-top: -50px !important;
}

.margin-t-n-60 {
  margin-top: -60px !important;
}

.margin-t-n-70 {
  margin-top: -70px !important;
}

.margin-t-n-80 {
  margin-top: -80px !important;
}

.margin-t-n-90 {
  margin-top: -90px !important;
}

.margin-t-n-100 {
  margin-top: -100px !important;
}

.margin-r-n-0 {
  margin-right: 0px !important;
}

.margin-r-n-10 {
  margin-right: -10px !important;
}

.margin-r-n-20 {
  margin-right: -20px !important;
}

.margin-r-n-30 {
  margin-right: -30px !important;
}

.margin-r-n-40 {
  margin-right: -40px !important;
}

.margin-r-n-50 {
  margin-right: -50px !important;
}

.margin-r-n-60 {
  margin-right: -60px !important;
}

.margin-r-n-70 {
  margin-right: -70px !important;
}

.margin-r-n-80 {
  margin-right: -80px !important;
}

.margin-r-n-90 {
  margin-right: -90px !important;
}

.margin-r-n-100 {
  margin-right: -100px !important;
}

.margin-b-n-0 {
  margin-bottom: 0px !important;
}

.margin-b-n-10 {
  margin-bottom: -10px !important;
}

.margin-b-n-20 {
  margin-bottom: -20px !important;
}

.margin-b-n-30 {
  margin-bottom: -30px !important;
}

.margin-b-n-40 {
  margin-bottom: -40px !important;
}

.margin-b-n-50 {
  margin-bottom: -50px !important;
}

.margin-b-n-60 {
  margin-bottom: -60px !important;
}

.margin-b-n-70 {
  margin-bottom: -70px !important;
}

.margin-b-n-80 {
  margin-bottom: -80px !important;
}

.margin-b-n-90 {
  margin-bottom: -90px !important;
}

.margin-b-n-100 {
  margin-bottom: -100px !important;
}

.margin-l-n-0 {
  margin-left: 0px !important;
}

.margin-l-n-10 {
  margin-left: -10px !important;
}

.margin-l-n-20 {
  margin-left: -20px !important;
}

.margin-l-n-30 {
  margin-left: -30px !important;
}

.margin-l-n-40 {
  margin-left: -40px !important;
}

.margin-l-n-50 {
  margin-left: -50px !important;
}

.margin-l-n-60 {
  margin-left: -60px !important;
}

.margin-l-n-70 {
  margin-left: -70px !important;
}

.margin-l-n-80 {
  margin-left: -80px !important;
}

.margin-l-n-90 {
  margin-left: -90px !important;
}

.margin-l-n-100 {
  margin-left: -100px !important;
}

.padding-0 {
  padding: 0px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-90 {
  padding: 90px !important;
}

.padding-100 {
  padding: 100px !important;
}

.padding-t-0 {
  padding-top: 0px !important;
}

.padding-t-10 {
  padding-top: 10px !important;
}

.padding-t-20 {
  padding-top: 20px !important;
}

.padding-t-30 {
  padding-top: 30px !important;
}

.padding-t-40 {
  padding-top: 40px !important;
}

.padding-t-50 {
  padding-top: 50px !important;
}

.padding-t-60 {
  padding-top: 60px !important;
}

.padding-t-70 {
  padding-top: 70px !important;
}

.padding-t-80 {
  padding-top: 80px !important;
}

.padding-t-90 {
  padding-top: 90px !important;
}

.padding-t-100 {
  padding-top: 100px !important;
}

.padding-r-0 {
  padding-right: 0px !important;
}

.padding-r-10 {
  padding-right: 10px !important;
}

.padding-r-20 {
  padding-right: 20px !important;
}

.padding-r-30 {
  padding-right: 30px !important;
}

.padding-r-40 {
  padding-right: 40px !important;
}

.padding-r-50 {
  padding-right: 50px !important;
}

.padding-r-60 {
  padding-right: 60px !important;
}

.padding-r-70 {
  padding-right: 70px !important;
}

.padding-r-80 {
  padding-right: 80px !important;
}

.padding-r-90 {
  padding-right: 90px !important;
}

.padding-r-100 {
  padding-right: 100px !important;
}

.padding-b-0 {
  padding-bottom: 0px !important;
}

.padding-b-10 {
  padding-bottom: 10px !important;
}

.padding-b-20 {
  padding-bottom: 20px !important;
}

.padding-b-30 {
  padding-bottom: 30px !important;
}

.padding-b-40 {
  padding-bottom: 40px !important;
}

.padding-b-50 {
  padding-bottom: 50px !important;
}

.padding-b-60 {
  padding-bottom: 60px !important;
}

.padding-b-70 {
  padding-bottom: 70px !important;
}

.padding-b-80 {
  padding-bottom: 80px !important;
}

.padding-b-90 {
  padding-bottom: 90px !important;
}

.padding-b-100 {
  padding-bottom: 100px !important;
}

.padding-l-0 {
  padding-left: 0px !important;
}

.padding-l-10 {
  padding-left: 10px !important;
}

.padding-l-20 {
  padding-left: 20px !important;
}

.padding-l-30 {
  padding-left: 30px !important;
}

.padding-l-40 {
  padding-left: 40px !important;
}

.padding-l-50 {
  padding-left: 50px !important;
}

.padding-l-60 {
  padding-left: 60px !important;
}

.padding-l-70 {
  padding-left: 70px !important;
}

.padding-l-80 {
  padding-left: 80px !important;
}

.padding-l-90 {
  padding-left: 90px !important;
}

.padding-l-100 {
  padding-left: 100px !important;
}

@media only screen and (min-width: 0em) and (max-width: 29.938em) {
  .small-only-margin-0 {
    margin: 0px !important;
  }

  .small-only-margin-10 {
    margin: 10px !important;
  }

  .small-only-margin-20 {
    margin: 20px !important;
  }

  .small-only-margin-30 {
    margin: 30px !important;
  }

  .small-only-margin-40 {
    margin: 40px !important;
  }

  .small-only-margin-50 {
    margin: 50px !important;
  }

  .small-only-margin-60 {
    margin: 60px !important;
  }

  .small-only-margin-70 {
    margin: 70px !important;
  }

  .small-only-margin-80 {
    margin: 80px !important;
  }

  .small-only-margin-90 {
    margin: 90px !important;
  }

  .small-only-margin-100 {
    margin: 100px !important;
  }

  .small-only-margin-t-0 {
    margin-top: 0px !important;
  }

  .small-only-margin-t-10 {
    margin-top: 10px !important;
  }

  .small-only-margin-t-20 {
    margin-top: 20px !important;
  }

  .small-only-margin-t-30 {
    margin-top: 30px !important;
  }

  .small-only-margin-t-40 {
    margin-top: 40px !important;
  }

  .small-only-margin-t-50 {
    margin-top: 50px !important;
  }

  .small-only-margin-t-60 {
    margin-top: 60px !important;
  }

  .small-only-margin-t-70 {
    margin-top: 70px !important;
  }

  .small-only-margin-t-80 {
    margin-top: 80px !important;
  }

  .small-only-margin-t-90 {
    margin-top: 90px !important;
  }

  .small-only-margin-t-100 {
    margin-top: 100px !important;
  }

  .small-only-margin-r-0 {
    margin-right: 0px !important;
  }

  .small-only-margin-r-10 {
    margin-right: 10px !important;
  }

  .small-only-margin-r-20 {
    margin-right: 20px !important;
  }

  .small-only-margin-r-30 {
    margin-right: 30px !important;
  }

  .small-only-margin-r-40 {
    margin-right: 40px !important;
  }

  .small-only-margin-r-50 {
    margin-right: 50px !important;
  }

  .small-only-margin-r-60 {
    margin-right: 60px !important;
  }

  .small-only-margin-r-70 {
    margin-right: 70px !important;
  }

  .small-only-margin-r-80 {
    margin-right: 80px !important;
  }

  .small-only-margin-r-90 {
    margin-right: 90px !important;
  }

  .small-only-margin-r-100 {
    margin-right: 100px !important;
  }

  .small-only-margin-b-0 {
    margin-bottom: 0px !important;
  }

  .small-only-margin-b-10 {
    margin-bottom: 10px !important;
  }

  .small-only-margin-b-20 {
    margin-bottom: 20px !important;
  }

  .small-only-margin-b-30 {
    margin-bottom: 30px !important;
  }

  .small-only-margin-b-40 {
    margin-bottom: 40px !important;
  }

  .small-only-margin-b-50 {
    margin-bottom: 50px !important;
  }

  .small-only-margin-b-60 {
    margin-bottom: 60px !important;
  }

  .small-only-margin-b-70 {
    margin-bottom: 70px !important;
  }

  .small-only-margin-b-80 {
    margin-bottom: 80px !important;
  }

  .small-only-margin-b-90 {
    margin-bottom: 90px !important;
  }

  .small-only-margin-b-100 {
    margin-bottom: 100px !important;
  }

  .small-only-margin-l-0 {
    margin-left: 0px !important;
  }

  .small-only-margin-l-10 {
    margin-left: 10px !important;
  }

  .small-only-margin-l-20 {
    margin-left: 20px !important;
  }

  .small-only-margin-l-30 {
    margin-left: 30px !important;
  }

  .small-only-margin-l-40 {
    margin-left: 40px !important;
  }

  .small-only-margin-l-50 {
    margin-left: 50px !important;
  }

  .small-only-margin-l-60 {
    margin-left: 60px !important;
  }

  .small-only-margin-l-70 {
    margin-left: 70px !important;
  }

  .small-only-margin-l-80 {
    margin-left: 80px !important;
  }

  .small-only-margin-l-90 {
    margin-left: 90px !important;
  }

  .small-only-margin-l-100 {
    margin-left: 100px !important;
  }

  .small-only-margin-n-0 {
    margin: 0px !important;
  }

  .small-only-margin-n-10 {
    margin: -10px !important;
  }

  .small-only-margin-n-20 {
    margin: -20px !important;
  }

  .small-only-margin-n-30 {
    margin: -30px !important;
  }

  .small-only-margin-n-40 {
    margin: -40px !important;
  }

  .small-only-margin-n-50 {
    margin: -50px !important;
  }

  .small-only-margin-n-60 {
    margin: -60px !important;
  }

  .small-only-margin-n-70 {
    margin: -70px !important;
  }

  .small-only-margin-n-80 {
    margin: -80px !important;
  }

  .small-only-margin-n-90 {
    margin: -90px !important;
  }

  .small-only-margin-n-100 {
    margin: -100px !important;
  }

  .small-only-margin-t-n-0 {
    margin-top: 0px !important;
  }

  .small-only-margin-t-n-10 {
    margin-top: -10px !important;
  }

  .small-only-margin-t-n-20 {
    margin-top: -20px !important;
  }

  .small-only-margin-t-n-30 {
    margin-top: -30px !important;
  }

  .small-only-margin-t-n-40 {
    margin-top: -40px !important;
  }

  .small-only-margin-t-n-50 {
    margin-top: -50px !important;
  }

  .small-only-margin-t-n-60 {
    margin-top: -60px !important;
  }

  .small-only-margin-t-n-70 {
    margin-top: -70px !important;
  }

  .small-only-margin-t-n-80 {
    margin-top: -80px !important;
  }

  .small-only-margin-t-n-90 {
    margin-top: -90px !important;
  }

  .small-only-margin-t-n-100 {
    margin-top: -100px !important;
  }

  .small-only-margin-r-n-0 {
    margin-right: 0px !important;
  }

  .small-only-margin-r-n-10 {
    margin-right: -10px !important;
  }

  .small-only-margin-r-n-20 {
    margin-right: -20px !important;
  }

  .small-only-margin-r-n-30 {
    margin-right: -30px !important;
  }

  .small-only-margin-r-n-40 {
    margin-right: -40px !important;
  }

  .small-only-margin-r-n-50 {
    margin-right: -50px !important;
  }

  .small-only-margin-r-n-60 {
    margin-right: -60px !important;
  }

  .small-only-margin-r-n-70 {
    margin-right: -70px !important;
  }

  .small-only-margin-r-n-80 {
    margin-right: -80px !important;
  }

  .small-only-margin-r-n-90 {
    margin-right: -90px !important;
  }

  .small-only-margin-r-n-100 {
    margin-right: -100px !important;
  }

  .small-only-margin-b-n-0 {
    margin-bottom: 0px !important;
  }

  .small-only-margin-b-n-10 {
    margin-bottom: -10px !important;
  }

  .small-only-margin-b-n-20 {
    margin-bottom: -20px !important;
  }

  .small-only-margin-b-n-30 {
    margin-bottom: -30px !important;
  }

  .small-only-margin-b-n-40 {
    margin-bottom: -40px !important;
  }

  .small-only-margin-b-n-50 {
    margin-bottom: -50px !important;
  }

  .small-only-margin-b-n-60 {
    margin-bottom: -60px !important;
  }

  .small-only-margin-b-n-70 {
    margin-bottom: -70px !important;
  }

  .small-only-margin-b-n-80 {
    margin-bottom: -80px !important;
  }

  .small-only-margin-b-n-90 {
    margin-bottom: -90px !important;
  }

  .small-only-margin-b-n-100 {
    margin-bottom: -100px !important;
  }

  .small-only-margin-l-n-0 {
    margin-left: 0px !important;
  }

  .small-only-margin-l-n-10 {
    margin-left: -10px !important;
  }

  .small-only-margin-l-n-20 {
    margin-left: -20px !important;
  }

  .small-only-margin-l-n-30 {
    margin-left: -30px !important;
  }

  .small-only-margin-l-n-40 {
    margin-left: -40px !important;
  }

  .small-only-margin-l-n-50 {
    margin-left: -50px !important;
  }

  .small-only-margin-l-n-60 {
    margin-left: -60px !important;
  }

  .small-only-margin-l-n-70 {
    margin-left: -70px !important;
  }

  .small-only-margin-l-n-80 {
    margin-left: -80px !important;
  }

  .small-only-margin-l-n-90 {
    margin-left: -90px !important;
  }

  .small-only-margin-l-n-100 {
    margin-left: -100px !important;
  }

  .small-only-padding-0 {
    padding: 0px !important;
  }

  .small-only-padding-10 {
    padding: 10px !important;
  }

  .small-only-padding-20 {
    padding: 20px !important;
  }

  .small-only-padding-30 {
    padding: 30px !important;
  }

  .small-only-padding-40 {
    padding: 40px !important;
  }

  .small-only-padding-50 {
    padding: 50px !important;
  }

  .small-only-padding-60 {
    padding: 60px !important;
  }

  .small-only-padding-70 {
    padding: 70px !important;
  }

  .small-only-padding-80 {
    padding: 80px !important;
  }

  .small-only-padding-90 {
    padding: 90px !important;
  }

  .small-only-padding-100 {
    padding: 100px !important;
  }

  .small-only-padding-t-0 {
    padding-top: 0px !important;
  }

  .small-only-padding-t-10 {
    padding-top: 10px !important;
  }

  .small-only-padding-t-20 {
    padding-top: 20px !important;
  }

  .small-only-padding-t-30 {
    padding-top: 30px !important;
  }

  .small-only-padding-t-40 {
    padding-top: 40px !important;
  }

  .small-only-padding-t-50 {
    padding-top: 50px !important;
  }

  .small-only-padding-t-60 {
    padding-top: 60px !important;
  }

  .small-only-padding-t-70 {
    padding-top: 70px !important;
  }

  .small-only-padding-t-80 {
    padding-top: 80px !important;
  }

  .small-only-padding-t-90 {
    padding-top: 90px !important;
  }

  .small-only-padding-t-100 {
    padding-top: 100px !important;
  }

  .small-only-padding-r-0 {
    padding-right: 0px !important;
  }

  .small-only-padding-r-10 {
    padding-right: 10px !important;
  }

  .small-only-padding-r-20 {
    padding-right: 20px !important;
  }

  .small-only-padding-r-30 {
    padding-right: 30px !important;
  }

  .small-only-padding-r-40 {
    padding-right: 40px !important;
  }

  .small-only-padding-r-50 {
    padding-right: 50px !important;
  }

  .small-only-padding-r-60 {
    padding-right: 60px !important;
  }

  .small-only-padding-r-70 {
    padding-right: 70px !important;
  }

  .small-only-padding-r-80 {
    padding-right: 80px !important;
  }

  .small-only-padding-r-90 {
    padding-right: 90px !important;
  }

  .small-only-padding-r-100 {
    padding-right: 100px !important;
  }

  .small-only-padding-b-0 {
    padding-bottom: 0px !important;
  }

  .small-only-padding-b-10 {
    padding-bottom: 10px !important;
  }

  .small-only-padding-b-20 {
    padding-bottom: 20px !important;
  }

  .small-only-padding-b-30 {
    padding-bottom: 30px !important;
  }

  .small-only-padding-b-40 {
    padding-bottom: 40px !important;
  }

  .small-only-padding-b-50 {
    padding-bottom: 50px !important;
  }

  .small-only-padding-b-60 {
    padding-bottom: 60px !important;
  }

  .small-only-padding-b-70 {
    padding-bottom: 70px !important;
  }

  .small-only-padding-b-80 {
    padding-bottom: 80px !important;
  }

  .small-only-padding-b-90 {
    padding-bottom: 90px !important;
  }

  .small-only-padding-b-100 {
    padding-bottom: 100px !important;
  }

  .small-only-padding-l-0 {
    padding-left: 0px !important;
  }

  .small-only-padding-l-10 {
    padding-left: 10px !important;
  }

  .small-only-padding-l-20 {
    padding-left: 20px !important;
  }

  .small-only-padding-l-30 {
    padding-left: 30px !important;
  }

  .small-only-padding-l-40 {
    padding-left: 40px !important;
  }

  .small-only-padding-l-50 {
    padding-left: 50px !important;
  }

  .small-only-padding-l-60 {
    padding-left: 60px !important;
  }

  .small-only-padding-l-70 {
    padding-left: 70px !important;
  }

  .small-only-padding-l-80 {
    padding-left: 80px !important;
  }

  .small-only-padding-l-90 {
    padding-left: 90px !important;
  }

  .small-only-padding-l-100 {
    padding-left: 100px !important;
  }
}

@media only screen and (min-width: 0em) {
  .small-margin-0 {
    margin: 0px !important;
  }

  .small-margin-10 {
    margin: 10px !important;
  }

  .small-margin-20 {
    margin: 20px !important;
  }

  .small-margin-30 {
    margin: 30px !important;
  }

  .small-margin-40 {
    margin: 40px !important;
  }

  .small-margin-50 {
    margin: 50px !important;
  }

  .small-margin-60 {
    margin: 60px !important;
  }

  .small-margin-70 {
    margin: 70px !important;
  }

  .small-margin-80 {
    margin: 80px !important;
  }

  .small-margin-90 {
    margin: 90px !important;
  }

  .small-margin-100 {
    margin: 100px !important;
  }

  .small-margin-t-0 {
    margin-top: 0px !important;
  }

  .small-margin-t-10 {
    margin-top: 10px !important;
  }

  .small-margin-t-20 {
    margin-top: 20px !important;
  }

  .small-margin-t-30 {
    margin-top: 30px !important;
  }

  .small-margin-t-40 {
    margin-top: 40px !important;
  }

  .small-margin-t-50 {
    margin-top: 50px !important;
  }

  .small-margin-t-60 {
    margin-top: 60px !important;
  }

  .small-margin-t-70 {
    margin-top: 70px !important;
  }

  .small-margin-t-80 {
    margin-top: 80px !important;
  }

  .small-margin-t-90 {
    margin-top: 90px !important;
  }

  .small-margin-t-100 {
    margin-top: 100px !important;
  }

  .small-margin-r-0 {
    margin-right: 0px !important;
  }

  .small-margin-r-10 {
    margin-right: 10px !important;
  }

  .small-margin-r-20 {
    margin-right: 20px !important;
  }

  .small-margin-r-30 {
    margin-right: 30px !important;
  }

  .small-margin-r-40 {
    margin-right: 40px !important;
  }

  .small-margin-r-50 {
    margin-right: 50px !important;
  }

  .small-margin-r-60 {
    margin-right: 60px !important;
  }

  .small-margin-r-70 {
    margin-right: 70px !important;
  }

  .small-margin-r-80 {
    margin-right: 80px !important;
  }

  .small-margin-r-90 {
    margin-right: 90px !important;
  }

  .small-margin-r-100 {
    margin-right: 100px !important;
  }

  .small-margin-b-0 {
    margin-bottom: 0px !important;
  }

  .small-margin-b-10 {
    margin-bottom: 10px !important;
  }

  .small-margin-b-20 {
    margin-bottom: 20px !important;
  }

  .small-margin-b-30 {
    margin-bottom: 30px !important;
  }

  .small-margin-b-40 {
    margin-bottom: 40px !important;
  }

  .small-margin-b-50 {
    margin-bottom: 50px !important;
  }

  .small-margin-b-60 {
    margin-bottom: 60px !important;
  }

  .small-margin-b-70 {
    margin-bottom: 70px !important;
  }

  .small-margin-b-80 {
    margin-bottom: 80px !important;
  }

  .small-margin-b-90 {
    margin-bottom: 90px !important;
  }

  .small-margin-b-100 {
    margin-bottom: 100px !important;
  }

  .small-margin-l-0 {
    margin-left: 0px !important;
  }

  .small-margin-l-10 {
    margin-left: 10px !important;
  }

  .small-margin-l-20 {
    margin-left: 20px !important;
  }

  .small-margin-l-30 {
    margin-left: 30px !important;
  }

  .small-margin-l-40 {
    margin-left: 40px !important;
  }

  .small-margin-l-50 {
    margin-left: 50px !important;
  }

  .small-margin-l-60 {
    margin-left: 60px !important;
  }

  .small-margin-l-70 {
    margin-left: 70px !important;
  }

  .small-margin-l-80 {
    margin-left: 80px !important;
  }

  .small-margin-l-90 {
    margin-left: 90px !important;
  }

  .small-margin-l-100 {
    margin-left: 100px !important;
  }

  .small-margin-n-0 {
    margin: 0px !important;
  }

  .small-margin-n-10 {
    margin: -10px !important;
  }

  .small-margin-n-20 {
    margin: -20px !important;
  }

  .small-margin-n-30 {
    margin: -30px !important;
  }

  .small-margin-n-40 {
    margin: -40px !important;
  }

  .small-margin-n-50 {
    margin: -50px !important;
  }

  .small-margin-n-60 {
    margin: -60px !important;
  }

  .small-margin-n-70 {
    margin: -70px !important;
  }

  .small-margin-n-80 {
    margin: -80px !important;
  }

  .small-margin-n-90 {
    margin: -90px !important;
  }

  .small-margin-n-100 {
    margin: -100px !important;
  }

  .small-margin-t-n-0 {
    margin-top: 0px !important;
  }

  .small-margin-t-n-10 {
    margin-top: -10px !important;
  }

  .small-margin-t-n-20 {
    margin-top: -20px !important;
  }

  .small-margin-t-n-30 {
    margin-top: -30px !important;
  }

  .small-margin-t-n-40 {
    margin-top: -40px !important;
  }

  .small-margin-t-n-50 {
    margin-top: -50px !important;
  }

  .small-margin-t-n-60 {
    margin-top: -60px !important;
  }

  .small-margin-t-n-70 {
    margin-top: -70px !important;
  }

  .small-margin-t-n-80 {
    margin-top: -80px !important;
  }

  .small-margin-t-n-90 {
    margin-top: -90px !important;
  }

  .small-margin-t-n-100 {
    margin-top: -100px !important;
  }

  .small-margin-r-n-0 {
    margin-right: 0px !important;
  }

  .small-margin-r-n-10 {
    margin-right: -10px !important;
  }

  .small-margin-r-n-20 {
    margin-right: -20px !important;
  }

  .small-margin-r-n-30 {
    margin-right: -30px !important;
  }

  .small-margin-r-n-40 {
    margin-right: -40px !important;
  }

  .small-margin-r-n-50 {
    margin-right: -50px !important;
  }

  .small-margin-r-n-60 {
    margin-right: -60px !important;
  }

  .small-margin-r-n-70 {
    margin-right: -70px !important;
  }

  .small-margin-r-n-80 {
    margin-right: -80px !important;
  }

  .small-margin-r-n-90 {
    margin-right: -90px !important;
  }

  .small-margin-r-n-100 {
    margin-right: -100px !important;
  }

  .small-margin-b-n-0 {
    margin-bottom: 0px !important;
  }

  .small-margin-b-n-10 {
    margin-bottom: -10px !important;
  }

  .small-margin-b-n-20 {
    margin-bottom: -20px !important;
  }

  .small-margin-b-n-30 {
    margin-bottom: -30px !important;
  }

  .small-margin-b-n-40 {
    margin-bottom: -40px !important;
  }

  .small-margin-b-n-50 {
    margin-bottom: -50px !important;
  }

  .small-margin-b-n-60 {
    margin-bottom: -60px !important;
  }

  .small-margin-b-n-70 {
    margin-bottom: -70px !important;
  }

  .small-margin-b-n-80 {
    margin-bottom: -80px !important;
  }

  .small-margin-b-n-90 {
    margin-bottom: -90px !important;
  }

  .small-margin-b-n-100 {
    margin-bottom: -100px !important;
  }

  .small-margin-l-n-0 {
    margin-left: 0px !important;
  }

  .small-margin-l-n-10 {
    margin-left: -10px !important;
  }

  .small-margin-l-n-20 {
    margin-left: -20px !important;
  }

  .small-margin-l-n-30 {
    margin-left: -30px !important;
  }

  .small-margin-l-n-40 {
    margin-left: -40px !important;
  }

  .small-margin-l-n-50 {
    margin-left: -50px !important;
  }

  .small-margin-l-n-60 {
    margin-left: -60px !important;
  }

  .small-margin-l-n-70 {
    margin-left: -70px !important;
  }

  .small-margin-l-n-80 {
    margin-left: -80px !important;
  }

  .small-margin-l-n-90 {
    margin-left: -90px !important;
  }

  .small-margin-l-n-100 {
    margin-left: -100px !important;
  }

  .small-padding-0 {
    padding: 0px !important;
  }

  .small-padding-10 {
    padding: 10px !important;
  }

  .small-padding-20 {
    padding: 20px !important;
  }

  .small-padding-30 {
    padding: 30px !important;
  }

  .small-padding-40 {
    padding: 40px !important;
  }

  .small-padding-50 {
    padding: 50px !important;
  }

  .small-padding-60 {
    padding: 60px !important;
  }

  .small-padding-70 {
    padding: 70px !important;
  }

  .small-padding-80 {
    padding: 80px !important;
  }

  .small-padding-90 {
    padding: 90px !important;
  }

  .small-padding-100 {
    padding: 100px !important;
  }

  .small-padding-t-0 {
    padding-top: 0px !important;
  }

  .small-padding-t-10 {
    padding-top: 10px !important;
  }

  .small-padding-t-20 {
    padding-top: 20px !important;
  }

  .small-padding-t-30 {
    padding-top: 30px !important;
  }

  .small-padding-t-40 {
    padding-top: 40px !important;
  }

  .small-padding-t-50 {
    padding-top: 50px !important;
  }

  .small-padding-t-60 {
    padding-top: 60px !important;
  }

  .small-padding-t-70 {
    padding-top: 70px !important;
  }

  .small-padding-t-80 {
    padding-top: 80px !important;
  }

  .small-padding-t-90 {
    padding-top: 90px !important;
  }

  .small-padding-t-100 {
    padding-top: 100px !important;
  }

  .small-padding-r-0 {
    padding-right: 0px !important;
  }

  .small-padding-r-10 {
    padding-right: 10px !important;
  }

  .small-padding-r-20 {
    padding-right: 20px !important;
  }

  .small-padding-r-30 {
    padding-right: 30px !important;
  }

  .small-padding-r-40 {
    padding-right: 40px !important;
  }

  .small-padding-r-50 {
    padding-right: 50px !important;
  }

  .small-padding-r-60 {
    padding-right: 60px !important;
  }

  .small-padding-r-70 {
    padding-right: 70px !important;
  }

  .small-padding-r-80 {
    padding-right: 80px !important;
  }

  .small-padding-r-90 {
    padding-right: 90px !important;
  }

  .small-padding-r-100 {
    padding-right: 100px !important;
  }

  .small-padding-b-0 {
    padding-bottom: 0px !important;
  }

  .small-padding-b-10 {
    padding-bottom: 10px !important;
  }

  .small-padding-b-20 {
    padding-bottom: 20px !important;
  }

  .small-padding-b-30 {
    padding-bottom: 30px !important;
  }

  .small-padding-b-40 {
    padding-bottom: 40px !important;
  }

  .small-padding-b-50 {
    padding-bottom: 50px !important;
  }

  .small-padding-b-60 {
    padding-bottom: 60px !important;
  }

  .small-padding-b-70 {
    padding-bottom: 70px !important;
  }

  .small-padding-b-80 {
    padding-bottom: 80px !important;
  }

  .small-padding-b-90 {
    padding-bottom: 90px !important;
  }

  .small-padding-b-100 {
    padding-bottom: 100px !important;
  }

  .small-padding-l-0 {
    padding-left: 0px !important;
  }

  .small-padding-l-10 {
    padding-left: 10px !important;
  }

  .small-padding-l-20 {
    padding-left: 20px !important;
  }

  .small-padding-l-30 {
    padding-left: 30px !important;
  }

  .small-padding-l-40 {
    padding-left: 40px !important;
  }

  .small-padding-l-50 {
    padding-left: 50px !important;
  }

  .small-padding-l-60 {
    padding-left: 60px !important;
  }

  .small-padding-l-70 {
    padding-left: 70px !important;
  }

  .small-padding-l-80 {
    padding-left: 80px !important;
  }

  .small-padding-l-90 {
    padding-left: 90px !important;
  }

  .small-padding-l-100 {
    padding-left: 100px !important;
  }
}

@media only screen and (min-width: 30em) and (max-width: 37.438em) {
  .tweener-only-margin-0 {
    margin: 0px !important;
  }

  .tweener-only-margin-10 {
    margin: 10px !important;
  }

  .tweener-only-margin-20 {
    margin: 20px !important;
  }

  .tweener-only-margin-30 {
    margin: 30px !important;
  }

  .tweener-only-margin-40 {
    margin: 40px !important;
  }

  .tweener-only-margin-50 {
    margin: 50px !important;
  }

  .tweener-only-margin-60 {
    margin: 60px !important;
  }

  .tweener-only-margin-70 {
    margin: 70px !important;
  }

  .tweener-only-margin-80 {
    margin: 80px !important;
  }

  .tweener-only-margin-90 {
    margin: 90px !important;
  }

  .tweener-only-margin-100 {
    margin: 100px !important;
  }

  .tweener-only-margin-t-0 {
    margin-top: 0px !important;
  }

  .tweener-only-margin-t-10 {
    margin-top: 10px !important;
  }

  .tweener-only-margin-t-20 {
    margin-top: 20px !important;
  }

  .tweener-only-margin-t-30 {
    margin-top: 30px !important;
  }

  .tweener-only-margin-t-40 {
    margin-top: 40px !important;
  }

  .tweener-only-margin-t-50 {
    margin-top: 50px !important;
  }

  .tweener-only-margin-t-60 {
    margin-top: 60px !important;
  }

  .tweener-only-margin-t-70 {
    margin-top: 70px !important;
  }

  .tweener-only-margin-t-80 {
    margin-top: 80px !important;
  }

  .tweener-only-margin-t-90 {
    margin-top: 90px !important;
  }

  .tweener-only-margin-t-100 {
    margin-top: 100px !important;
  }

  .tweener-only-margin-r-0 {
    margin-right: 0px !important;
  }

  .tweener-only-margin-r-10 {
    margin-right: 10px !important;
  }

  .tweener-only-margin-r-20 {
    margin-right: 20px !important;
  }

  .tweener-only-margin-r-30 {
    margin-right: 30px !important;
  }

  .tweener-only-margin-r-40 {
    margin-right: 40px !important;
  }

  .tweener-only-margin-r-50 {
    margin-right: 50px !important;
  }

  .tweener-only-margin-r-60 {
    margin-right: 60px !important;
  }

  .tweener-only-margin-r-70 {
    margin-right: 70px !important;
  }

  .tweener-only-margin-r-80 {
    margin-right: 80px !important;
  }

  .tweener-only-margin-r-90 {
    margin-right: 90px !important;
  }

  .tweener-only-margin-r-100 {
    margin-right: 100px !important;
  }

  .tweener-only-margin-b-0 {
    margin-bottom: 0px !important;
  }

  .tweener-only-margin-b-10 {
    margin-bottom: 10px !important;
  }

  .tweener-only-margin-b-20 {
    margin-bottom: 20px !important;
  }

  .tweener-only-margin-b-30 {
    margin-bottom: 30px !important;
  }

  .tweener-only-margin-b-40 {
    margin-bottom: 40px !important;
  }

  .tweener-only-margin-b-50 {
    margin-bottom: 50px !important;
  }

  .tweener-only-margin-b-60 {
    margin-bottom: 60px !important;
  }

  .tweener-only-margin-b-70 {
    margin-bottom: 70px !important;
  }

  .tweener-only-margin-b-80 {
    margin-bottom: 80px !important;
  }

  .tweener-only-margin-b-90 {
    margin-bottom: 90px !important;
  }

  .tweener-only-margin-b-100 {
    margin-bottom: 100px !important;
  }

  .tweener-only-margin-l-0 {
    margin-left: 0px !important;
  }

  .tweener-only-margin-l-10 {
    margin-left: 10px !important;
  }

  .tweener-only-margin-l-20 {
    margin-left: 20px !important;
  }

  .tweener-only-margin-l-30 {
    margin-left: 30px !important;
  }

  .tweener-only-margin-l-40 {
    margin-left: 40px !important;
  }

  .tweener-only-margin-l-50 {
    margin-left: 50px !important;
  }

  .tweener-only-margin-l-60 {
    margin-left: 60px !important;
  }

  .tweener-only-margin-l-70 {
    margin-left: 70px !important;
  }

  .tweener-only-margin-l-80 {
    margin-left: 80px !important;
  }

  .tweener-only-margin-l-90 {
    margin-left: 90px !important;
  }

  .tweener-only-margin-l-100 {
    margin-left: 100px !important;
  }

  .tweener-only-margin-n-0 {
    margin: 0px !important;
  }

  .tweener-only-margin-n-10 {
    margin: -10px !important;
  }

  .tweener-only-margin-n-20 {
    margin: -20px !important;
  }

  .tweener-only-margin-n-30 {
    margin: -30px !important;
  }

  .tweener-only-margin-n-40 {
    margin: -40px !important;
  }

  .tweener-only-margin-n-50 {
    margin: -50px !important;
  }

  .tweener-only-margin-n-60 {
    margin: -60px !important;
  }

  .tweener-only-margin-n-70 {
    margin: -70px !important;
  }

  .tweener-only-margin-n-80 {
    margin: -80px !important;
  }

  .tweener-only-margin-n-90 {
    margin: -90px !important;
  }

  .tweener-only-margin-n-100 {
    margin: -100px !important;
  }

  .tweener-only-margin-t-n-0 {
    margin-top: 0px !important;
  }

  .tweener-only-margin-t-n-10 {
    margin-top: -10px !important;
  }

  .tweener-only-margin-t-n-20 {
    margin-top: -20px !important;
  }

  .tweener-only-margin-t-n-30 {
    margin-top: -30px !important;
  }

  .tweener-only-margin-t-n-40 {
    margin-top: -40px !important;
  }

  .tweener-only-margin-t-n-50 {
    margin-top: -50px !important;
  }

  .tweener-only-margin-t-n-60 {
    margin-top: -60px !important;
  }

  .tweener-only-margin-t-n-70 {
    margin-top: -70px !important;
  }

  .tweener-only-margin-t-n-80 {
    margin-top: -80px !important;
  }

  .tweener-only-margin-t-n-90 {
    margin-top: -90px !important;
  }

  .tweener-only-margin-t-n-100 {
    margin-top: -100px !important;
  }

  .tweener-only-margin-r-n-0 {
    margin-right: 0px !important;
  }

  .tweener-only-margin-r-n-10 {
    margin-right: -10px !important;
  }

  .tweener-only-margin-r-n-20 {
    margin-right: -20px !important;
  }

  .tweener-only-margin-r-n-30 {
    margin-right: -30px !important;
  }

  .tweener-only-margin-r-n-40 {
    margin-right: -40px !important;
  }

  .tweener-only-margin-r-n-50 {
    margin-right: -50px !important;
  }

  .tweener-only-margin-r-n-60 {
    margin-right: -60px !important;
  }

  .tweener-only-margin-r-n-70 {
    margin-right: -70px !important;
  }

  .tweener-only-margin-r-n-80 {
    margin-right: -80px !important;
  }

  .tweener-only-margin-r-n-90 {
    margin-right: -90px !important;
  }

  .tweener-only-margin-r-n-100 {
    margin-right: -100px !important;
  }

  .tweener-only-margin-b-n-0 {
    margin-bottom: 0px !important;
  }

  .tweener-only-margin-b-n-10 {
    margin-bottom: -10px !important;
  }

  .tweener-only-margin-b-n-20 {
    margin-bottom: -20px !important;
  }

  .tweener-only-margin-b-n-30 {
    margin-bottom: -30px !important;
  }

  .tweener-only-margin-b-n-40 {
    margin-bottom: -40px !important;
  }

  .tweener-only-margin-b-n-50 {
    margin-bottom: -50px !important;
  }

  .tweener-only-margin-b-n-60 {
    margin-bottom: -60px !important;
  }

  .tweener-only-margin-b-n-70 {
    margin-bottom: -70px !important;
  }

  .tweener-only-margin-b-n-80 {
    margin-bottom: -80px !important;
  }

  .tweener-only-margin-b-n-90 {
    margin-bottom: -90px !important;
  }

  .tweener-only-margin-b-n-100 {
    margin-bottom: -100px !important;
  }

  .tweener-only-margin-l-n-0 {
    margin-left: 0px !important;
  }

  .tweener-only-margin-l-n-10 {
    margin-left: -10px !important;
  }

  .tweener-only-margin-l-n-20 {
    margin-left: -20px !important;
  }

  .tweener-only-margin-l-n-30 {
    margin-left: -30px !important;
  }

  .tweener-only-margin-l-n-40 {
    margin-left: -40px !important;
  }

  .tweener-only-margin-l-n-50 {
    margin-left: -50px !important;
  }

  .tweener-only-margin-l-n-60 {
    margin-left: -60px !important;
  }

  .tweener-only-margin-l-n-70 {
    margin-left: -70px !important;
  }

  .tweener-only-margin-l-n-80 {
    margin-left: -80px !important;
  }

  .tweener-only-margin-l-n-90 {
    margin-left: -90px !important;
  }

  .tweener-only-margin-l-n-100 {
    margin-left: -100px !important;
  }

  .tweener-only-padding-0 {
    padding: 0px !important;
  }

  .tweener-only-padding-10 {
    padding: 10px !important;
  }

  .tweener-only-padding-20 {
    padding: 20px !important;
  }

  .tweener-only-padding-30 {
    padding: 30px !important;
  }

  .tweener-only-padding-40 {
    padding: 40px !important;
  }

  .tweener-only-padding-50 {
    padding: 50px !important;
  }

  .tweener-only-padding-60 {
    padding: 60px !important;
  }

  .tweener-only-padding-70 {
    padding: 70px !important;
  }

  .tweener-only-padding-80 {
    padding: 80px !important;
  }

  .tweener-only-padding-90 {
    padding: 90px !important;
  }

  .tweener-only-padding-100 {
    padding: 100px !important;
  }

  .tweener-only-padding-t-0 {
    padding-top: 0px !important;
  }

  .tweener-only-padding-t-10 {
    padding-top: 10px !important;
  }

  .tweener-only-padding-t-20 {
    padding-top: 20px !important;
  }

  .tweener-only-padding-t-30 {
    padding-top: 30px !important;
  }

  .tweener-only-padding-t-40 {
    padding-top: 40px !important;
  }

  .tweener-only-padding-t-50 {
    padding-top: 50px !important;
  }

  .tweener-only-padding-t-60 {
    padding-top: 60px !important;
  }

  .tweener-only-padding-t-70 {
    padding-top: 70px !important;
  }

  .tweener-only-padding-t-80 {
    padding-top: 80px !important;
  }

  .tweener-only-padding-t-90 {
    padding-top: 90px !important;
  }

  .tweener-only-padding-t-100 {
    padding-top: 100px !important;
  }

  .tweener-only-padding-r-0 {
    padding-right: 0px !important;
  }

  .tweener-only-padding-r-10 {
    padding-right: 10px !important;
  }

  .tweener-only-padding-r-20 {
    padding-right: 20px !important;
  }

  .tweener-only-padding-r-30 {
    padding-right: 30px !important;
  }

  .tweener-only-padding-r-40 {
    padding-right: 40px !important;
  }

  .tweener-only-padding-r-50 {
    padding-right: 50px !important;
  }

  .tweener-only-padding-r-60 {
    padding-right: 60px !important;
  }

  .tweener-only-padding-r-70 {
    padding-right: 70px !important;
  }

  .tweener-only-padding-r-80 {
    padding-right: 80px !important;
  }

  .tweener-only-padding-r-90 {
    padding-right: 90px !important;
  }

  .tweener-only-padding-r-100 {
    padding-right: 100px !important;
  }

  .tweener-only-padding-b-0 {
    padding-bottom: 0px !important;
  }

  .tweener-only-padding-b-10 {
    padding-bottom: 10px !important;
  }

  .tweener-only-padding-b-20 {
    padding-bottom: 20px !important;
  }

  .tweener-only-padding-b-30 {
    padding-bottom: 30px !important;
  }

  .tweener-only-padding-b-40 {
    padding-bottom: 40px !important;
  }

  .tweener-only-padding-b-50 {
    padding-bottom: 50px !important;
  }

  .tweener-only-padding-b-60 {
    padding-bottom: 60px !important;
  }

  .tweener-only-padding-b-70 {
    padding-bottom: 70px !important;
  }

  .tweener-only-padding-b-80 {
    padding-bottom: 80px !important;
  }

  .tweener-only-padding-b-90 {
    padding-bottom: 90px !important;
  }

  .tweener-only-padding-b-100 {
    padding-bottom: 100px !important;
  }

  .tweener-only-padding-l-0 {
    padding-left: 0px !important;
  }

  .tweener-only-padding-l-10 {
    padding-left: 10px !important;
  }

  .tweener-only-padding-l-20 {
    padding-left: 20px !important;
  }

  .tweener-only-padding-l-30 {
    padding-left: 30px !important;
  }

  .tweener-only-padding-l-40 {
    padding-left: 40px !important;
  }

  .tweener-only-padding-l-50 {
    padding-left: 50px !important;
  }

  .tweener-only-padding-l-60 {
    padding-left: 60px !important;
  }

  .tweener-only-padding-l-70 {
    padding-left: 70px !important;
  }

  .tweener-only-padding-l-80 {
    padding-left: 80px !important;
  }

  .tweener-only-padding-l-90 {
    padding-left: 90px !important;
  }

  .tweener-only-padding-l-100 {
    padding-left: 100px !important;
  }
}

@media only screen and (min-width: 30em) {
  .tweener-margin-0 {
    margin: 0px !important;
  }

  .tweener-margin-10 {
    margin: 10px !important;
  }

  .tweener-margin-20 {
    margin: 20px !important;
  }

  .tweener-margin-30 {
    margin: 30px !important;
  }

  .tweener-margin-40 {
    margin: 40px !important;
  }

  .tweener-margin-50 {
    margin: 50px !important;
  }

  .tweener-margin-60 {
    margin: 60px !important;
  }

  .tweener-margin-70 {
    margin: 70px !important;
  }

  .tweener-margin-80 {
    margin: 80px !important;
  }

  .tweener-margin-90 {
    margin: 90px !important;
  }

  .tweener-margin-100 {
    margin: 100px !important;
  }

  .tweener-margin-t-0 {
    margin-top: 0px !important;
  }

  .tweener-margin-t-10 {
    margin-top: 10px !important;
  }

  .tweener-margin-t-20 {
    margin-top: 20px !important;
  }

  .tweener-margin-t-30 {
    margin-top: 30px !important;
  }

  .tweener-margin-t-40 {
    margin-top: 40px !important;
  }

  .tweener-margin-t-50 {
    margin-top: 50px !important;
  }

  .tweener-margin-t-60 {
    margin-top: 60px !important;
  }

  .tweener-margin-t-70 {
    margin-top: 70px !important;
  }

  .tweener-margin-t-80 {
    margin-top: 80px !important;
  }

  .tweener-margin-t-90 {
    margin-top: 90px !important;
  }

  .tweener-margin-t-100 {
    margin-top: 100px !important;
  }

  .tweener-margin-r-0 {
    margin-right: 0px !important;
  }

  .tweener-margin-r-10 {
    margin-right: 10px !important;
  }

  .tweener-margin-r-20 {
    margin-right: 20px !important;
  }

  .tweener-margin-r-30 {
    margin-right: 30px !important;
  }

  .tweener-margin-r-40 {
    margin-right: 40px !important;
  }

  .tweener-margin-r-50 {
    margin-right: 50px !important;
  }

  .tweener-margin-r-60 {
    margin-right: 60px !important;
  }

  .tweener-margin-r-70 {
    margin-right: 70px !important;
  }

  .tweener-margin-r-80 {
    margin-right: 80px !important;
  }

  .tweener-margin-r-90 {
    margin-right: 90px !important;
  }

  .tweener-margin-r-100 {
    margin-right: 100px !important;
  }

  .tweener-margin-b-0 {
    margin-bottom: 0px !important;
  }

  .tweener-margin-b-10 {
    margin-bottom: 10px !important;
  }

  .tweener-margin-b-20 {
    margin-bottom: 20px !important;
  }

  .tweener-margin-b-30 {
    margin-bottom: 30px !important;
  }

  .tweener-margin-b-40 {
    margin-bottom: 40px !important;
  }

  .tweener-margin-b-50 {
    margin-bottom: 50px !important;
  }

  .tweener-margin-b-60 {
    margin-bottom: 60px !important;
  }

  .tweener-margin-b-70 {
    margin-bottom: 70px !important;
  }

  .tweener-margin-b-80 {
    margin-bottom: 80px !important;
  }

  .tweener-margin-b-90 {
    margin-bottom: 90px !important;
  }

  .tweener-margin-b-100 {
    margin-bottom: 100px !important;
  }

  .tweener-margin-l-0 {
    margin-left: 0px !important;
  }

  .tweener-margin-l-10 {
    margin-left: 10px !important;
  }

  .tweener-margin-l-20 {
    margin-left: 20px !important;
  }

  .tweener-margin-l-30 {
    margin-left: 30px !important;
  }

  .tweener-margin-l-40 {
    margin-left: 40px !important;
  }

  .tweener-margin-l-50 {
    margin-left: 50px !important;
  }

  .tweener-margin-l-60 {
    margin-left: 60px !important;
  }

  .tweener-margin-l-70 {
    margin-left: 70px !important;
  }

  .tweener-margin-l-80 {
    margin-left: 80px !important;
  }

  .tweener-margin-l-90 {
    margin-left: 90px !important;
  }

  .tweener-margin-l-100 {
    margin-left: 100px !important;
  }

  .tweener-margin-n-0 {
    margin: 0px !important;
  }

  .tweener-margin-n-10 {
    margin: -10px !important;
  }

  .tweener-margin-n-20 {
    margin: -20px !important;
  }

  .tweener-margin-n-30 {
    margin: -30px !important;
  }

  .tweener-margin-n-40 {
    margin: -40px !important;
  }

  .tweener-margin-n-50 {
    margin: -50px !important;
  }

  .tweener-margin-n-60 {
    margin: -60px !important;
  }

  .tweener-margin-n-70 {
    margin: -70px !important;
  }

  .tweener-margin-n-80 {
    margin: -80px !important;
  }

  .tweener-margin-n-90 {
    margin: -90px !important;
  }

  .tweener-margin-n-100 {
    margin: -100px !important;
  }

  .tweener-margin-t-n-0 {
    margin-top: 0px !important;
  }

  .tweener-margin-t-n-10 {
    margin-top: -10px !important;
  }

  .tweener-margin-t-n-20 {
    margin-top: -20px !important;
  }

  .tweener-margin-t-n-30 {
    margin-top: -30px !important;
  }

  .tweener-margin-t-n-40 {
    margin-top: -40px !important;
  }

  .tweener-margin-t-n-50 {
    margin-top: -50px !important;
  }

  .tweener-margin-t-n-60 {
    margin-top: -60px !important;
  }

  .tweener-margin-t-n-70 {
    margin-top: -70px !important;
  }

  .tweener-margin-t-n-80 {
    margin-top: -80px !important;
  }

  .tweener-margin-t-n-90 {
    margin-top: -90px !important;
  }

  .tweener-margin-t-n-100 {
    margin-top: -100px !important;
  }

  .tweener-margin-r-n-0 {
    margin-right: 0px !important;
  }

  .tweener-margin-r-n-10 {
    margin-right: -10px !important;
  }

  .tweener-margin-r-n-20 {
    margin-right: -20px !important;
  }

  .tweener-margin-r-n-30 {
    margin-right: -30px !important;
  }

  .tweener-margin-r-n-40 {
    margin-right: -40px !important;
  }

  .tweener-margin-r-n-50 {
    margin-right: -50px !important;
  }

  .tweener-margin-r-n-60 {
    margin-right: -60px !important;
  }

  .tweener-margin-r-n-70 {
    margin-right: -70px !important;
  }

  .tweener-margin-r-n-80 {
    margin-right: -80px !important;
  }

  .tweener-margin-r-n-90 {
    margin-right: -90px !important;
  }

  .tweener-margin-r-n-100 {
    margin-right: -100px !important;
  }

  .tweener-margin-b-n-0 {
    margin-bottom: 0px !important;
  }

  .tweener-margin-b-n-10 {
    margin-bottom: -10px !important;
  }

  .tweener-margin-b-n-20 {
    margin-bottom: -20px !important;
  }

  .tweener-margin-b-n-30 {
    margin-bottom: -30px !important;
  }

  .tweener-margin-b-n-40 {
    margin-bottom: -40px !important;
  }

  .tweener-margin-b-n-50 {
    margin-bottom: -50px !important;
  }

  .tweener-margin-b-n-60 {
    margin-bottom: -60px !important;
  }

  .tweener-margin-b-n-70 {
    margin-bottom: -70px !important;
  }

  .tweener-margin-b-n-80 {
    margin-bottom: -80px !important;
  }

  .tweener-margin-b-n-90 {
    margin-bottom: -90px !important;
  }

  .tweener-margin-b-n-100 {
    margin-bottom: -100px !important;
  }

  .tweener-margin-l-n-0 {
    margin-left: 0px !important;
  }

  .tweener-margin-l-n-10 {
    margin-left: -10px !important;
  }

  .tweener-margin-l-n-20 {
    margin-left: -20px !important;
  }

  .tweener-margin-l-n-30 {
    margin-left: -30px !important;
  }

  .tweener-margin-l-n-40 {
    margin-left: -40px !important;
  }

  .tweener-margin-l-n-50 {
    margin-left: -50px !important;
  }

  .tweener-margin-l-n-60 {
    margin-left: -60px !important;
  }

  .tweener-margin-l-n-70 {
    margin-left: -70px !important;
  }

  .tweener-margin-l-n-80 {
    margin-left: -80px !important;
  }

  .tweener-margin-l-n-90 {
    margin-left: -90px !important;
  }

  .tweener-margin-l-n-100 {
    margin-left: -100px !important;
  }

  .tweener-padding-0 {
    padding: 0px !important;
  }

  .tweener-padding-10 {
    padding: 10px !important;
  }

  .tweener-padding-20 {
    padding: 20px !important;
  }

  .tweener-padding-30 {
    padding: 30px !important;
  }

  .tweener-padding-40 {
    padding: 40px !important;
  }

  .tweener-padding-50 {
    padding: 50px !important;
  }

  .tweener-padding-60 {
    padding: 60px !important;
  }

  .tweener-padding-70 {
    padding: 70px !important;
  }

  .tweener-padding-80 {
    padding: 80px !important;
  }

  .tweener-padding-90 {
    padding: 90px !important;
  }

  .tweener-padding-100 {
    padding: 100px !important;
  }

  .tweener-padding-t-0 {
    padding-top: 0px !important;
  }

  .tweener-padding-t-10 {
    padding-top: 10px !important;
  }

  .tweener-padding-t-20 {
    padding-top: 20px !important;
  }

  .tweener-padding-t-30 {
    padding-top: 30px !important;
  }

  .tweener-padding-t-40 {
    padding-top: 40px !important;
  }

  .tweener-padding-t-50 {
    padding-top: 50px !important;
  }

  .tweener-padding-t-60 {
    padding-top: 60px !important;
  }

  .tweener-padding-t-70 {
    padding-top: 70px !important;
  }

  .tweener-padding-t-80 {
    padding-top: 80px !important;
  }

  .tweener-padding-t-90 {
    padding-top: 90px !important;
  }

  .tweener-padding-t-100 {
    padding-top: 100px !important;
  }

  .tweener-padding-r-0 {
    padding-right: 0px !important;
  }

  .tweener-padding-r-10 {
    padding-right: 10px !important;
  }

  .tweener-padding-r-20 {
    padding-right: 20px !important;
  }

  .tweener-padding-r-30 {
    padding-right: 30px !important;
  }

  .tweener-padding-r-40 {
    padding-right: 40px !important;
  }

  .tweener-padding-r-50 {
    padding-right: 50px !important;
  }

  .tweener-padding-r-60 {
    padding-right: 60px !important;
  }

  .tweener-padding-r-70 {
    padding-right: 70px !important;
  }

  .tweener-padding-r-80 {
    padding-right: 80px !important;
  }

  .tweener-padding-r-90 {
    padding-right: 90px !important;
  }

  .tweener-padding-r-100 {
    padding-right: 100px !important;
  }

  .tweener-padding-b-0 {
    padding-bottom: 0px !important;
  }

  .tweener-padding-b-10 {
    padding-bottom: 10px !important;
  }

  .tweener-padding-b-20 {
    padding-bottom: 20px !important;
  }

  .tweener-padding-b-30 {
    padding-bottom: 30px !important;
  }

  .tweener-padding-b-40 {
    padding-bottom: 40px !important;
  }

  .tweener-padding-b-50 {
    padding-bottom: 50px !important;
  }

  .tweener-padding-b-60 {
    padding-bottom: 60px !important;
  }

  .tweener-padding-b-70 {
    padding-bottom: 70px !important;
  }

  .tweener-padding-b-80 {
    padding-bottom: 80px !important;
  }

  .tweener-padding-b-90 {
    padding-bottom: 90px !important;
  }

  .tweener-padding-b-100 {
    padding-bottom: 100px !important;
  }

  .tweener-padding-l-0 {
    padding-left: 0px !important;
  }

  .tweener-padding-l-10 {
    padding-left: 10px !important;
  }

  .tweener-padding-l-20 {
    padding-left: 20px !important;
  }

  .tweener-padding-l-30 {
    padding-left: 30px !important;
  }

  .tweener-padding-l-40 {
    padding-left: 40px !important;
  }

  .tweener-padding-l-50 {
    padding-left: 50px !important;
  }

  .tweener-padding-l-60 {
    padding-left: 60px !important;
  }

  .tweener-padding-l-70 {
    padding-left: 70px !important;
  }

  .tweener-padding-l-80 {
    padding-left: 80px !important;
  }

  .tweener-padding-l-90 {
    padding-left: 90px !important;
  }

  .tweener-padding-l-100 {
    padding-left: 100px !important;
  }
}

@media only screen and (min-width: 37.5em) and (max-width: 47.938em) {
  .phablet-only-margin-0 {
    margin: 0px !important;
  }

  .phablet-only-margin-10 {
    margin: 10px !important;
  }

  .phablet-only-margin-20 {
    margin: 20px !important;
  }

  .phablet-only-margin-30 {
    margin: 30px !important;
  }

  .phablet-only-margin-40 {
    margin: 40px !important;
  }

  .phablet-only-margin-50 {
    margin: 50px !important;
  }

  .phablet-only-margin-60 {
    margin: 60px !important;
  }

  .phablet-only-margin-70 {
    margin: 70px !important;
  }

  .phablet-only-margin-80 {
    margin: 80px !important;
  }

  .phablet-only-margin-90 {
    margin: 90px !important;
  }

  .phablet-only-margin-100 {
    margin: 100px !important;
  }

  .phablet-only-margin-t-0 {
    margin-top: 0px !important;
  }

  .phablet-only-margin-t-10 {
    margin-top: 10px !important;
  }

  .phablet-only-margin-t-20 {
    margin-top: 20px !important;
  }

  .phablet-only-margin-t-30 {
    margin-top: 30px !important;
  }

  .phablet-only-margin-t-40 {
    margin-top: 40px !important;
  }

  .phablet-only-margin-t-50 {
    margin-top: 50px !important;
  }

  .phablet-only-margin-t-60 {
    margin-top: 60px !important;
  }

  .phablet-only-margin-t-70 {
    margin-top: 70px !important;
  }

  .phablet-only-margin-t-80 {
    margin-top: 80px !important;
  }

  .phablet-only-margin-t-90 {
    margin-top: 90px !important;
  }

  .phablet-only-margin-t-100 {
    margin-top: 100px !important;
  }

  .phablet-only-margin-r-0 {
    margin-right: 0px !important;
  }

  .phablet-only-margin-r-10 {
    margin-right: 10px !important;
  }

  .phablet-only-margin-r-20 {
    margin-right: 20px !important;
  }

  .phablet-only-margin-r-30 {
    margin-right: 30px !important;
  }

  .phablet-only-margin-r-40 {
    margin-right: 40px !important;
  }

  .phablet-only-margin-r-50 {
    margin-right: 50px !important;
  }

  .phablet-only-margin-r-60 {
    margin-right: 60px !important;
  }

  .phablet-only-margin-r-70 {
    margin-right: 70px !important;
  }

  .phablet-only-margin-r-80 {
    margin-right: 80px !important;
  }

  .phablet-only-margin-r-90 {
    margin-right: 90px !important;
  }

  .phablet-only-margin-r-100 {
    margin-right: 100px !important;
  }

  .phablet-only-margin-b-0 {
    margin-bottom: 0px !important;
  }

  .phablet-only-margin-b-10 {
    margin-bottom: 10px !important;
  }

  .phablet-only-margin-b-20 {
    margin-bottom: 20px !important;
  }

  .phablet-only-margin-b-30 {
    margin-bottom: 30px !important;
  }

  .phablet-only-margin-b-40 {
    margin-bottom: 40px !important;
  }

  .phablet-only-margin-b-50 {
    margin-bottom: 50px !important;
  }

  .phablet-only-margin-b-60 {
    margin-bottom: 60px !important;
  }

  .phablet-only-margin-b-70 {
    margin-bottom: 70px !important;
  }

  .phablet-only-margin-b-80 {
    margin-bottom: 80px !important;
  }

  .phablet-only-margin-b-90 {
    margin-bottom: 90px !important;
  }

  .phablet-only-margin-b-100 {
    margin-bottom: 100px !important;
  }

  .phablet-only-margin-l-0 {
    margin-left: 0px !important;
  }

  .phablet-only-margin-l-10 {
    margin-left: 10px !important;
  }

  .phablet-only-margin-l-20 {
    margin-left: 20px !important;
  }

  .phablet-only-margin-l-30 {
    margin-left: 30px !important;
  }

  .phablet-only-margin-l-40 {
    margin-left: 40px !important;
  }

  .phablet-only-margin-l-50 {
    margin-left: 50px !important;
  }

  .phablet-only-margin-l-60 {
    margin-left: 60px !important;
  }

  .phablet-only-margin-l-70 {
    margin-left: 70px !important;
  }

  .phablet-only-margin-l-80 {
    margin-left: 80px !important;
  }

  .phablet-only-margin-l-90 {
    margin-left: 90px !important;
  }

  .phablet-only-margin-l-100 {
    margin-left: 100px !important;
  }

  .phablet-only-margin-n-0 {
    margin: 0px !important;
  }

  .phablet-only-margin-n-10 {
    margin: -10px !important;
  }

  .phablet-only-margin-n-20 {
    margin: -20px !important;
  }

  .phablet-only-margin-n-30 {
    margin: -30px !important;
  }

  .phablet-only-margin-n-40 {
    margin: -40px !important;
  }

  .phablet-only-margin-n-50 {
    margin: -50px !important;
  }

  .phablet-only-margin-n-60 {
    margin: -60px !important;
  }

  .phablet-only-margin-n-70 {
    margin: -70px !important;
  }

  .phablet-only-margin-n-80 {
    margin: -80px !important;
  }

  .phablet-only-margin-n-90 {
    margin: -90px !important;
  }

  .phablet-only-margin-n-100 {
    margin: -100px !important;
  }

  .phablet-only-margin-t-n-0 {
    margin-top: 0px !important;
  }

  .phablet-only-margin-t-n-10 {
    margin-top: -10px !important;
  }

  .phablet-only-margin-t-n-20 {
    margin-top: -20px !important;
  }

  .phablet-only-margin-t-n-30 {
    margin-top: -30px !important;
  }

  .phablet-only-margin-t-n-40 {
    margin-top: -40px !important;
  }

  .phablet-only-margin-t-n-50 {
    margin-top: -50px !important;
  }

  .phablet-only-margin-t-n-60 {
    margin-top: -60px !important;
  }

  .phablet-only-margin-t-n-70 {
    margin-top: -70px !important;
  }

  .phablet-only-margin-t-n-80 {
    margin-top: -80px !important;
  }

  .phablet-only-margin-t-n-90 {
    margin-top: -90px !important;
  }

  .phablet-only-margin-t-n-100 {
    margin-top: -100px !important;
  }

  .phablet-only-margin-r-n-0 {
    margin-right: 0px !important;
  }

  .phablet-only-margin-r-n-10 {
    margin-right: -10px !important;
  }

  .phablet-only-margin-r-n-20 {
    margin-right: -20px !important;
  }

  .phablet-only-margin-r-n-30 {
    margin-right: -30px !important;
  }

  .phablet-only-margin-r-n-40 {
    margin-right: -40px !important;
  }

  .phablet-only-margin-r-n-50 {
    margin-right: -50px !important;
  }

  .phablet-only-margin-r-n-60 {
    margin-right: -60px !important;
  }

  .phablet-only-margin-r-n-70 {
    margin-right: -70px !important;
  }

  .phablet-only-margin-r-n-80 {
    margin-right: -80px !important;
  }

  .phablet-only-margin-r-n-90 {
    margin-right: -90px !important;
  }

  .phablet-only-margin-r-n-100 {
    margin-right: -100px !important;
  }

  .phablet-only-margin-b-n-0 {
    margin-bottom: 0px !important;
  }

  .phablet-only-margin-b-n-10 {
    margin-bottom: -10px !important;
  }

  .phablet-only-margin-b-n-20 {
    margin-bottom: -20px !important;
  }

  .phablet-only-margin-b-n-30 {
    margin-bottom: -30px !important;
  }

  .phablet-only-margin-b-n-40 {
    margin-bottom: -40px !important;
  }

  .phablet-only-margin-b-n-50 {
    margin-bottom: -50px !important;
  }

  .phablet-only-margin-b-n-60 {
    margin-bottom: -60px !important;
  }

  .phablet-only-margin-b-n-70 {
    margin-bottom: -70px !important;
  }

  .phablet-only-margin-b-n-80 {
    margin-bottom: -80px !important;
  }

  .phablet-only-margin-b-n-90 {
    margin-bottom: -90px !important;
  }

  .phablet-only-margin-b-n-100 {
    margin-bottom: -100px !important;
  }

  .phablet-only-margin-l-n-0 {
    margin-left: 0px !important;
  }

  .phablet-only-margin-l-n-10 {
    margin-left: -10px !important;
  }

  .phablet-only-margin-l-n-20 {
    margin-left: -20px !important;
  }

  .phablet-only-margin-l-n-30 {
    margin-left: -30px !important;
  }

  .phablet-only-margin-l-n-40 {
    margin-left: -40px !important;
  }

  .phablet-only-margin-l-n-50 {
    margin-left: -50px !important;
  }

  .phablet-only-margin-l-n-60 {
    margin-left: -60px !important;
  }

  .phablet-only-margin-l-n-70 {
    margin-left: -70px !important;
  }

  .phablet-only-margin-l-n-80 {
    margin-left: -80px !important;
  }

  .phablet-only-margin-l-n-90 {
    margin-left: -90px !important;
  }

  .phablet-only-margin-l-n-100 {
    margin-left: -100px !important;
  }

  .phablet-only-padding-0 {
    padding: 0px !important;
  }

  .phablet-only-padding-10 {
    padding: 10px !important;
  }

  .phablet-only-padding-20 {
    padding: 20px !important;
  }

  .phablet-only-padding-30 {
    padding: 30px !important;
  }

  .phablet-only-padding-40 {
    padding: 40px !important;
  }

  .phablet-only-padding-50 {
    padding: 50px !important;
  }

  .phablet-only-padding-60 {
    padding: 60px !important;
  }

  .phablet-only-padding-70 {
    padding: 70px !important;
  }

  .phablet-only-padding-80 {
    padding: 80px !important;
  }

  .phablet-only-padding-90 {
    padding: 90px !important;
  }

  .phablet-only-padding-100 {
    padding: 100px !important;
  }

  .phablet-only-padding-t-0 {
    padding-top: 0px !important;
  }

  .phablet-only-padding-t-10 {
    padding-top: 10px !important;
  }

  .phablet-only-padding-t-20 {
    padding-top: 20px !important;
  }

  .phablet-only-padding-t-30 {
    padding-top: 30px !important;
  }

  .phablet-only-padding-t-40 {
    padding-top: 40px !important;
  }

  .phablet-only-padding-t-50 {
    padding-top: 50px !important;
  }

  .phablet-only-padding-t-60 {
    padding-top: 60px !important;
  }

  .phablet-only-padding-t-70 {
    padding-top: 70px !important;
  }

  .phablet-only-padding-t-80 {
    padding-top: 80px !important;
  }

  .phablet-only-padding-t-90 {
    padding-top: 90px !important;
  }

  .phablet-only-padding-t-100 {
    padding-top: 100px !important;
  }

  .phablet-only-padding-r-0 {
    padding-right: 0px !important;
  }

  .phablet-only-padding-r-10 {
    padding-right: 10px !important;
  }

  .phablet-only-padding-r-20 {
    padding-right: 20px !important;
  }

  .phablet-only-padding-r-30 {
    padding-right: 30px !important;
  }

  .phablet-only-padding-r-40 {
    padding-right: 40px !important;
  }

  .phablet-only-padding-r-50 {
    padding-right: 50px !important;
  }

  .phablet-only-padding-r-60 {
    padding-right: 60px !important;
  }

  .phablet-only-padding-r-70 {
    padding-right: 70px !important;
  }

  .phablet-only-padding-r-80 {
    padding-right: 80px !important;
  }

  .phablet-only-padding-r-90 {
    padding-right: 90px !important;
  }

  .phablet-only-padding-r-100 {
    padding-right: 100px !important;
  }

  .phablet-only-padding-b-0 {
    padding-bottom: 0px !important;
  }

  .phablet-only-padding-b-10 {
    padding-bottom: 10px !important;
  }

  .phablet-only-padding-b-20 {
    padding-bottom: 20px !important;
  }

  .phablet-only-padding-b-30 {
    padding-bottom: 30px !important;
  }

  .phablet-only-padding-b-40 {
    padding-bottom: 40px !important;
  }

  .phablet-only-padding-b-50 {
    padding-bottom: 50px !important;
  }

  .phablet-only-padding-b-60 {
    padding-bottom: 60px !important;
  }

  .phablet-only-padding-b-70 {
    padding-bottom: 70px !important;
  }

  .phablet-only-padding-b-80 {
    padding-bottom: 80px !important;
  }

  .phablet-only-padding-b-90 {
    padding-bottom: 90px !important;
  }

  .phablet-only-padding-b-100 {
    padding-bottom: 100px !important;
  }

  .phablet-only-padding-l-0 {
    padding-left: 0px !important;
  }

  .phablet-only-padding-l-10 {
    padding-left: 10px !important;
  }

  .phablet-only-padding-l-20 {
    padding-left: 20px !important;
  }

  .phablet-only-padding-l-30 {
    padding-left: 30px !important;
  }

  .phablet-only-padding-l-40 {
    padding-left: 40px !important;
  }

  .phablet-only-padding-l-50 {
    padding-left: 50px !important;
  }

  .phablet-only-padding-l-60 {
    padding-left: 60px !important;
  }

  .phablet-only-padding-l-70 {
    padding-left: 70px !important;
  }

  .phablet-only-padding-l-80 {
    padding-left: 80px !important;
  }

  .phablet-only-padding-l-90 {
    padding-left: 90px !important;
  }

  .phablet-only-padding-l-100 {
    padding-left: 100px !important;
  }
}

@media only screen and (min-width: 37.5em) {
  .phablet-margin-0 {
    margin: 0px !important;
  }

  .phablet-margin-10 {
    margin: 10px !important;
  }

  .phablet-margin-20 {
    margin: 20px !important;
  }

  .phablet-margin-30 {
    margin: 30px !important;
  }

  .phablet-margin-40 {
    margin: 40px !important;
  }

  .phablet-margin-50 {
    margin: 50px !important;
  }

  .phablet-margin-60 {
    margin: 60px !important;
  }

  .phablet-margin-70 {
    margin: 70px !important;
  }

  .phablet-margin-80 {
    margin: 80px !important;
  }

  .phablet-margin-90 {
    margin: 90px !important;
  }

  .phablet-margin-100 {
    margin: 100px !important;
  }

  .phablet-margin-t-0 {
    margin-top: 0px !important;
  }

  .phablet-margin-t-10 {
    margin-top: 10px !important;
  }

  .phablet-margin-t-20 {
    margin-top: 20px !important;
  }

  .phablet-margin-t-30 {
    margin-top: 30px !important;
  }

  .phablet-margin-t-40 {
    margin-top: 40px !important;
  }

  .phablet-margin-t-50 {
    margin-top: 50px !important;
  }

  .phablet-margin-t-60 {
    margin-top: 60px !important;
  }

  .phablet-margin-t-70 {
    margin-top: 70px !important;
  }

  .phablet-margin-t-80 {
    margin-top: 80px !important;
  }

  .phablet-margin-t-90 {
    margin-top: 90px !important;
  }

  .phablet-margin-t-100 {
    margin-top: 100px !important;
  }

  .phablet-margin-r-0 {
    margin-right: 0px !important;
  }

  .phablet-margin-r-10 {
    margin-right: 10px !important;
  }

  .phablet-margin-r-20 {
    margin-right: 20px !important;
  }

  .phablet-margin-r-30 {
    margin-right: 30px !important;
  }

  .phablet-margin-r-40 {
    margin-right: 40px !important;
  }

  .phablet-margin-r-50 {
    margin-right: 50px !important;
  }

  .phablet-margin-r-60 {
    margin-right: 60px !important;
  }

  .phablet-margin-r-70 {
    margin-right: 70px !important;
  }

  .phablet-margin-r-80 {
    margin-right: 80px !important;
  }

  .phablet-margin-r-90 {
    margin-right: 90px !important;
  }

  .phablet-margin-r-100 {
    margin-right: 100px !important;
  }

  .phablet-margin-b-0 {
    margin-bottom: 0px !important;
  }

  .phablet-margin-b-10 {
    margin-bottom: 10px !important;
  }

  .phablet-margin-b-20 {
    margin-bottom: 20px !important;
  }

  .phablet-margin-b-30 {
    margin-bottom: 30px !important;
  }

  .phablet-margin-b-40 {
    margin-bottom: 40px !important;
  }

  .phablet-margin-b-50 {
    margin-bottom: 50px !important;
  }

  .phablet-margin-b-60 {
    margin-bottom: 60px !important;
  }

  .phablet-margin-b-70 {
    margin-bottom: 70px !important;
  }

  .phablet-margin-b-80 {
    margin-bottom: 80px !important;
  }

  .phablet-margin-b-90 {
    margin-bottom: 90px !important;
  }

  .phablet-margin-b-100 {
    margin-bottom: 100px !important;
  }

  .phablet-margin-l-0 {
    margin-left: 0px !important;
  }

  .phablet-margin-l-10 {
    margin-left: 10px !important;
  }

  .phablet-margin-l-20 {
    margin-left: 20px !important;
  }

  .phablet-margin-l-30 {
    margin-left: 30px !important;
  }

  .phablet-margin-l-40 {
    margin-left: 40px !important;
  }

  .phablet-margin-l-50 {
    margin-left: 50px !important;
  }

  .phablet-margin-l-60 {
    margin-left: 60px !important;
  }

  .phablet-margin-l-70 {
    margin-left: 70px !important;
  }

  .phablet-margin-l-80 {
    margin-left: 80px !important;
  }

  .phablet-margin-l-90 {
    margin-left: 90px !important;
  }

  .phablet-margin-l-100 {
    margin-left: 100px !important;
  }

  .phablet-margin-n-0 {
    margin: 0px !important;
  }

  .phablet-margin-n-10 {
    margin: -10px !important;
  }

  .phablet-margin-n-20 {
    margin: -20px !important;
  }

  .phablet-margin-n-30 {
    margin: -30px !important;
  }

  .phablet-margin-n-40 {
    margin: -40px !important;
  }

  .phablet-margin-n-50 {
    margin: -50px !important;
  }

  .phablet-margin-n-60 {
    margin: -60px !important;
  }

  .phablet-margin-n-70 {
    margin: -70px !important;
  }

  .phablet-margin-n-80 {
    margin: -80px !important;
  }

  .phablet-margin-n-90 {
    margin: -90px !important;
  }

  .phablet-margin-n-100 {
    margin: -100px !important;
  }

  .phablet-margin-t-n-0 {
    margin-top: 0px !important;
  }

  .phablet-margin-t-n-10 {
    margin-top: -10px !important;
  }

  .phablet-margin-t-n-20 {
    margin-top: -20px !important;
  }

  .phablet-margin-t-n-30 {
    margin-top: -30px !important;
  }

  .phablet-margin-t-n-40 {
    margin-top: -40px !important;
  }

  .phablet-margin-t-n-50 {
    margin-top: -50px !important;
  }

  .phablet-margin-t-n-60 {
    margin-top: -60px !important;
  }

  .phablet-margin-t-n-70 {
    margin-top: -70px !important;
  }

  .phablet-margin-t-n-80 {
    margin-top: -80px !important;
  }

  .phablet-margin-t-n-90 {
    margin-top: -90px !important;
  }

  .phablet-margin-t-n-100 {
    margin-top: -100px !important;
  }

  .phablet-margin-r-n-0 {
    margin-right: 0px !important;
  }

  .phablet-margin-r-n-10 {
    margin-right: -10px !important;
  }

  .phablet-margin-r-n-20 {
    margin-right: -20px !important;
  }

  .phablet-margin-r-n-30 {
    margin-right: -30px !important;
  }

  .phablet-margin-r-n-40 {
    margin-right: -40px !important;
  }

  .phablet-margin-r-n-50 {
    margin-right: -50px !important;
  }

  .phablet-margin-r-n-60 {
    margin-right: -60px !important;
  }

  .phablet-margin-r-n-70 {
    margin-right: -70px !important;
  }

  .phablet-margin-r-n-80 {
    margin-right: -80px !important;
  }

  .phablet-margin-r-n-90 {
    margin-right: -90px !important;
  }

  .phablet-margin-r-n-100 {
    margin-right: -100px !important;
  }

  .phablet-margin-b-n-0 {
    margin-bottom: 0px !important;
  }

  .phablet-margin-b-n-10 {
    margin-bottom: -10px !important;
  }

  .phablet-margin-b-n-20 {
    margin-bottom: -20px !important;
  }

  .phablet-margin-b-n-30 {
    margin-bottom: -30px !important;
  }

  .phablet-margin-b-n-40 {
    margin-bottom: -40px !important;
  }

  .phablet-margin-b-n-50 {
    margin-bottom: -50px !important;
  }

  .phablet-margin-b-n-60 {
    margin-bottom: -60px !important;
  }

  .phablet-margin-b-n-70 {
    margin-bottom: -70px !important;
  }

  .phablet-margin-b-n-80 {
    margin-bottom: -80px !important;
  }

  .phablet-margin-b-n-90 {
    margin-bottom: -90px !important;
  }

  .phablet-margin-b-n-100 {
    margin-bottom: -100px !important;
  }

  .phablet-margin-l-n-0 {
    margin-left: 0px !important;
  }

  .phablet-margin-l-n-10 {
    margin-left: -10px !important;
  }

  .phablet-margin-l-n-20 {
    margin-left: -20px !important;
  }

  .phablet-margin-l-n-30 {
    margin-left: -30px !important;
  }

  .phablet-margin-l-n-40 {
    margin-left: -40px !important;
  }

  .phablet-margin-l-n-50 {
    margin-left: -50px !important;
  }

  .phablet-margin-l-n-60 {
    margin-left: -60px !important;
  }

  .phablet-margin-l-n-70 {
    margin-left: -70px !important;
  }

  .phablet-margin-l-n-80 {
    margin-left: -80px !important;
  }

  .phablet-margin-l-n-90 {
    margin-left: -90px !important;
  }

  .phablet-margin-l-n-100 {
    margin-left: -100px !important;
  }

  .phablet-padding-0 {
    padding: 0px !important;
  }

  .phablet-padding-10 {
    padding: 10px !important;
  }

  .phablet-padding-20 {
    padding: 20px !important;
  }

  .phablet-padding-30 {
    padding: 30px !important;
  }

  .phablet-padding-40 {
    padding: 40px !important;
  }

  .phablet-padding-50 {
    padding: 50px !important;
  }

  .phablet-padding-60 {
    padding: 60px !important;
  }

  .phablet-padding-70 {
    padding: 70px !important;
  }

  .phablet-padding-80 {
    padding: 80px !important;
  }

  .phablet-padding-90 {
    padding: 90px !important;
  }

  .phablet-padding-100 {
    padding: 100px !important;
  }

  .phablet-padding-t-0 {
    padding-top: 0px !important;
  }

  .phablet-padding-t-10 {
    padding-top: 10px !important;
  }

  .phablet-padding-t-20 {
    padding-top: 20px !important;
  }

  .phablet-padding-t-30 {
    padding-top: 30px !important;
  }

  .phablet-padding-t-40 {
    padding-top: 40px !important;
  }

  .phablet-padding-t-50 {
    padding-top: 50px !important;
  }

  .phablet-padding-t-60 {
    padding-top: 60px !important;
  }

  .phablet-padding-t-70 {
    padding-top: 70px !important;
  }

  .phablet-padding-t-80 {
    padding-top: 80px !important;
  }

  .phablet-padding-t-90 {
    padding-top: 90px !important;
  }

  .phablet-padding-t-100 {
    padding-top: 100px !important;
  }

  .phablet-padding-r-0 {
    padding-right: 0px !important;
  }

  .phablet-padding-r-10 {
    padding-right: 10px !important;
  }

  .phablet-padding-r-20 {
    padding-right: 20px !important;
  }

  .phablet-padding-r-30 {
    padding-right: 30px !important;
  }

  .phablet-padding-r-40 {
    padding-right: 40px !important;
  }

  .phablet-padding-r-50 {
    padding-right: 50px !important;
  }

  .phablet-padding-r-60 {
    padding-right: 60px !important;
  }

  .phablet-padding-r-70 {
    padding-right: 70px !important;
  }

  .phablet-padding-r-80 {
    padding-right: 80px !important;
  }

  .phablet-padding-r-90 {
    padding-right: 90px !important;
  }

  .phablet-padding-r-100 {
    padding-right: 100px !important;
  }

  .phablet-padding-b-0 {
    padding-bottom: 0px !important;
  }

  .phablet-padding-b-10 {
    padding-bottom: 10px !important;
  }

  .phablet-padding-b-20 {
    padding-bottom: 20px !important;
  }

  .phablet-padding-b-30 {
    padding-bottom: 30px !important;
  }

  .phablet-padding-b-40 {
    padding-bottom: 40px !important;
  }

  .phablet-padding-b-50 {
    padding-bottom: 50px !important;
  }

  .phablet-padding-b-60 {
    padding-bottom: 60px !important;
  }

  .phablet-padding-b-70 {
    padding-bottom: 70px !important;
  }

  .phablet-padding-b-80 {
    padding-bottom: 80px !important;
  }

  .phablet-padding-b-90 {
    padding-bottom: 90px !important;
  }

  .phablet-padding-b-100 {
    padding-bottom: 100px !important;
  }

  .phablet-padding-l-0 {
    padding-left: 0px !important;
  }

  .phablet-padding-l-10 {
    padding-left: 10px !important;
  }

  .phablet-padding-l-20 {
    padding-left: 20px !important;
  }

  .phablet-padding-l-30 {
    padding-left: 30px !important;
  }

  .phablet-padding-l-40 {
    padding-left: 40px !important;
  }

  .phablet-padding-l-50 {
    padding-left: 50px !important;
  }

  .phablet-padding-l-60 {
    padding-left: 60px !important;
  }

  .phablet-padding-l-70 {
    padding-left: 70px !important;
  }

  .phablet-padding-l-80 {
    padding-left: 80px !important;
  }

  .phablet-padding-l-90 {
    padding-left: 90px !important;
  }

  .phablet-padding-l-100 {
    padding-left: 100px !important;
  }
}

@media only screen and (max-width: 47.938em) {
  .mobile-only-margin-0 {
    margin: 0px !important;
  }

  .mobile-only-margin-10 {
    margin: 10px !important;
  }

  .mobile-only-margin-20 {
    margin: 20px !important;
  }

  .mobile-only-margin-30 {
    margin: 30px !important;
  }

  .mobile-only-margin-40 {
    margin: 40px !important;
  }

  .mobile-only-margin-50 {
    margin: 50px !important;
  }

  .mobile-only-margin-60 {
    margin: 60px !important;
  }

  .mobile-only-margin-70 {
    margin: 70px !important;
  }

  .mobile-only-margin-80 {
    margin: 80px !important;
  }

  .mobile-only-margin-90 {
    margin: 90px !important;
  }

  .mobile-only-margin-100 {
    margin: 100px !important;
  }

  .mobile-only-margin-t-0 {
    margin-top: 0px !important;
  }

  .mobile-only-margin-t-10 {
    margin-top: 10px !important;
  }

  .mobile-only-margin-t-20 {
    margin-top: 20px !important;
  }

  .mobile-only-margin-t-30 {
    margin-top: 30px !important;
  }

  .mobile-only-margin-t-40 {
    margin-top: 40px !important;
  }

  .mobile-only-margin-t-50 {
    margin-top: 50px !important;
  }

  .mobile-only-margin-t-60 {
    margin-top: 60px !important;
  }

  .mobile-only-margin-t-70 {
    margin-top: 70px !important;
  }

  .mobile-only-margin-t-80 {
    margin-top: 80px !important;
  }

  .mobile-only-margin-t-90 {
    margin-top: 90px !important;
  }

  .mobile-only-margin-t-100 {
    margin-top: 100px !important;
  }

  .mobile-only-margin-r-0 {
    margin-right: 0px !important;
  }

  .mobile-only-margin-r-10 {
    margin-right: 10px !important;
  }

  .mobile-only-margin-r-20 {
    margin-right: 20px !important;
  }

  .mobile-only-margin-r-30 {
    margin-right: 30px !important;
  }

  .mobile-only-margin-r-40 {
    margin-right: 40px !important;
  }

  .mobile-only-margin-r-50 {
    margin-right: 50px !important;
  }

  .mobile-only-margin-r-60 {
    margin-right: 60px !important;
  }

  .mobile-only-margin-r-70 {
    margin-right: 70px !important;
  }

  .mobile-only-margin-r-80 {
    margin-right: 80px !important;
  }

  .mobile-only-margin-r-90 {
    margin-right: 90px !important;
  }

  .mobile-only-margin-r-100 {
    margin-right: 100px !important;
  }

  .mobile-only-margin-b-0 {
    margin-bottom: 0px !important;
  }

  .mobile-only-margin-b-10 {
    margin-bottom: 10px !important;
  }

  .mobile-only-margin-b-20 {
    margin-bottom: 20px !important;
  }

  .mobile-only-margin-b-30 {
    margin-bottom: 30px !important;
  }

  .mobile-only-margin-b-40 {
    margin-bottom: 40px !important;
  }

  .mobile-only-margin-b-50 {
    margin-bottom: 50px !important;
  }

  .mobile-only-margin-b-60 {
    margin-bottom: 60px !important;
  }

  .mobile-only-margin-b-70 {
    margin-bottom: 70px !important;
  }

  .mobile-only-margin-b-80 {
    margin-bottom: 80px !important;
  }

  .mobile-only-margin-b-90 {
    margin-bottom: 90px !important;
  }

  .mobile-only-margin-b-100 {
    margin-bottom: 100px !important;
  }

  .mobile-only-margin-l-0 {
    margin-left: 0px !important;
  }

  .mobile-only-margin-l-10 {
    margin-left: 10px !important;
  }

  .mobile-only-margin-l-20 {
    margin-left: 20px !important;
  }

  .mobile-only-margin-l-30 {
    margin-left: 30px !important;
  }

  .mobile-only-margin-l-40 {
    margin-left: 40px !important;
  }

  .mobile-only-margin-l-50 {
    margin-left: 50px !important;
  }

  .mobile-only-margin-l-60 {
    margin-left: 60px !important;
  }

  .mobile-only-margin-l-70 {
    margin-left: 70px !important;
  }

  .mobile-only-margin-l-80 {
    margin-left: 80px !important;
  }

  .mobile-only-margin-l-90 {
    margin-left: 90px !important;
  }

  .mobile-only-margin-l-100 {
    margin-left: 100px !important;
  }

  .mobile-only-margin-n-0 {
    margin: 0px !important;
  }

  .mobile-only-margin-n-10 {
    margin: -10px !important;
  }

  .mobile-only-margin-n-20 {
    margin: -20px !important;
  }

  .mobile-only-margin-n-30 {
    margin: -30px !important;
  }

  .mobile-only-margin-n-40 {
    margin: -40px !important;
  }

  .mobile-only-margin-n-50 {
    margin: -50px !important;
  }

  .mobile-only-margin-n-60 {
    margin: -60px !important;
  }

  .mobile-only-margin-n-70 {
    margin: -70px !important;
  }

  .mobile-only-margin-n-80 {
    margin: -80px !important;
  }

  .mobile-only-margin-n-90 {
    margin: -90px !important;
  }

  .mobile-only-margin-n-100 {
    margin: -100px !important;
  }

  .mobile-only-margin-t-n-0 {
    margin-top: 0px !important;
  }

  .mobile-only-margin-t-n-10 {
    margin-top: -10px !important;
  }

  .mobile-only-margin-t-n-20 {
    margin-top: -20px !important;
  }

  .mobile-only-margin-t-n-30 {
    margin-top: -30px !important;
  }

  .mobile-only-margin-t-n-40 {
    margin-top: -40px !important;
  }

  .mobile-only-margin-t-n-50 {
    margin-top: -50px !important;
  }

  .mobile-only-margin-t-n-60 {
    margin-top: -60px !important;
  }

  .mobile-only-margin-t-n-70 {
    margin-top: -70px !important;
  }

  .mobile-only-margin-t-n-80 {
    margin-top: -80px !important;
  }

  .mobile-only-margin-t-n-90 {
    margin-top: -90px !important;
  }

  .mobile-only-margin-t-n-100 {
    margin-top: -100px !important;
  }

  .mobile-only-margin-r-n-0 {
    margin-right: 0px !important;
  }

  .mobile-only-margin-r-n-10 {
    margin-right: -10px !important;
  }

  .mobile-only-margin-r-n-20 {
    margin-right: -20px !important;
  }

  .mobile-only-margin-r-n-30 {
    margin-right: -30px !important;
  }

  .mobile-only-margin-r-n-40 {
    margin-right: -40px !important;
  }

  .mobile-only-margin-r-n-50 {
    margin-right: -50px !important;
  }

  .mobile-only-margin-r-n-60 {
    margin-right: -60px !important;
  }

  .mobile-only-margin-r-n-70 {
    margin-right: -70px !important;
  }

  .mobile-only-margin-r-n-80 {
    margin-right: -80px !important;
  }

  .mobile-only-margin-r-n-90 {
    margin-right: -90px !important;
  }

  .mobile-only-margin-r-n-100 {
    margin-right: -100px !important;
  }

  .mobile-only-margin-b-n-0 {
    margin-bottom: 0px !important;
  }

  .mobile-only-margin-b-n-10 {
    margin-bottom: -10px !important;
  }

  .mobile-only-margin-b-n-20 {
    margin-bottom: -20px !important;
  }

  .mobile-only-margin-b-n-30 {
    margin-bottom: -30px !important;
  }

  .mobile-only-margin-b-n-40 {
    margin-bottom: -40px !important;
  }

  .mobile-only-margin-b-n-50 {
    margin-bottom: -50px !important;
  }

  .mobile-only-margin-b-n-60 {
    margin-bottom: -60px !important;
  }

  .mobile-only-margin-b-n-70 {
    margin-bottom: -70px !important;
  }

  .mobile-only-margin-b-n-80 {
    margin-bottom: -80px !important;
  }

  .mobile-only-margin-b-n-90 {
    margin-bottom: -90px !important;
  }

  .mobile-only-margin-b-n-100 {
    margin-bottom: -100px !important;
  }

  .mobile-only-margin-l-n-0 {
    margin-left: 0px !important;
  }

  .mobile-only-margin-l-n-10 {
    margin-left: -10px !important;
  }

  .mobile-only-margin-l-n-20 {
    margin-left: -20px !important;
  }

  .mobile-only-margin-l-n-30 {
    margin-left: -30px !important;
  }

  .mobile-only-margin-l-n-40 {
    margin-left: -40px !important;
  }

  .mobile-only-margin-l-n-50 {
    margin-left: -50px !important;
  }

  .mobile-only-margin-l-n-60 {
    margin-left: -60px !important;
  }

  .mobile-only-margin-l-n-70 {
    margin-left: -70px !important;
  }

  .mobile-only-margin-l-n-80 {
    margin-left: -80px !important;
  }

  .mobile-only-margin-l-n-90 {
    margin-left: -90px !important;
  }

  .mobile-only-margin-l-n-100 {
    margin-left: -100px !important;
  }

  .mobile-only-padding-0 {
    padding: 0px !important;
  }

  .mobile-only-padding-10 {
    padding: 10px !important;
  }

  .mobile-only-padding-20 {
    padding: 20px !important;
  }

  .mobile-only-padding-30 {
    padding: 30px !important;
  }

  .mobile-only-padding-40 {
    padding: 40px !important;
  }

  .mobile-only-padding-50 {
    padding: 50px !important;
  }

  .mobile-only-padding-60 {
    padding: 60px !important;
  }

  .mobile-only-padding-70 {
    padding: 70px !important;
  }

  .mobile-only-padding-80 {
    padding: 80px !important;
  }

  .mobile-only-padding-90 {
    padding: 90px !important;
  }

  .mobile-only-padding-100 {
    padding: 100px !important;
  }

  .mobile-only-padding-t-0 {
    padding-top: 0px !important;
  }

  .mobile-only-padding-t-10 {
    padding-top: 10px !important;
  }

  .mobile-only-padding-t-20 {
    padding-top: 20px !important;
  }

  .mobile-only-padding-t-30 {
    padding-top: 30px !important;
  }

  .mobile-only-padding-t-40 {
    padding-top: 40px !important;
  }

  .mobile-only-padding-t-50 {
    padding-top: 50px !important;
  }

  .mobile-only-padding-t-60 {
    padding-top: 60px !important;
  }

  .mobile-only-padding-t-70 {
    padding-top: 70px !important;
  }

  .mobile-only-padding-t-80 {
    padding-top: 80px !important;
  }

  .mobile-only-padding-t-90 {
    padding-top: 90px !important;
  }

  .mobile-only-padding-t-100 {
    padding-top: 100px !important;
  }

  .mobile-only-padding-r-0 {
    padding-right: 0px !important;
  }

  .mobile-only-padding-r-10 {
    padding-right: 10px !important;
  }

  .mobile-only-padding-r-20 {
    padding-right: 20px !important;
  }

  .mobile-only-padding-r-30 {
    padding-right: 30px !important;
  }

  .mobile-only-padding-r-40 {
    padding-right: 40px !important;
  }

  .mobile-only-padding-r-50 {
    padding-right: 50px !important;
  }

  .mobile-only-padding-r-60 {
    padding-right: 60px !important;
  }

  .mobile-only-padding-r-70 {
    padding-right: 70px !important;
  }

  .mobile-only-padding-r-80 {
    padding-right: 80px !important;
  }

  .mobile-only-padding-r-90 {
    padding-right: 90px !important;
  }

  .mobile-only-padding-r-100 {
    padding-right: 100px !important;
  }

  .mobile-only-padding-b-0 {
    padding-bottom: 0px !important;
  }

  .mobile-only-padding-b-10 {
    padding-bottom: 10px !important;
  }

  .mobile-only-padding-b-20 {
    padding-bottom: 20px !important;
  }

  .mobile-only-padding-b-30 {
    padding-bottom: 30px !important;
  }

  .mobile-only-padding-b-40 {
    padding-bottom: 40px !important;
  }

  .mobile-only-padding-b-50 {
    padding-bottom: 50px !important;
  }

  .mobile-only-padding-b-60 {
    padding-bottom: 60px !important;
  }

  .mobile-only-padding-b-70 {
    padding-bottom: 70px !important;
  }

  .mobile-only-padding-b-80 {
    padding-bottom: 80px !important;
  }

  .mobile-only-padding-b-90 {
    padding-bottom: 90px !important;
  }

  .mobile-only-padding-b-100 {
    padding-bottom: 100px !important;
  }

  .mobile-only-padding-l-0 {
    padding-left: 0px !important;
  }

  .mobile-only-padding-l-10 {
    padding-left: 10px !important;
  }

  .mobile-only-padding-l-20 {
    padding-left: 20px !important;
  }

  .mobile-only-padding-l-30 {
    padding-left: 30px !important;
  }

  .mobile-only-padding-l-40 {
    padding-left: 40px !important;
  }

  .mobile-only-padding-l-50 {
    padding-left: 50px !important;
  }

  .mobile-only-padding-l-60 {
    padding-left: 60px !important;
  }

  .mobile-only-padding-l-70 {
    padding-left: 70px !important;
  }

  .mobile-only-padding-l-80 {
    padding-left: 80px !important;
  }

  .mobile-only-padding-l-90 {
    padding-left: 90px !important;
  }

  .mobile-only-padding-l-100 {
    padding-left: 100px !important;
  }
}

@media only screen and (min-width: 48em) and (max-width: 64.313em) {
  .medium-only-margin-0 {
    margin: 0px !important;
  }

  .medium-only-margin-10 {
    margin: 10px !important;
  }

  .medium-only-margin-20 {
    margin: 20px !important;
  }

  .medium-only-margin-30 {
    margin: 30px !important;
  }

  .medium-only-margin-40 {
    margin: 40px !important;
  }

  .medium-only-margin-50 {
    margin: 50px !important;
  }

  .medium-only-margin-60 {
    margin: 60px !important;
  }

  .medium-only-margin-70 {
    margin: 70px !important;
  }

  .medium-only-margin-80 {
    margin: 80px !important;
  }

  .medium-only-margin-90 {
    margin: 90px !important;
  }

  .medium-only-margin-100 {
    margin: 100px !important;
  }

  .medium-only-margin-t-0 {
    margin-top: 0px !important;
  }

  .medium-only-margin-t-10 {
    margin-top: 10px !important;
  }

  .medium-only-margin-t-20 {
    margin-top: 20px !important;
  }

  .medium-only-margin-t-30 {
    margin-top: 30px !important;
  }

  .medium-only-margin-t-40 {
    margin-top: 40px !important;
  }

  .medium-only-margin-t-50 {
    margin-top: 50px !important;
  }

  .medium-only-margin-t-60 {
    margin-top: 60px !important;
  }

  .medium-only-margin-t-70 {
    margin-top: 70px !important;
  }

  .medium-only-margin-t-80 {
    margin-top: 80px !important;
  }

  .medium-only-margin-t-90 {
    margin-top: 90px !important;
  }

  .medium-only-margin-t-100 {
    margin-top: 100px !important;
  }

  .medium-only-margin-r-0 {
    margin-right: 0px !important;
  }

  .medium-only-margin-r-10 {
    margin-right: 10px !important;
  }

  .medium-only-margin-r-20 {
    margin-right: 20px !important;
  }

  .medium-only-margin-r-30 {
    margin-right: 30px !important;
  }

  .medium-only-margin-r-40 {
    margin-right: 40px !important;
  }

  .medium-only-margin-r-50 {
    margin-right: 50px !important;
  }

  .medium-only-margin-r-60 {
    margin-right: 60px !important;
  }

  .medium-only-margin-r-70 {
    margin-right: 70px !important;
  }

  .medium-only-margin-r-80 {
    margin-right: 80px !important;
  }

  .medium-only-margin-r-90 {
    margin-right: 90px !important;
  }

  .medium-only-margin-r-100 {
    margin-right: 100px !important;
  }

  .medium-only-margin-b-0 {
    margin-bottom: 0px !important;
  }

  .medium-only-margin-b-10 {
    margin-bottom: 10px !important;
  }

  .medium-only-margin-b-20 {
    margin-bottom: 20px !important;
  }

  .medium-only-margin-b-30 {
    margin-bottom: 30px !important;
  }

  .medium-only-margin-b-40 {
    margin-bottom: 40px !important;
  }

  .medium-only-margin-b-50 {
    margin-bottom: 50px !important;
  }

  .medium-only-margin-b-60 {
    margin-bottom: 60px !important;
  }

  .medium-only-margin-b-70 {
    margin-bottom: 70px !important;
  }

  .medium-only-margin-b-80 {
    margin-bottom: 80px !important;
  }

  .medium-only-margin-b-90 {
    margin-bottom: 90px !important;
  }

  .medium-only-margin-b-100 {
    margin-bottom: 100px !important;
  }

  .medium-only-margin-l-0 {
    margin-left: 0px !important;
  }

  .medium-only-margin-l-10 {
    margin-left: 10px !important;
  }

  .medium-only-margin-l-20 {
    margin-left: 20px !important;
  }

  .medium-only-margin-l-30 {
    margin-left: 30px !important;
  }

  .medium-only-margin-l-40 {
    margin-left: 40px !important;
  }

  .medium-only-margin-l-50 {
    margin-left: 50px !important;
  }

  .medium-only-margin-l-60 {
    margin-left: 60px !important;
  }

  .medium-only-margin-l-70 {
    margin-left: 70px !important;
  }

  .medium-only-margin-l-80 {
    margin-left: 80px !important;
  }

  .medium-only-margin-l-90 {
    margin-left: 90px !important;
  }

  .medium-only-margin-l-100 {
    margin-left: 100px !important;
  }

  .medium-only-margin-n-0 {
    margin: 0px !important;
  }

  .medium-only-margin-n-10 {
    margin: -10px !important;
  }

  .medium-only-margin-n-20 {
    margin: -20px !important;
  }

  .medium-only-margin-n-30 {
    margin: -30px !important;
  }

  .medium-only-margin-n-40 {
    margin: -40px !important;
  }

  .medium-only-margin-n-50 {
    margin: -50px !important;
  }

  .medium-only-margin-n-60 {
    margin: -60px !important;
  }

  .medium-only-margin-n-70 {
    margin: -70px !important;
  }

  .medium-only-margin-n-80 {
    margin: -80px !important;
  }

  .medium-only-margin-n-90 {
    margin: -90px !important;
  }

  .medium-only-margin-n-100 {
    margin: -100px !important;
  }

  .medium-only-margin-t-n-0 {
    margin-top: 0px !important;
  }

  .medium-only-margin-t-n-10 {
    margin-top: -10px !important;
  }

  .medium-only-margin-t-n-20 {
    margin-top: -20px !important;
  }

  .medium-only-margin-t-n-30 {
    margin-top: -30px !important;
  }

  .medium-only-margin-t-n-40 {
    margin-top: -40px !important;
  }

  .medium-only-margin-t-n-50 {
    margin-top: -50px !important;
  }

  .medium-only-margin-t-n-60 {
    margin-top: -60px !important;
  }

  .medium-only-margin-t-n-70 {
    margin-top: -70px !important;
  }

  .medium-only-margin-t-n-80 {
    margin-top: -80px !important;
  }

  .medium-only-margin-t-n-90 {
    margin-top: -90px !important;
  }

  .medium-only-margin-t-n-100 {
    margin-top: -100px !important;
  }

  .medium-only-margin-r-n-0 {
    margin-right: 0px !important;
  }

  .medium-only-margin-r-n-10 {
    margin-right: -10px !important;
  }

  .medium-only-margin-r-n-20 {
    margin-right: -20px !important;
  }

  .medium-only-margin-r-n-30 {
    margin-right: -30px !important;
  }

  .medium-only-margin-r-n-40 {
    margin-right: -40px !important;
  }

  .medium-only-margin-r-n-50 {
    margin-right: -50px !important;
  }

  .medium-only-margin-r-n-60 {
    margin-right: -60px !important;
  }

  .medium-only-margin-r-n-70 {
    margin-right: -70px !important;
  }

  .medium-only-margin-r-n-80 {
    margin-right: -80px !important;
  }

  .medium-only-margin-r-n-90 {
    margin-right: -90px !important;
  }

  .medium-only-margin-r-n-100 {
    margin-right: -100px !important;
  }

  .medium-only-margin-b-n-0 {
    margin-bottom: 0px !important;
  }

  .medium-only-margin-b-n-10 {
    margin-bottom: -10px !important;
  }

  .medium-only-margin-b-n-20 {
    margin-bottom: -20px !important;
  }

  .medium-only-margin-b-n-30 {
    margin-bottom: -30px !important;
  }

  .medium-only-margin-b-n-40 {
    margin-bottom: -40px !important;
  }

  .medium-only-margin-b-n-50 {
    margin-bottom: -50px !important;
  }

  .medium-only-margin-b-n-60 {
    margin-bottom: -60px !important;
  }

  .medium-only-margin-b-n-70 {
    margin-bottom: -70px !important;
  }

  .medium-only-margin-b-n-80 {
    margin-bottom: -80px !important;
  }

  .medium-only-margin-b-n-90 {
    margin-bottom: -90px !important;
  }

  .medium-only-margin-b-n-100 {
    margin-bottom: -100px !important;
  }

  .medium-only-margin-l-n-0 {
    margin-left: 0px !important;
  }

  .medium-only-margin-l-n-10 {
    margin-left: -10px !important;
  }

  .medium-only-margin-l-n-20 {
    margin-left: -20px !important;
  }

  .medium-only-margin-l-n-30 {
    margin-left: -30px !important;
  }

  .medium-only-margin-l-n-40 {
    margin-left: -40px !important;
  }

  .medium-only-margin-l-n-50 {
    margin-left: -50px !important;
  }

  .medium-only-margin-l-n-60 {
    margin-left: -60px !important;
  }

  .medium-only-margin-l-n-70 {
    margin-left: -70px !important;
  }

  .medium-only-margin-l-n-80 {
    margin-left: -80px !important;
  }

  .medium-only-margin-l-n-90 {
    margin-left: -90px !important;
  }

  .medium-only-margin-l-n-100 {
    margin-left: -100px !important;
  }

  .medium-only-padding-0 {
    padding: 0px !important;
  }

  .medium-only-padding-10 {
    padding: 10px !important;
  }

  .medium-only-padding-20 {
    padding: 20px !important;
  }

  .medium-only-padding-30 {
    padding: 30px !important;
  }

  .medium-only-padding-40 {
    padding: 40px !important;
  }

  .medium-only-padding-50 {
    padding: 50px !important;
  }

  .medium-only-padding-60 {
    padding: 60px !important;
  }

  .medium-only-padding-70 {
    padding: 70px !important;
  }

  .medium-only-padding-80 {
    padding: 80px !important;
  }

  .medium-only-padding-90 {
    padding: 90px !important;
  }

  .medium-only-padding-100 {
    padding: 100px !important;
  }

  .medium-only-padding-t-0 {
    padding-top: 0px !important;
  }

  .medium-only-padding-t-10 {
    padding-top: 10px !important;
  }

  .medium-only-padding-t-20 {
    padding-top: 20px !important;
  }

  .medium-only-padding-t-30 {
    padding-top: 30px !important;
  }

  .medium-only-padding-t-40 {
    padding-top: 40px !important;
  }

  .medium-only-padding-t-50 {
    padding-top: 50px !important;
  }

  .medium-only-padding-t-60 {
    padding-top: 60px !important;
  }

  .medium-only-padding-t-70 {
    padding-top: 70px !important;
  }

  .medium-only-padding-t-80 {
    padding-top: 80px !important;
  }

  .medium-only-padding-t-90 {
    padding-top: 90px !important;
  }

  .medium-only-padding-t-100 {
    padding-top: 100px !important;
  }

  .medium-only-padding-r-0 {
    padding-right: 0px !important;
  }

  .medium-only-padding-r-10 {
    padding-right: 10px !important;
  }

  .medium-only-padding-r-20 {
    padding-right: 20px !important;
  }

  .medium-only-padding-r-30 {
    padding-right: 30px !important;
  }

  .medium-only-padding-r-40 {
    padding-right: 40px !important;
  }

  .medium-only-padding-r-50 {
    padding-right: 50px !important;
  }

  .medium-only-padding-r-60 {
    padding-right: 60px !important;
  }

  .medium-only-padding-r-70 {
    padding-right: 70px !important;
  }

  .medium-only-padding-r-80 {
    padding-right: 80px !important;
  }

  .medium-only-padding-r-90 {
    padding-right: 90px !important;
  }

  .medium-only-padding-r-100 {
    padding-right: 100px !important;
  }

  .medium-only-padding-b-0 {
    padding-bottom: 0px !important;
  }

  .medium-only-padding-b-10 {
    padding-bottom: 10px !important;
  }

  .medium-only-padding-b-20 {
    padding-bottom: 20px !important;
  }

  .medium-only-padding-b-30 {
    padding-bottom: 30px !important;
  }

  .medium-only-padding-b-40 {
    padding-bottom: 40px !important;
  }

  .medium-only-padding-b-50 {
    padding-bottom: 50px !important;
  }

  .medium-only-padding-b-60 {
    padding-bottom: 60px !important;
  }

  .medium-only-padding-b-70 {
    padding-bottom: 70px !important;
  }

  .medium-only-padding-b-80 {
    padding-bottom: 80px !important;
  }

  .medium-only-padding-b-90 {
    padding-bottom: 90px !important;
  }

  .medium-only-padding-b-100 {
    padding-bottom: 100px !important;
  }

  .medium-only-padding-l-0 {
    padding-left: 0px !important;
  }

  .medium-only-padding-l-10 {
    padding-left: 10px !important;
  }

  .medium-only-padding-l-20 {
    padding-left: 20px !important;
  }

  .medium-only-padding-l-30 {
    padding-left: 30px !important;
  }

  .medium-only-padding-l-40 {
    padding-left: 40px !important;
  }

  .medium-only-padding-l-50 {
    padding-left: 50px !important;
  }

  .medium-only-padding-l-60 {
    padding-left: 60px !important;
  }

  .medium-only-padding-l-70 {
    padding-left: 70px !important;
  }

  .medium-only-padding-l-80 {
    padding-left: 80px !important;
  }

  .medium-only-padding-l-90 {
    padding-left: 90px !important;
  }

  .medium-only-padding-l-100 {
    padding-left: 100px !important;
  }
}

@media only screen and (min-width: 48em) {
  .medium-margin-0 {
    margin: 0px !important;
  }

  .medium-margin-10 {
    margin: 10px !important;
  }

  .medium-margin-20 {
    margin: 20px !important;
  }

  .medium-margin-30 {
    margin: 30px !important;
  }

  .medium-margin-40 {
    margin: 40px !important;
  }

  .medium-margin-50 {
    margin: 50px !important;
  }

  .medium-margin-60 {
    margin: 60px !important;
  }

  .medium-margin-70 {
    margin: 70px !important;
  }

  .medium-margin-80 {
    margin: 80px !important;
  }

  .medium-margin-90 {
    margin: 90px !important;
  }

  .medium-margin-100 {
    margin: 100px !important;
  }

  .medium-margin-t-0 {
    margin-top: 0px !important;
  }

  .medium-margin-t-10 {
    margin-top: 10px !important;
  }

  .medium-margin-t-20 {
    margin-top: 20px !important;
  }

  .medium-margin-t-30 {
    margin-top: 30px !important;
  }

  .medium-margin-t-40 {
    margin-top: 40px !important;
  }

  .medium-margin-t-50 {
    margin-top: 50px !important;
  }

  .medium-margin-t-60 {
    margin-top: 60px !important;
  }

  .medium-margin-t-70 {
    margin-top: 70px !important;
  }

  .medium-margin-t-80 {
    margin-top: 80px !important;
  }

  .medium-margin-t-90 {
    margin-top: 90px !important;
  }

  .medium-margin-t-100 {
    margin-top: 100px !important;
  }

  .medium-margin-r-0 {
    margin-right: 0px !important;
  }

  .medium-margin-r-10 {
    margin-right: 10px !important;
  }

  .medium-margin-r-20 {
    margin-right: 20px !important;
  }

  .medium-margin-r-30 {
    margin-right: 30px !important;
  }

  .medium-margin-r-40 {
    margin-right: 40px !important;
  }

  .medium-margin-r-50 {
    margin-right: 50px !important;
  }

  .medium-margin-r-60 {
    margin-right: 60px !important;
  }

  .medium-margin-r-70 {
    margin-right: 70px !important;
  }

  .medium-margin-r-80 {
    margin-right: 80px !important;
  }

  .medium-margin-r-90 {
    margin-right: 90px !important;
  }

  .medium-margin-r-100 {
    margin-right: 100px !important;
  }

  .medium-margin-b-0 {
    margin-bottom: 0px !important;
  }

  .medium-margin-b-10 {
    margin-bottom: 10px !important;
  }

  .medium-margin-b-20 {
    margin-bottom: 20px !important;
  }

  .medium-margin-b-30 {
    margin-bottom: 30px !important;
  }

  .medium-margin-b-40 {
    margin-bottom: 40px !important;
  }

  .medium-margin-b-50 {
    margin-bottom: 50px !important;
  }

  .medium-margin-b-60 {
    margin-bottom: 60px !important;
  }

  .medium-margin-b-70 {
    margin-bottom: 70px !important;
  }

  .medium-margin-b-80 {
    margin-bottom: 80px !important;
  }

  .medium-margin-b-90 {
    margin-bottom: 90px !important;
  }

  .medium-margin-b-100 {
    margin-bottom: 100px !important;
  }

  .medium-margin-l-0 {
    margin-left: 0px !important;
  }

  .medium-margin-l-10 {
    margin-left: 10px !important;
  }

  .medium-margin-l-20 {
    margin-left: 20px !important;
  }

  .medium-margin-l-30 {
    margin-left: 30px !important;
  }

  .medium-margin-l-40 {
    margin-left: 40px !important;
  }

  .medium-margin-l-50 {
    margin-left: 50px !important;
  }

  .medium-margin-l-60 {
    margin-left: 60px !important;
  }

  .medium-margin-l-70 {
    margin-left: 70px !important;
  }

  .medium-margin-l-80 {
    margin-left: 80px !important;
  }

  .medium-margin-l-90 {
    margin-left: 90px !important;
  }

  .medium-margin-l-100 {
    margin-left: 100px !important;
  }

  .medium-margin-n-0 {
    margin: 0px !important;
  }

  .medium-margin-n-10 {
    margin: -10px !important;
  }

  .medium-margin-n-20 {
    margin: -20px !important;
  }

  .medium-margin-n-30 {
    margin: -30px !important;
  }

  .medium-margin-n-40 {
    margin: -40px !important;
  }

  .medium-margin-n-50 {
    margin: -50px !important;
  }

  .medium-margin-n-60 {
    margin: -60px !important;
  }

  .medium-margin-n-70 {
    margin: -70px !important;
  }

  .medium-margin-n-80 {
    margin: -80px !important;
  }

  .medium-margin-n-90 {
    margin: -90px !important;
  }

  .medium-margin-n-100 {
    margin: -100px !important;
  }

  .medium-margin-t-n-0 {
    margin-top: 0px !important;
  }

  .medium-margin-t-n-10 {
    margin-top: -10px !important;
  }

  .medium-margin-t-n-20 {
    margin-top: -20px !important;
  }

  .medium-margin-t-n-30 {
    margin-top: -30px !important;
  }

  .medium-margin-t-n-40 {
    margin-top: -40px !important;
  }

  .medium-margin-t-n-50 {
    margin-top: -50px !important;
  }

  .medium-margin-t-n-60 {
    margin-top: -60px !important;
  }

  .medium-margin-t-n-70 {
    margin-top: -70px !important;
  }

  .medium-margin-t-n-80 {
    margin-top: -80px !important;
  }

  .medium-margin-t-n-90 {
    margin-top: -90px !important;
  }

  .medium-margin-t-n-100 {
    margin-top: -100px !important;
  }

  .medium-margin-r-n-0 {
    margin-right: 0px !important;
  }

  .medium-margin-r-n-10 {
    margin-right: -10px !important;
  }

  .medium-margin-r-n-20 {
    margin-right: -20px !important;
  }

  .medium-margin-r-n-30 {
    margin-right: -30px !important;
  }

  .medium-margin-r-n-40 {
    margin-right: -40px !important;
  }

  .medium-margin-r-n-50 {
    margin-right: -50px !important;
  }

  .medium-margin-r-n-60 {
    margin-right: -60px !important;
  }

  .medium-margin-r-n-70 {
    margin-right: -70px !important;
  }

  .medium-margin-r-n-80 {
    margin-right: -80px !important;
  }

  .medium-margin-r-n-90 {
    margin-right: -90px !important;
  }

  .medium-margin-r-n-100 {
    margin-right: -100px !important;
  }

  .medium-margin-b-n-0 {
    margin-bottom: 0px !important;
  }

  .medium-margin-b-n-10 {
    margin-bottom: -10px !important;
  }

  .medium-margin-b-n-20 {
    margin-bottom: -20px !important;
  }

  .medium-margin-b-n-30 {
    margin-bottom: -30px !important;
  }

  .medium-margin-b-n-40 {
    margin-bottom: -40px !important;
  }

  .medium-margin-b-n-50 {
    margin-bottom: -50px !important;
  }

  .medium-margin-b-n-60 {
    margin-bottom: -60px !important;
  }

  .medium-margin-b-n-70 {
    margin-bottom: -70px !important;
  }

  .medium-margin-b-n-80 {
    margin-bottom: -80px !important;
  }

  .medium-margin-b-n-90 {
    margin-bottom: -90px !important;
  }

  .medium-margin-b-n-100 {
    margin-bottom: -100px !important;
  }

  .medium-margin-l-n-0 {
    margin-left: 0px !important;
  }

  .medium-margin-l-n-10 {
    margin-left: -10px !important;
  }

  .medium-margin-l-n-20 {
    margin-left: -20px !important;
  }

  .medium-margin-l-n-30 {
    margin-left: -30px !important;
  }

  .medium-margin-l-n-40 {
    margin-left: -40px !important;
  }

  .medium-margin-l-n-50 {
    margin-left: -50px !important;
  }

  .medium-margin-l-n-60 {
    margin-left: -60px !important;
  }

  .medium-margin-l-n-70 {
    margin-left: -70px !important;
  }

  .medium-margin-l-n-80 {
    margin-left: -80px !important;
  }

  .medium-margin-l-n-90 {
    margin-left: -90px !important;
  }

  .medium-margin-l-n-100 {
    margin-left: -100px !important;
  }

  .medium-padding-0 {
    padding: 0px !important;
  }

  .medium-padding-10 {
    padding: 10px !important;
  }

  .medium-padding-20 {
    padding: 20px !important;
  }

  .medium-padding-30 {
    padding: 30px !important;
  }

  .medium-padding-40 {
    padding: 40px !important;
  }

  .medium-padding-50 {
    padding: 50px !important;
  }

  .medium-padding-60 {
    padding: 60px !important;
  }

  .medium-padding-70 {
    padding: 70px !important;
  }

  .medium-padding-80 {
    padding: 80px !important;
  }

  .medium-padding-90 {
    padding: 90px !important;
  }

  .medium-padding-100 {
    padding: 100px !important;
  }

  .medium-padding-t-0 {
    padding-top: 0px !important;
  }

  .medium-padding-t-10 {
    padding-top: 10px !important;
  }

  .medium-padding-t-20 {
    padding-top: 20px !important;
  }

  .medium-padding-t-30 {
    padding-top: 30px !important;
  }

  .medium-padding-t-40 {
    padding-top: 40px !important;
  }

  .medium-padding-t-50 {
    padding-top: 50px !important;
  }

  .medium-padding-t-60 {
    padding-top: 60px !important;
  }

  .medium-padding-t-70 {
    padding-top: 70px !important;
  }

  .medium-padding-t-80 {
    padding-top: 80px !important;
  }

  .medium-padding-t-90 {
    padding-top: 90px !important;
  }

  .medium-padding-t-100 {
    padding-top: 100px !important;
  }

  .medium-padding-r-0 {
    padding-right: 0px !important;
  }

  .medium-padding-r-10 {
    padding-right: 10px !important;
  }

  .medium-padding-r-20 {
    padding-right: 20px !important;
  }

  .medium-padding-r-30 {
    padding-right: 30px !important;
  }

  .medium-padding-r-40 {
    padding-right: 40px !important;
  }

  .medium-padding-r-50 {
    padding-right: 50px !important;
  }

  .medium-padding-r-60 {
    padding-right: 60px !important;
  }

  .medium-padding-r-70 {
    padding-right: 70px !important;
  }

  .medium-padding-r-80 {
    padding-right: 80px !important;
  }

  .medium-padding-r-90 {
    padding-right: 90px !important;
  }

  .medium-padding-r-100 {
    padding-right: 100px !important;
  }

  .medium-padding-b-0 {
    padding-bottom: 0px !important;
  }

  .medium-padding-b-10 {
    padding-bottom: 10px !important;
  }

  .medium-padding-b-20 {
    padding-bottom: 20px !important;
  }

  .medium-padding-b-30 {
    padding-bottom: 30px !important;
  }

  .medium-padding-b-40 {
    padding-bottom: 40px !important;
  }

  .medium-padding-b-50 {
    padding-bottom: 50px !important;
  }

  .medium-padding-b-60 {
    padding-bottom: 60px !important;
  }

  .medium-padding-b-70 {
    padding-bottom: 70px !important;
  }

  .medium-padding-b-80 {
    padding-bottom: 80px !important;
  }

  .medium-padding-b-90 {
    padding-bottom: 90px !important;
  }

  .medium-padding-b-100 {
    padding-bottom: 100px !important;
  }

  .medium-padding-l-0 {
    padding-left: 0px !important;
  }

  .medium-padding-l-10 {
    padding-left: 10px !important;
  }

  .medium-padding-l-20 {
    padding-left: 20px !important;
  }

  .medium-padding-l-30 {
    padding-left: 30px !important;
  }

  .medium-padding-l-40 {
    padding-left: 40px !important;
  }

  .medium-padding-l-50 {
    padding-left: 50px !important;
  }

  .medium-padding-l-60 {
    padding-left: 60px !important;
  }

  .medium-padding-l-70 {
    padding-left: 70px !important;
  }

  .medium-padding-l-80 {
    padding-left: 80px !important;
  }

  .medium-padding-l-90 {
    padding-left: 90px !important;
  }

  .medium-padding-l-100 {
    padding-left: 100px !important;
  }
}

@media only screen and (min-width: 64.375em) and (max-width: 77.438em) {
  .large-only-margin-0 {
    margin: 0px !important;
  }

  .large-only-margin-10 {
    margin: 10px !important;
  }

  .large-only-margin-20 {
    margin: 20px !important;
  }

  .large-only-margin-30 {
    margin: 30px !important;
  }

  .large-only-margin-40 {
    margin: 40px !important;
  }

  .large-only-margin-50 {
    margin: 50px !important;
  }

  .large-only-margin-60 {
    margin: 60px !important;
  }

  .large-only-margin-70 {
    margin: 70px !important;
  }

  .large-only-margin-80 {
    margin: 80px !important;
  }

  .large-only-margin-90 {
    margin: 90px !important;
  }

  .large-only-margin-100 {
    margin: 100px !important;
  }

  .large-only-margin-t-0 {
    margin-top: 0px !important;
  }

  .large-only-margin-t-10 {
    margin-top: 10px !important;
  }

  .large-only-margin-t-20 {
    margin-top: 20px !important;
  }

  .large-only-margin-t-30 {
    margin-top: 30px !important;
  }

  .large-only-margin-t-40 {
    margin-top: 40px !important;
  }

  .large-only-margin-t-50 {
    margin-top: 50px !important;
  }

  .large-only-margin-t-60 {
    margin-top: 60px !important;
  }

  .large-only-margin-t-70 {
    margin-top: 70px !important;
  }

  .large-only-margin-t-80 {
    margin-top: 80px !important;
  }

  .large-only-margin-t-90 {
    margin-top: 90px !important;
  }

  .large-only-margin-t-100 {
    margin-top: 100px !important;
  }

  .large-only-margin-r-0 {
    margin-right: 0px !important;
  }

  .large-only-margin-r-10 {
    margin-right: 10px !important;
  }

  .large-only-margin-r-20 {
    margin-right: 20px !important;
  }

  .large-only-margin-r-30 {
    margin-right: 30px !important;
  }

  .large-only-margin-r-40 {
    margin-right: 40px !important;
  }

  .large-only-margin-r-50 {
    margin-right: 50px !important;
  }

  .large-only-margin-r-60 {
    margin-right: 60px !important;
  }

  .large-only-margin-r-70 {
    margin-right: 70px !important;
  }

  .large-only-margin-r-80 {
    margin-right: 80px !important;
  }

  .large-only-margin-r-90 {
    margin-right: 90px !important;
  }

  .large-only-margin-r-100 {
    margin-right: 100px !important;
  }

  .large-only-margin-b-0 {
    margin-bottom: 0px !important;
  }

  .large-only-margin-b-10 {
    margin-bottom: 10px !important;
  }

  .large-only-margin-b-20 {
    margin-bottom: 20px !important;
  }

  .large-only-margin-b-30 {
    margin-bottom: 30px !important;
  }

  .large-only-margin-b-40 {
    margin-bottom: 40px !important;
  }

  .large-only-margin-b-50 {
    margin-bottom: 50px !important;
  }

  .large-only-margin-b-60 {
    margin-bottom: 60px !important;
  }

  .large-only-margin-b-70 {
    margin-bottom: 70px !important;
  }

  .large-only-margin-b-80 {
    margin-bottom: 80px !important;
  }

  .large-only-margin-b-90 {
    margin-bottom: 90px !important;
  }

  .large-only-margin-b-100 {
    margin-bottom: 100px !important;
  }

  .large-only-margin-l-0 {
    margin-left: 0px !important;
  }

  .large-only-margin-l-10 {
    margin-left: 10px !important;
  }

  .large-only-margin-l-20 {
    margin-left: 20px !important;
  }

  .large-only-margin-l-30 {
    margin-left: 30px !important;
  }

  .large-only-margin-l-40 {
    margin-left: 40px !important;
  }

  .large-only-margin-l-50 {
    margin-left: 50px !important;
  }

  .large-only-margin-l-60 {
    margin-left: 60px !important;
  }

  .large-only-margin-l-70 {
    margin-left: 70px !important;
  }

  .large-only-margin-l-80 {
    margin-left: 80px !important;
  }

  .large-only-margin-l-90 {
    margin-left: 90px !important;
  }

  .large-only-margin-l-100 {
    margin-left: 100px !important;
  }

  .large-only-margin-n-0 {
    margin: 0px !important;
  }

  .large-only-margin-n-10 {
    margin: -10px !important;
  }

  .large-only-margin-n-20 {
    margin: -20px !important;
  }

  .large-only-margin-n-30 {
    margin: -30px !important;
  }

  .large-only-margin-n-40 {
    margin: -40px !important;
  }

  .large-only-margin-n-50 {
    margin: -50px !important;
  }

  .large-only-margin-n-60 {
    margin: -60px !important;
  }

  .large-only-margin-n-70 {
    margin: -70px !important;
  }

  .large-only-margin-n-80 {
    margin: -80px !important;
  }

  .large-only-margin-n-90 {
    margin: -90px !important;
  }

  .large-only-margin-n-100 {
    margin: -100px !important;
  }

  .large-only-margin-t-n-0 {
    margin-top: 0px !important;
  }

  .large-only-margin-t-n-10 {
    margin-top: -10px !important;
  }

  .large-only-margin-t-n-20 {
    margin-top: -20px !important;
  }

  .large-only-margin-t-n-30 {
    margin-top: -30px !important;
  }

  .large-only-margin-t-n-40 {
    margin-top: -40px !important;
  }

  .large-only-margin-t-n-50 {
    margin-top: -50px !important;
  }

  .large-only-margin-t-n-60 {
    margin-top: -60px !important;
  }

  .large-only-margin-t-n-70 {
    margin-top: -70px !important;
  }

  .large-only-margin-t-n-80 {
    margin-top: -80px !important;
  }

  .large-only-margin-t-n-90 {
    margin-top: -90px !important;
  }

  .large-only-margin-t-n-100 {
    margin-top: -100px !important;
  }

  .large-only-margin-r-n-0 {
    margin-right: 0px !important;
  }

  .large-only-margin-r-n-10 {
    margin-right: -10px !important;
  }

  .large-only-margin-r-n-20 {
    margin-right: -20px !important;
  }

  .large-only-margin-r-n-30 {
    margin-right: -30px !important;
  }

  .large-only-margin-r-n-40 {
    margin-right: -40px !important;
  }

  .large-only-margin-r-n-50 {
    margin-right: -50px !important;
  }

  .large-only-margin-r-n-60 {
    margin-right: -60px !important;
  }

  .large-only-margin-r-n-70 {
    margin-right: -70px !important;
  }

  .large-only-margin-r-n-80 {
    margin-right: -80px !important;
  }

  .large-only-margin-r-n-90 {
    margin-right: -90px !important;
  }

  .large-only-margin-r-n-100 {
    margin-right: -100px !important;
  }

  .large-only-margin-b-n-0 {
    margin-bottom: 0px !important;
  }

  .large-only-margin-b-n-10 {
    margin-bottom: -10px !important;
  }

  .large-only-margin-b-n-20 {
    margin-bottom: -20px !important;
  }

  .large-only-margin-b-n-30 {
    margin-bottom: -30px !important;
  }

  .large-only-margin-b-n-40 {
    margin-bottom: -40px !important;
  }

  .large-only-margin-b-n-50 {
    margin-bottom: -50px !important;
  }

  .large-only-margin-b-n-60 {
    margin-bottom: -60px !important;
  }

  .large-only-margin-b-n-70 {
    margin-bottom: -70px !important;
  }

  .large-only-margin-b-n-80 {
    margin-bottom: -80px !important;
  }

  .large-only-margin-b-n-90 {
    margin-bottom: -90px !important;
  }

  .large-only-margin-b-n-100 {
    margin-bottom: -100px !important;
  }

  .large-only-margin-l-n-0 {
    margin-left: 0px !important;
  }

  .large-only-margin-l-n-10 {
    margin-left: -10px !important;
  }

  .large-only-margin-l-n-20 {
    margin-left: -20px !important;
  }

  .large-only-margin-l-n-30 {
    margin-left: -30px !important;
  }

  .large-only-margin-l-n-40 {
    margin-left: -40px !important;
  }

  .large-only-margin-l-n-50 {
    margin-left: -50px !important;
  }

  .large-only-margin-l-n-60 {
    margin-left: -60px !important;
  }

  .large-only-margin-l-n-70 {
    margin-left: -70px !important;
  }

  .large-only-margin-l-n-80 {
    margin-left: -80px !important;
  }

  .large-only-margin-l-n-90 {
    margin-left: -90px !important;
  }

  .large-only-margin-l-n-100 {
    margin-left: -100px !important;
  }

  .large-only-padding-0 {
    padding: 0px !important;
  }

  .large-only-padding-10 {
    padding: 10px !important;
  }

  .large-only-padding-20 {
    padding: 20px !important;
  }

  .large-only-padding-30 {
    padding: 30px !important;
  }

  .large-only-padding-40 {
    padding: 40px !important;
  }

  .large-only-padding-50 {
    padding: 50px !important;
  }

  .large-only-padding-60 {
    padding: 60px !important;
  }

  .large-only-padding-70 {
    padding: 70px !important;
  }

  .large-only-padding-80 {
    padding: 80px !important;
  }

  .large-only-padding-90 {
    padding: 90px !important;
  }

  .large-only-padding-100 {
    padding: 100px !important;
  }

  .large-only-padding-t-0 {
    padding-top: 0px !important;
  }

  .large-only-padding-t-10 {
    padding-top: 10px !important;
  }

  .large-only-padding-t-20 {
    padding-top: 20px !important;
  }

  .large-only-padding-t-30 {
    padding-top: 30px !important;
  }

  .large-only-padding-t-40 {
    padding-top: 40px !important;
  }

  .large-only-padding-t-50 {
    padding-top: 50px !important;
  }

  .large-only-padding-t-60 {
    padding-top: 60px !important;
  }

  .large-only-padding-t-70 {
    padding-top: 70px !important;
  }

  .large-only-padding-t-80 {
    padding-top: 80px !important;
  }

  .large-only-padding-t-90 {
    padding-top: 90px !important;
  }

  .large-only-padding-t-100 {
    padding-top: 100px !important;
  }

  .large-only-padding-r-0 {
    padding-right: 0px !important;
  }

  .large-only-padding-r-10 {
    padding-right: 10px !important;
  }

  .large-only-padding-r-20 {
    padding-right: 20px !important;
  }

  .large-only-padding-r-30 {
    padding-right: 30px !important;
  }

  .large-only-padding-r-40 {
    padding-right: 40px !important;
  }

  .large-only-padding-r-50 {
    padding-right: 50px !important;
  }

  .large-only-padding-r-60 {
    padding-right: 60px !important;
  }

  .large-only-padding-r-70 {
    padding-right: 70px !important;
  }

  .large-only-padding-r-80 {
    padding-right: 80px !important;
  }

  .large-only-padding-r-90 {
    padding-right: 90px !important;
  }

  .large-only-padding-r-100 {
    padding-right: 100px !important;
  }

  .large-only-padding-b-0 {
    padding-bottom: 0px !important;
  }

  .large-only-padding-b-10 {
    padding-bottom: 10px !important;
  }

  .large-only-padding-b-20 {
    padding-bottom: 20px !important;
  }

  .large-only-padding-b-30 {
    padding-bottom: 30px !important;
  }

  .large-only-padding-b-40 {
    padding-bottom: 40px !important;
  }

  .large-only-padding-b-50 {
    padding-bottom: 50px !important;
  }

  .large-only-padding-b-60 {
    padding-bottom: 60px !important;
  }

  .large-only-padding-b-70 {
    padding-bottom: 70px !important;
  }

  .large-only-padding-b-80 {
    padding-bottom: 80px !important;
  }

  .large-only-padding-b-90 {
    padding-bottom: 90px !important;
  }

  .large-only-padding-b-100 {
    padding-bottom: 100px !important;
  }

  .large-only-padding-l-0 {
    padding-left: 0px !important;
  }

  .large-only-padding-l-10 {
    padding-left: 10px !important;
  }

  .large-only-padding-l-20 {
    padding-left: 20px !important;
  }

  .large-only-padding-l-30 {
    padding-left: 30px !important;
  }

  .large-only-padding-l-40 {
    padding-left: 40px !important;
  }

  .large-only-padding-l-50 {
    padding-left: 50px !important;
  }

  .large-only-padding-l-60 {
    padding-left: 60px !important;
  }

  .large-only-padding-l-70 {
    padding-left: 70px !important;
  }

  .large-only-padding-l-80 {
    padding-left: 80px !important;
  }

  .large-only-padding-l-90 {
    padding-left: 90px !important;
  }

  .large-only-padding-l-100 {
    padding-left: 100px !important;
  }
}

@media only screen and (min-width: 64.375em) {
  .large-margin-0 {
    margin: 0px !important;
  }

  .large-margin-10 {
    margin: 10px !important;
  }

  .large-margin-20 {
    margin: 20px !important;
  }

  .large-margin-30 {
    margin: 30px !important;
  }

  .large-margin-40 {
    margin: 40px !important;
  }

  .large-margin-50 {
    margin: 50px !important;
  }

  .large-margin-60 {
    margin: 60px !important;
  }

  .large-margin-70 {
    margin: 70px !important;
  }

  .large-margin-80 {
    margin: 80px !important;
  }

  .large-margin-90 {
    margin: 90px !important;
  }

  .large-margin-100 {
    margin: 100px !important;
  }

  .large-margin-t-0 {
    margin-top: 0px !important;
  }

  .large-margin-t-10 {
    margin-top: 10px !important;
  }

  .large-margin-t-20 {
    margin-top: 20px !important;
  }

  .large-margin-t-30 {
    margin-top: 30px !important;
  }

  .large-margin-t-40 {
    margin-top: 40px !important;
  }

  .large-margin-t-50 {
    margin-top: 50px !important;
  }

  .large-margin-t-60 {
    margin-top: 60px !important;
  }

  .large-margin-t-70 {
    margin-top: 70px !important;
  }

  .large-margin-t-80 {
    margin-top: 80px !important;
  }

  .large-margin-t-90 {
    margin-top: 90px !important;
  }

  .large-margin-t-100 {
    margin-top: 100px !important;
  }

  .large-margin-r-0 {
    margin-right: 0px !important;
  }

  .large-margin-r-10 {
    margin-right: 10px !important;
  }

  .large-margin-r-20 {
    margin-right: 20px !important;
  }

  .large-margin-r-30 {
    margin-right: 30px !important;
  }

  .large-margin-r-40 {
    margin-right: 40px !important;
  }

  .large-margin-r-50 {
    margin-right: 50px !important;
  }

  .large-margin-r-60 {
    margin-right: 60px !important;
  }

  .large-margin-r-70 {
    margin-right: 70px !important;
  }

  .large-margin-r-80 {
    margin-right: 80px !important;
  }

  .large-margin-r-90 {
    margin-right: 90px !important;
  }

  .large-margin-r-100 {
    margin-right: 100px !important;
  }

  .large-margin-b-0 {
    margin-bottom: 0px !important;
  }

  .large-margin-b-10 {
    margin-bottom: 10px !important;
  }

  .large-margin-b-20 {
    margin-bottom: 20px !important;
  }

  .large-margin-b-30 {
    margin-bottom: 30px !important;
  }

  .large-margin-b-40 {
    margin-bottom: 40px !important;
  }

  .large-margin-b-50 {
    margin-bottom: 50px !important;
  }

  .large-margin-b-60 {
    margin-bottom: 60px !important;
  }

  .large-margin-b-70 {
    margin-bottom: 70px !important;
  }

  .large-margin-b-80 {
    margin-bottom: 80px !important;
  }

  .large-margin-b-90 {
    margin-bottom: 90px !important;
  }

  .large-margin-b-100 {
    margin-bottom: 100px !important;
  }

  .large-margin-l-0 {
    margin-left: 0px !important;
  }

  .large-margin-l-10 {
    margin-left: 10px !important;
  }

  .large-margin-l-20 {
    margin-left: 20px !important;
  }

  .large-margin-l-30 {
    margin-left: 30px !important;
  }

  .large-margin-l-40 {
    margin-left: 40px !important;
  }

  .large-margin-l-50 {
    margin-left: 50px !important;
  }

  .large-margin-l-60 {
    margin-left: 60px !important;
  }

  .large-margin-l-70 {
    margin-left: 70px !important;
  }

  .large-margin-l-80 {
    margin-left: 80px !important;
  }

  .large-margin-l-90 {
    margin-left: 90px !important;
  }

  .large-margin-l-100 {
    margin-left: 100px !important;
  }

  .large-margin-n-0 {
    margin: 0px !important;
  }

  .large-margin-n-10 {
    margin: -10px !important;
  }

  .large-margin-n-20 {
    margin: -20px !important;
  }

  .large-margin-n-30 {
    margin: -30px !important;
  }

  .large-margin-n-40 {
    margin: -40px !important;
  }

  .large-margin-n-50 {
    margin: -50px !important;
  }

  .large-margin-n-60 {
    margin: -60px !important;
  }

  .large-margin-n-70 {
    margin: -70px !important;
  }

  .large-margin-n-80 {
    margin: -80px !important;
  }

  .large-margin-n-90 {
    margin: -90px !important;
  }

  .large-margin-n-100 {
    margin: -100px !important;
  }

  .large-margin-t-n-0 {
    margin-top: 0px !important;
  }

  .large-margin-t-n-10 {
    margin-top: -10px !important;
  }

  .large-margin-t-n-20 {
    margin-top: -20px !important;
  }

  .large-margin-t-n-30 {
    margin-top: -30px !important;
  }

  .large-margin-t-n-40 {
    margin-top: -40px !important;
  }

  .large-margin-t-n-50 {
    margin-top: -50px !important;
  }

  .large-margin-t-n-60 {
    margin-top: -60px !important;
  }

  .large-margin-t-n-70 {
    margin-top: -70px !important;
  }

  .large-margin-t-n-80 {
    margin-top: -80px !important;
  }

  .large-margin-t-n-90 {
    margin-top: -90px !important;
  }

  .large-margin-t-n-100 {
    margin-top: -100px !important;
  }

  .large-margin-r-n-0 {
    margin-right: 0px !important;
  }

  .large-margin-r-n-10 {
    margin-right: -10px !important;
  }

  .large-margin-r-n-20 {
    margin-right: -20px !important;
  }

  .large-margin-r-n-30 {
    margin-right: -30px !important;
  }

  .large-margin-r-n-40 {
    margin-right: -40px !important;
  }

  .large-margin-r-n-50 {
    margin-right: -50px !important;
  }

  .large-margin-r-n-60 {
    margin-right: -60px !important;
  }

  .large-margin-r-n-70 {
    margin-right: -70px !important;
  }

  .large-margin-r-n-80 {
    margin-right: -80px !important;
  }

  .large-margin-r-n-90 {
    margin-right: -90px !important;
  }

  .large-margin-r-n-100 {
    margin-right: -100px !important;
  }

  .large-margin-b-n-0 {
    margin-bottom: 0px !important;
  }

  .large-margin-b-n-10 {
    margin-bottom: -10px !important;
  }

  .large-margin-b-n-20 {
    margin-bottom: -20px !important;
  }

  .large-margin-b-n-30 {
    margin-bottom: -30px !important;
  }

  .large-margin-b-n-40 {
    margin-bottom: -40px !important;
  }

  .large-margin-b-n-50 {
    margin-bottom: -50px !important;
  }

  .large-margin-b-n-60 {
    margin-bottom: -60px !important;
  }

  .large-margin-b-n-70 {
    margin-bottom: -70px !important;
  }

  .large-margin-b-n-80 {
    margin-bottom: -80px !important;
  }

  .large-margin-b-n-90 {
    margin-bottom: -90px !important;
  }

  .large-margin-b-n-100 {
    margin-bottom: -100px !important;
  }

  .large-margin-l-n-0 {
    margin-left: 0px !important;
  }

  .large-margin-l-n-10 {
    margin-left: -10px !important;
  }

  .large-margin-l-n-20 {
    margin-left: -20px !important;
  }

  .large-margin-l-n-30 {
    margin-left: -30px !important;
  }

  .large-margin-l-n-40 {
    margin-left: -40px !important;
  }

  .large-margin-l-n-50 {
    margin-left: -50px !important;
  }

  .large-margin-l-n-60 {
    margin-left: -60px !important;
  }

  .large-margin-l-n-70 {
    margin-left: -70px !important;
  }

  .large-margin-l-n-80 {
    margin-left: -80px !important;
  }

  .large-margin-l-n-90 {
    margin-left: -90px !important;
  }

  .large-margin-l-n-100 {
    margin-left: -100px !important;
  }

  .large-padding-0 {
    padding: 0px !important;
  }

  .large-padding-10 {
    padding: 10px !important;
  }

  .large-padding-20 {
    padding: 20px !important;
  }

  .large-padding-30 {
    padding: 30px !important;
  }

  .large-padding-40 {
    padding: 40px !important;
  }

  .large-padding-50 {
    padding: 50px !important;
  }

  .large-padding-60 {
    padding: 60px !important;
  }

  .large-padding-70 {
    padding: 70px !important;
  }

  .large-padding-80 {
    padding: 80px !important;
  }

  .large-padding-90 {
    padding: 90px !important;
  }

  .large-padding-100 {
    padding: 100px !important;
  }

  .large-padding-t-0 {
    padding-top: 0px !important;
  }

  .large-padding-t-10 {
    padding-top: 10px !important;
  }

  .large-padding-t-20 {
    padding-top: 20px !important;
  }

  .large-padding-t-30 {
    padding-top: 30px !important;
  }

  .large-padding-t-40 {
    padding-top: 40px !important;
  }

  .large-padding-t-50 {
    padding-top: 50px !important;
  }

  .large-padding-t-60 {
    padding-top: 60px !important;
  }

  .large-padding-t-70 {
    padding-top: 70px !important;
  }

  .large-padding-t-80 {
    padding-top: 80px !important;
  }

  .large-padding-t-90 {
    padding-top: 90px !important;
  }

  .large-padding-t-100 {
    padding-top: 100px !important;
  }

  .large-padding-r-0 {
    padding-right: 0px !important;
  }

  .large-padding-r-10 {
    padding-right: 10px !important;
  }

  .large-padding-r-20 {
    padding-right: 20px !important;
  }

  .large-padding-r-30 {
    padding-right: 30px !important;
  }

  .large-padding-r-40 {
    padding-right: 40px !important;
  }

  .large-padding-r-50 {
    padding-right: 50px !important;
  }

  .large-padding-r-60 {
    padding-right: 60px !important;
  }

  .large-padding-r-70 {
    padding-right: 70px !important;
  }

  .large-padding-r-80 {
    padding-right: 80px !important;
  }

  .large-padding-r-90 {
    padding-right: 90px !important;
  }

  .large-padding-r-100 {
    padding-right: 100px !important;
  }

  .large-padding-b-0 {
    padding-bottom: 0px !important;
  }

  .large-padding-b-10 {
    padding-bottom: 10px !important;
  }

  .large-padding-b-20 {
    padding-bottom: 20px !important;
  }

  .large-padding-b-30 {
    padding-bottom: 30px !important;
  }

  .large-padding-b-40 {
    padding-bottom: 40px !important;
  }

  .large-padding-b-50 {
    padding-bottom: 50px !important;
  }

  .large-padding-b-60 {
    padding-bottom: 60px !important;
  }

  .large-padding-b-70 {
    padding-bottom: 70px !important;
  }

  .large-padding-b-80 {
    padding-bottom: 80px !important;
  }

  .large-padding-b-90 {
    padding-bottom: 90px !important;
  }

  .large-padding-b-100 {
    padding-bottom: 100px !important;
  }

  .large-padding-l-0 {
    padding-left: 0px !important;
  }

  .large-padding-l-10 {
    padding-left: 10px !important;
  }

  .large-padding-l-20 {
    padding-left: 20px !important;
  }

  .large-padding-l-30 {
    padding-left: 30px !important;
  }

  .large-padding-l-40 {
    padding-left: 40px !important;
  }

  .large-padding-l-50 {
    padding-left: 50px !important;
  }

  .large-padding-l-60 {
    padding-left: 60px !important;
  }

  .large-padding-l-70 {
    padding-left: 70px !important;
  }

  .large-padding-l-80 {
    padding-left: 80px !important;
  }

  .large-padding-l-90 {
    padding-left: 90px !important;
  }

  .large-padding-l-100 {
    padding-left: 100px !important;
  }
}

@media only screen and (min-width: 77.5em) and (max-width: 97.438em) {
  .xlarge-only-margin-0 {
    margin: 0px !important;
  }

  .xlarge-only-margin-10 {
    margin: 10px !important;
  }

  .xlarge-only-margin-20 {
    margin: 20px !important;
  }

  .xlarge-only-margin-30 {
    margin: 30px !important;
  }

  .xlarge-only-margin-40 {
    margin: 40px !important;
  }

  .xlarge-only-margin-50 {
    margin: 50px !important;
  }

  .xlarge-only-margin-60 {
    margin: 60px !important;
  }

  .xlarge-only-margin-70 {
    margin: 70px !important;
  }

  .xlarge-only-margin-80 {
    margin: 80px !important;
  }

  .xlarge-only-margin-90 {
    margin: 90px !important;
  }

  .xlarge-only-margin-100 {
    margin: 100px !important;
  }

  .xlarge-only-margin-t-0 {
    margin-top: 0px !important;
  }

  .xlarge-only-margin-t-10 {
    margin-top: 10px !important;
  }

  .xlarge-only-margin-t-20 {
    margin-top: 20px !important;
  }

  .xlarge-only-margin-t-30 {
    margin-top: 30px !important;
  }

  .xlarge-only-margin-t-40 {
    margin-top: 40px !important;
  }

  .xlarge-only-margin-t-50 {
    margin-top: 50px !important;
  }

  .xlarge-only-margin-t-60 {
    margin-top: 60px !important;
  }

  .xlarge-only-margin-t-70 {
    margin-top: 70px !important;
  }

  .xlarge-only-margin-t-80 {
    margin-top: 80px !important;
  }

  .xlarge-only-margin-t-90 {
    margin-top: 90px !important;
  }

  .xlarge-only-margin-t-100 {
    margin-top: 100px !important;
  }

  .xlarge-only-margin-r-0 {
    margin-right: 0px !important;
  }

  .xlarge-only-margin-r-10 {
    margin-right: 10px !important;
  }

  .xlarge-only-margin-r-20 {
    margin-right: 20px !important;
  }

  .xlarge-only-margin-r-30 {
    margin-right: 30px !important;
  }

  .xlarge-only-margin-r-40 {
    margin-right: 40px !important;
  }

  .xlarge-only-margin-r-50 {
    margin-right: 50px !important;
  }

  .xlarge-only-margin-r-60 {
    margin-right: 60px !important;
  }

  .xlarge-only-margin-r-70 {
    margin-right: 70px !important;
  }

  .xlarge-only-margin-r-80 {
    margin-right: 80px !important;
  }

  .xlarge-only-margin-r-90 {
    margin-right: 90px !important;
  }

  .xlarge-only-margin-r-100 {
    margin-right: 100px !important;
  }

  .xlarge-only-margin-b-0 {
    margin-bottom: 0px !important;
  }

  .xlarge-only-margin-b-10 {
    margin-bottom: 10px !important;
  }

  .xlarge-only-margin-b-20 {
    margin-bottom: 20px !important;
  }

  .xlarge-only-margin-b-30 {
    margin-bottom: 30px !important;
  }

  .xlarge-only-margin-b-40 {
    margin-bottom: 40px !important;
  }

  .xlarge-only-margin-b-50 {
    margin-bottom: 50px !important;
  }

  .xlarge-only-margin-b-60 {
    margin-bottom: 60px !important;
  }

  .xlarge-only-margin-b-70 {
    margin-bottom: 70px !important;
  }

  .xlarge-only-margin-b-80 {
    margin-bottom: 80px !important;
  }

  .xlarge-only-margin-b-90 {
    margin-bottom: 90px !important;
  }

  .xlarge-only-margin-b-100 {
    margin-bottom: 100px !important;
  }

  .xlarge-only-margin-l-0 {
    margin-left: 0px !important;
  }

  .xlarge-only-margin-l-10 {
    margin-left: 10px !important;
  }

  .xlarge-only-margin-l-20 {
    margin-left: 20px !important;
  }

  .xlarge-only-margin-l-30 {
    margin-left: 30px !important;
  }

  .xlarge-only-margin-l-40 {
    margin-left: 40px !important;
  }

  .xlarge-only-margin-l-50 {
    margin-left: 50px !important;
  }

  .xlarge-only-margin-l-60 {
    margin-left: 60px !important;
  }

  .xlarge-only-margin-l-70 {
    margin-left: 70px !important;
  }

  .xlarge-only-margin-l-80 {
    margin-left: 80px !important;
  }

  .xlarge-only-margin-l-90 {
    margin-left: 90px !important;
  }

  .xlarge-only-margin-l-100 {
    margin-left: 100px !important;
  }

  .xlarge-only-margin-n-0 {
    margin: 0px !important;
  }

  .xlarge-only-margin-n-10 {
    margin: -10px !important;
  }

  .xlarge-only-margin-n-20 {
    margin: -20px !important;
  }

  .xlarge-only-margin-n-30 {
    margin: -30px !important;
  }

  .xlarge-only-margin-n-40 {
    margin: -40px !important;
  }

  .xlarge-only-margin-n-50 {
    margin: -50px !important;
  }

  .xlarge-only-margin-n-60 {
    margin: -60px !important;
  }

  .xlarge-only-margin-n-70 {
    margin: -70px !important;
  }

  .xlarge-only-margin-n-80 {
    margin: -80px !important;
  }

  .xlarge-only-margin-n-90 {
    margin: -90px !important;
  }

  .xlarge-only-margin-n-100 {
    margin: -100px !important;
  }

  .xlarge-only-margin-t-n-0 {
    margin-top: 0px !important;
  }

  .xlarge-only-margin-t-n-10 {
    margin-top: -10px !important;
  }

  .xlarge-only-margin-t-n-20 {
    margin-top: -20px !important;
  }

  .xlarge-only-margin-t-n-30 {
    margin-top: -30px !important;
  }

  .xlarge-only-margin-t-n-40 {
    margin-top: -40px !important;
  }

  .xlarge-only-margin-t-n-50 {
    margin-top: -50px !important;
  }

  .xlarge-only-margin-t-n-60 {
    margin-top: -60px !important;
  }

  .xlarge-only-margin-t-n-70 {
    margin-top: -70px !important;
  }

  .xlarge-only-margin-t-n-80 {
    margin-top: -80px !important;
  }

  .xlarge-only-margin-t-n-90 {
    margin-top: -90px !important;
  }

  .xlarge-only-margin-t-n-100 {
    margin-top: -100px !important;
  }

  .xlarge-only-margin-r-n-0 {
    margin-right: 0px !important;
  }

  .xlarge-only-margin-r-n-10 {
    margin-right: -10px !important;
  }

  .xlarge-only-margin-r-n-20 {
    margin-right: -20px !important;
  }

  .xlarge-only-margin-r-n-30 {
    margin-right: -30px !important;
  }

  .xlarge-only-margin-r-n-40 {
    margin-right: -40px !important;
  }

  .xlarge-only-margin-r-n-50 {
    margin-right: -50px !important;
  }

  .xlarge-only-margin-r-n-60 {
    margin-right: -60px !important;
  }

  .xlarge-only-margin-r-n-70 {
    margin-right: -70px !important;
  }

  .xlarge-only-margin-r-n-80 {
    margin-right: -80px !important;
  }

  .xlarge-only-margin-r-n-90 {
    margin-right: -90px !important;
  }

  .xlarge-only-margin-r-n-100 {
    margin-right: -100px !important;
  }

  .xlarge-only-margin-b-n-0 {
    margin-bottom: 0px !important;
  }

  .xlarge-only-margin-b-n-10 {
    margin-bottom: -10px !important;
  }

  .xlarge-only-margin-b-n-20 {
    margin-bottom: -20px !important;
  }

  .xlarge-only-margin-b-n-30 {
    margin-bottom: -30px !important;
  }

  .xlarge-only-margin-b-n-40 {
    margin-bottom: -40px !important;
  }

  .xlarge-only-margin-b-n-50 {
    margin-bottom: -50px !important;
  }

  .xlarge-only-margin-b-n-60 {
    margin-bottom: -60px !important;
  }

  .xlarge-only-margin-b-n-70 {
    margin-bottom: -70px !important;
  }

  .xlarge-only-margin-b-n-80 {
    margin-bottom: -80px !important;
  }

  .xlarge-only-margin-b-n-90 {
    margin-bottom: -90px !important;
  }

  .xlarge-only-margin-b-n-100 {
    margin-bottom: -100px !important;
  }

  .xlarge-only-margin-l-n-0 {
    margin-left: 0px !important;
  }

  .xlarge-only-margin-l-n-10 {
    margin-left: -10px !important;
  }

  .xlarge-only-margin-l-n-20 {
    margin-left: -20px !important;
  }

  .xlarge-only-margin-l-n-30 {
    margin-left: -30px !important;
  }

  .xlarge-only-margin-l-n-40 {
    margin-left: -40px !important;
  }

  .xlarge-only-margin-l-n-50 {
    margin-left: -50px !important;
  }

  .xlarge-only-margin-l-n-60 {
    margin-left: -60px !important;
  }

  .xlarge-only-margin-l-n-70 {
    margin-left: -70px !important;
  }

  .xlarge-only-margin-l-n-80 {
    margin-left: -80px !important;
  }

  .xlarge-only-margin-l-n-90 {
    margin-left: -90px !important;
  }

  .xlarge-only-margin-l-n-100 {
    margin-left: -100px !important;
  }

  .xlarge-only-padding-0 {
    padding: 0px !important;
  }

  .xlarge-only-padding-10 {
    padding: 10px !important;
  }

  .xlarge-only-padding-20 {
    padding: 20px !important;
  }

  .xlarge-only-padding-30 {
    padding: 30px !important;
  }

  .xlarge-only-padding-40 {
    padding: 40px !important;
  }

  .xlarge-only-padding-50 {
    padding: 50px !important;
  }

  .xlarge-only-padding-60 {
    padding: 60px !important;
  }

  .xlarge-only-padding-70 {
    padding: 70px !important;
  }

  .xlarge-only-padding-80 {
    padding: 80px !important;
  }

  .xlarge-only-padding-90 {
    padding: 90px !important;
  }

  .xlarge-only-padding-100 {
    padding: 100px !important;
  }

  .xlarge-only-padding-t-0 {
    padding-top: 0px !important;
  }

  .xlarge-only-padding-t-10 {
    padding-top: 10px !important;
  }

  .xlarge-only-padding-t-20 {
    padding-top: 20px !important;
  }

  .xlarge-only-padding-t-30 {
    padding-top: 30px !important;
  }

  .xlarge-only-padding-t-40 {
    padding-top: 40px !important;
  }

  .xlarge-only-padding-t-50 {
    padding-top: 50px !important;
  }

  .xlarge-only-padding-t-60 {
    padding-top: 60px !important;
  }

  .xlarge-only-padding-t-70 {
    padding-top: 70px !important;
  }

  .xlarge-only-padding-t-80 {
    padding-top: 80px !important;
  }

  .xlarge-only-padding-t-90 {
    padding-top: 90px !important;
  }

  .xlarge-only-padding-t-100 {
    padding-top: 100px !important;
  }

  .xlarge-only-padding-r-0 {
    padding-right: 0px !important;
  }

  .xlarge-only-padding-r-10 {
    padding-right: 10px !important;
  }

  .xlarge-only-padding-r-20 {
    padding-right: 20px !important;
  }

  .xlarge-only-padding-r-30 {
    padding-right: 30px !important;
  }

  .xlarge-only-padding-r-40 {
    padding-right: 40px !important;
  }

  .xlarge-only-padding-r-50 {
    padding-right: 50px !important;
  }

  .xlarge-only-padding-r-60 {
    padding-right: 60px !important;
  }

  .xlarge-only-padding-r-70 {
    padding-right: 70px !important;
  }

  .xlarge-only-padding-r-80 {
    padding-right: 80px !important;
  }

  .xlarge-only-padding-r-90 {
    padding-right: 90px !important;
  }

  .xlarge-only-padding-r-100 {
    padding-right: 100px !important;
  }

  .xlarge-only-padding-b-0 {
    padding-bottom: 0px !important;
  }

  .xlarge-only-padding-b-10 {
    padding-bottom: 10px !important;
  }

  .xlarge-only-padding-b-20 {
    padding-bottom: 20px !important;
  }

  .xlarge-only-padding-b-30 {
    padding-bottom: 30px !important;
  }

  .xlarge-only-padding-b-40 {
    padding-bottom: 40px !important;
  }

  .xlarge-only-padding-b-50 {
    padding-bottom: 50px !important;
  }

  .xlarge-only-padding-b-60 {
    padding-bottom: 60px !important;
  }

  .xlarge-only-padding-b-70 {
    padding-bottom: 70px !important;
  }

  .xlarge-only-padding-b-80 {
    padding-bottom: 80px !important;
  }

  .xlarge-only-padding-b-90 {
    padding-bottom: 90px !important;
  }

  .xlarge-only-padding-b-100 {
    padding-bottom: 100px !important;
  }

  .xlarge-only-padding-l-0 {
    padding-left: 0px !important;
  }

  .xlarge-only-padding-l-10 {
    padding-left: 10px !important;
  }

  .xlarge-only-padding-l-20 {
    padding-left: 20px !important;
  }

  .xlarge-only-padding-l-30 {
    padding-left: 30px !important;
  }

  .xlarge-only-padding-l-40 {
    padding-left: 40px !important;
  }

  .xlarge-only-padding-l-50 {
    padding-left: 50px !important;
  }

  .xlarge-only-padding-l-60 {
    padding-left: 60px !important;
  }

  .xlarge-only-padding-l-70 {
    padding-left: 70px !important;
  }

  .xlarge-only-padding-l-80 {
    padding-left: 80px !important;
  }

  .xlarge-only-padding-l-90 {
    padding-left: 90px !important;
  }

  .xlarge-only-padding-l-100 {
    padding-left: 100px !important;
  }
}

@media only screen and (min-width: 77.5em) {
  .xlarge-margin-0 {
    margin: 0px !important;
  }

  .xlarge-margin-10 {
    margin: 10px !important;
  }

  .xlarge-margin-20 {
    margin: 20px !important;
  }

  .xlarge-margin-30 {
    margin: 30px !important;
  }

  .xlarge-margin-40 {
    margin: 40px !important;
  }

  .xlarge-margin-50 {
    margin: 50px !important;
  }

  .xlarge-margin-60 {
    margin: 60px !important;
  }

  .xlarge-margin-70 {
    margin: 70px !important;
  }

  .xlarge-margin-80 {
    margin: 80px !important;
  }

  .xlarge-margin-90 {
    margin: 90px !important;
  }

  .xlarge-margin-100 {
    margin: 100px !important;
  }

  .xlarge-margin-t-0 {
    margin-top: 0px !important;
  }

  .xlarge-margin-t-10 {
    margin-top: 10px !important;
  }

  .xlarge-margin-t-20 {
    margin-top: 20px !important;
  }

  .xlarge-margin-t-30 {
    margin-top: 30px !important;
  }

  .xlarge-margin-t-40 {
    margin-top: 40px !important;
  }

  .xlarge-margin-t-50 {
    margin-top: 50px !important;
  }

  .xlarge-margin-t-60 {
    margin-top: 60px !important;
  }

  .xlarge-margin-t-70 {
    margin-top: 70px !important;
  }

  .xlarge-margin-t-80 {
    margin-top: 80px !important;
  }

  .xlarge-margin-t-90 {
    margin-top: 90px !important;
  }

  .xlarge-margin-t-100 {
    margin-top: 100px !important;
  }

  .xlarge-margin-r-0 {
    margin-right: 0px !important;
  }

  .xlarge-margin-r-10 {
    margin-right: 10px !important;
  }

  .xlarge-margin-r-20 {
    margin-right: 20px !important;
  }

  .xlarge-margin-r-30 {
    margin-right: 30px !important;
  }

  .xlarge-margin-r-40 {
    margin-right: 40px !important;
  }

  .xlarge-margin-r-50 {
    margin-right: 50px !important;
  }

  .xlarge-margin-r-60 {
    margin-right: 60px !important;
  }

  .xlarge-margin-r-70 {
    margin-right: 70px !important;
  }

  .xlarge-margin-r-80 {
    margin-right: 80px !important;
  }

  .xlarge-margin-r-90 {
    margin-right: 90px !important;
  }

  .xlarge-margin-r-100 {
    margin-right: 100px !important;
  }

  .xlarge-margin-b-0 {
    margin-bottom: 0px !important;
  }

  .xlarge-margin-b-10 {
    margin-bottom: 10px !important;
  }

  .xlarge-margin-b-20 {
    margin-bottom: 20px !important;
  }

  .xlarge-margin-b-30 {
    margin-bottom: 30px !important;
  }

  .xlarge-margin-b-40 {
    margin-bottom: 40px !important;
  }

  .xlarge-margin-b-50 {
    margin-bottom: 50px !important;
  }

  .xlarge-margin-b-60 {
    margin-bottom: 60px !important;
  }

  .xlarge-margin-b-70 {
    margin-bottom: 70px !important;
  }

  .xlarge-margin-b-80 {
    margin-bottom: 80px !important;
  }

  .xlarge-margin-b-90 {
    margin-bottom: 90px !important;
  }

  .xlarge-margin-b-100 {
    margin-bottom: 100px !important;
  }

  .xlarge-margin-l-0 {
    margin-left: 0px !important;
  }

  .xlarge-margin-l-10 {
    margin-left: 10px !important;
  }

  .xlarge-margin-l-20 {
    margin-left: 20px !important;
  }

  .xlarge-margin-l-30 {
    margin-left: 30px !important;
  }

  .xlarge-margin-l-40 {
    margin-left: 40px !important;
  }

  .xlarge-margin-l-50 {
    margin-left: 50px !important;
  }

  .xlarge-margin-l-60 {
    margin-left: 60px !important;
  }

  .xlarge-margin-l-70 {
    margin-left: 70px !important;
  }

  .xlarge-margin-l-80 {
    margin-left: 80px !important;
  }

  .xlarge-margin-l-90 {
    margin-left: 90px !important;
  }

  .xlarge-margin-l-100 {
    margin-left: 100px !important;
  }

  .xlarge-margin-n-0 {
    margin: 0px !important;
  }

  .xlarge-margin-n-10 {
    margin: -10px !important;
  }

  .xlarge-margin-n-20 {
    margin: -20px !important;
  }

  .xlarge-margin-n-30 {
    margin: -30px !important;
  }

  .xlarge-margin-n-40 {
    margin: -40px !important;
  }

  .xlarge-margin-n-50 {
    margin: -50px !important;
  }

  .xlarge-margin-n-60 {
    margin: -60px !important;
  }

  .xlarge-margin-n-70 {
    margin: -70px !important;
  }

  .xlarge-margin-n-80 {
    margin: -80px !important;
  }

  .xlarge-margin-n-90 {
    margin: -90px !important;
  }

  .xlarge-margin-n-100 {
    margin: -100px !important;
  }

  .xlarge-margin-t-n-0 {
    margin-top: 0px !important;
  }

  .xlarge-margin-t-n-10 {
    margin-top: -10px !important;
  }

  .xlarge-margin-t-n-20 {
    margin-top: -20px !important;
  }

  .xlarge-margin-t-n-30 {
    margin-top: -30px !important;
  }

  .xlarge-margin-t-n-40 {
    margin-top: -40px !important;
  }

  .xlarge-margin-t-n-50 {
    margin-top: -50px !important;
  }

  .xlarge-margin-t-n-60 {
    margin-top: -60px !important;
  }

  .xlarge-margin-t-n-70 {
    margin-top: -70px !important;
  }

  .xlarge-margin-t-n-80 {
    margin-top: -80px !important;
  }

  .xlarge-margin-t-n-90 {
    margin-top: -90px !important;
  }

  .xlarge-margin-t-n-100 {
    margin-top: -100px !important;
  }

  .xlarge-margin-r-n-0 {
    margin-right: 0px !important;
  }

  .xlarge-margin-r-n-10 {
    margin-right: -10px !important;
  }

  .xlarge-margin-r-n-20 {
    margin-right: -20px !important;
  }

  .xlarge-margin-r-n-30 {
    margin-right: -30px !important;
  }

  .xlarge-margin-r-n-40 {
    margin-right: -40px !important;
  }

  .xlarge-margin-r-n-50 {
    margin-right: -50px !important;
  }

  .xlarge-margin-r-n-60 {
    margin-right: -60px !important;
  }

  .xlarge-margin-r-n-70 {
    margin-right: -70px !important;
  }

  .xlarge-margin-r-n-80 {
    margin-right: -80px !important;
  }

  .xlarge-margin-r-n-90 {
    margin-right: -90px !important;
  }

  .xlarge-margin-r-n-100 {
    margin-right: -100px !important;
  }

  .xlarge-margin-b-n-0 {
    margin-bottom: 0px !important;
  }

  .xlarge-margin-b-n-10 {
    margin-bottom: -10px !important;
  }

  .xlarge-margin-b-n-20 {
    margin-bottom: -20px !important;
  }

  .xlarge-margin-b-n-30 {
    margin-bottom: -30px !important;
  }

  .xlarge-margin-b-n-40 {
    margin-bottom: -40px !important;
  }

  .xlarge-margin-b-n-50 {
    margin-bottom: -50px !important;
  }

  .xlarge-margin-b-n-60 {
    margin-bottom: -60px !important;
  }

  .xlarge-margin-b-n-70 {
    margin-bottom: -70px !important;
  }

  .xlarge-margin-b-n-80 {
    margin-bottom: -80px !important;
  }

  .xlarge-margin-b-n-90 {
    margin-bottom: -90px !important;
  }

  .xlarge-margin-b-n-100 {
    margin-bottom: -100px !important;
  }

  .xlarge-margin-l-n-0 {
    margin-left: 0px !important;
  }

  .xlarge-margin-l-n-10 {
    margin-left: -10px !important;
  }

  .xlarge-margin-l-n-20 {
    margin-left: -20px !important;
  }

  .xlarge-margin-l-n-30 {
    margin-left: -30px !important;
  }

  .xlarge-margin-l-n-40 {
    margin-left: -40px !important;
  }

  .xlarge-margin-l-n-50 {
    margin-left: -50px !important;
  }

  .xlarge-margin-l-n-60 {
    margin-left: -60px !important;
  }

  .xlarge-margin-l-n-70 {
    margin-left: -70px !important;
  }

  .xlarge-margin-l-n-80 {
    margin-left: -80px !important;
  }

  .xlarge-margin-l-n-90 {
    margin-left: -90px !important;
  }

  .xlarge-margin-l-n-100 {
    margin-left: -100px !important;
  }

  .xlarge-padding-0 {
    padding: 0px !important;
  }

  .xlarge-padding-10 {
    padding: 10px !important;
  }

  .xlarge-padding-20 {
    padding: 20px !important;
  }

  .xlarge-padding-30 {
    padding: 30px !important;
  }

  .xlarge-padding-40 {
    padding: 40px !important;
  }

  .xlarge-padding-50 {
    padding: 50px !important;
  }

  .xlarge-padding-60 {
    padding: 60px !important;
  }

  .xlarge-padding-70 {
    padding: 70px !important;
  }

  .xlarge-padding-80 {
    padding: 80px !important;
  }

  .xlarge-padding-90 {
    padding: 90px !important;
  }

  .xlarge-padding-100 {
    padding: 100px !important;
  }

  .xlarge-padding-t-0 {
    padding-top: 0px !important;
  }

  .xlarge-padding-t-10 {
    padding-top: 10px !important;
  }

  .xlarge-padding-t-20 {
    padding-top: 20px !important;
  }

  .xlarge-padding-t-30 {
    padding-top: 30px !important;
  }

  .xlarge-padding-t-40 {
    padding-top: 40px !important;
  }

  .xlarge-padding-t-50 {
    padding-top: 50px !important;
  }

  .xlarge-padding-t-60 {
    padding-top: 60px !important;
  }

  .xlarge-padding-t-70 {
    padding-top: 70px !important;
  }

  .xlarge-padding-t-80 {
    padding-top: 80px !important;
  }

  .xlarge-padding-t-90 {
    padding-top: 90px !important;
  }

  .xlarge-padding-t-100 {
    padding-top: 100px !important;
  }

  .xlarge-padding-r-0 {
    padding-right: 0px !important;
  }

  .xlarge-padding-r-10 {
    padding-right: 10px !important;
  }

  .xlarge-padding-r-20 {
    padding-right: 20px !important;
  }

  .xlarge-padding-r-30 {
    padding-right: 30px !important;
  }

  .xlarge-padding-r-40 {
    padding-right: 40px !important;
  }

  .xlarge-padding-r-50 {
    padding-right: 50px !important;
  }

  .xlarge-padding-r-60 {
    padding-right: 60px !important;
  }

  .xlarge-padding-r-70 {
    padding-right: 70px !important;
  }

  .xlarge-padding-r-80 {
    padding-right: 80px !important;
  }

  .xlarge-padding-r-90 {
    padding-right: 90px !important;
  }

  .xlarge-padding-r-100 {
    padding-right: 100px !important;
  }

  .xlarge-padding-b-0 {
    padding-bottom: 0px !important;
  }

  .xlarge-padding-b-10 {
    padding-bottom: 10px !important;
  }

  .xlarge-padding-b-20 {
    padding-bottom: 20px !important;
  }

  .xlarge-padding-b-30 {
    padding-bottom: 30px !important;
  }

  .xlarge-padding-b-40 {
    padding-bottom: 40px !important;
  }

  .xlarge-padding-b-50 {
    padding-bottom: 50px !important;
  }

  .xlarge-padding-b-60 {
    padding-bottom: 60px !important;
  }

  .xlarge-padding-b-70 {
    padding-bottom: 70px !important;
  }

  .xlarge-padding-b-80 {
    padding-bottom: 80px !important;
  }

  .xlarge-padding-b-90 {
    padding-bottom: 90px !important;
  }

  .xlarge-padding-b-100 {
    padding-bottom: 100px !important;
  }

  .xlarge-padding-l-0 {
    padding-left: 0px !important;
  }

  .xlarge-padding-l-10 {
    padding-left: 10px !important;
  }

  .xlarge-padding-l-20 {
    padding-left: 20px !important;
  }

  .xlarge-padding-l-30 {
    padding-left: 30px !important;
  }

  .xlarge-padding-l-40 {
    padding-left: 40px !important;
  }

  .xlarge-padding-l-50 {
    padding-left: 50px !important;
  }

  .xlarge-padding-l-60 {
    padding-left: 60px !important;
  }

  .xlarge-padding-l-70 {
    padding-left: 70px !important;
  }

  .xlarge-padding-l-80 {
    padding-left: 80px !important;
  }

  .xlarge-padding-l-90 {
    padding-left: 90px !important;
  }

  .xlarge-padding-l-100 {
    padding-left: 100px !important;
  }
}

.no-margin {
  margin: 0px !important;
}

.no-padding {
  padding: 0px !important;
}

/**
 * Generates text align and justify classes
 */
.text-left {
  text-align: left !important;
}

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

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

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

@media only screen and (min-width: 0em) and (max-width: 29.938em) {
  .small-only-text-left {
    text-align: left !important;
  }

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

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

  .small-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 0em) {
  .small-up-text-left {
    text-align: left !important;
  }

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

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

  .small-up-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 30em) and (max-width: 37.438em) {
  .tweener-only-text-left {
    text-align: left !important;
  }

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

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

  .tweener-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 30em) {
  .tweener-up-text-left {
    text-align: left !important;
  }

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

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

  .tweener-up-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 37.5em) and (max-width: 47.938em) {
  .phablet-only-text-left {
    text-align: left !important;
  }

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

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

  .phablet-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 37.5em) {
  .phablet-up-text-left {
    text-align: left !important;
  }

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

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

  .phablet-up-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (max-width: 47.938em) {
  .mobile-only-text-left {
    text-align: left !important;
  }

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

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

  .mobile-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 48em) and (max-width: 64.313em) {
  .medium-only-text-left {
    text-align: left !important;
  }

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

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

  .medium-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 48em) {
  .medium-up-text-left {
    text-align: left !important;
  }

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

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

  .medium-up-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 64.375em) and (max-width: 77.438em) {
  .large-only-text-left {
    text-align: left !important;
  }

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

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

  .large-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 64.375em) {
  .large-up-text-left {
    text-align: left !important;
  }

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

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

  .large-up-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 77.5em) and (max-width: 97.438em) {
  .xlarge-only-text-left {
    text-align: left !important;
  }

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

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

  .xlarge-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 77.5em) {
  .xlarge-up-text-left {
    text-align: left !important;
  }

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

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

  .xlarge-up-text-justify {
    text-align: justify !important;
  }
}

.sprite {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
}

.sprite-acsi-logo {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: 0 0;
  height: 56px;
  width: 65px;
}

.sprite-cb-checked,
.icheckbox_acsi.checked {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: -75px 0;
  height: 20px;
  width: 20px;
}

.sprite-cb,
.icheckbox_acsi {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: -105px 0;
  height: 20px;
  width: 20px;
}

.sprite-customer-portal-login {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: -135px 0;
  height: 70px;
  width: 294px;
}

.sprite-customer-portal-login1 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: -439px 0;
  height: 70px;
  width: 294px;
}

.sprite-customer-portal-logo {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: -743px 0;
  height: 40px;
  width: 167px;
}

.sprite-customer-portal-logo1 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: -920px 0;
  height: 40px;
  width: 168px;
}

.sprite-drop-arrow {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: -1098px 0;
  height: 4px;
  width: 8px;
}

.sprite-rb-checked,
.iradio_acsi.checked {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: -1116px 0;
  height: 20px;
  width: 20px;
}

.sprite-rb,
.iradio_acsi {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: -1146px 0;
  height: 20px;
  width: 20px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  .sprite {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    background: url('../images/sprite2x-sfa315ba83b.png') no-repeat;
    -moz-background-size: 1176px auto;
    -o-background-size: 1176px auto;
    -webkit-background-size: 1176px auto;
    background-size: 1176px auto;
  }

  .sprite-acsi-logo {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    background: url('../images/sprite2x-sfa315ba83b.png') no-repeat;
    -moz-background-size: 1176px auto;
    -o-background-size: 1176px auto;
    -webkit-background-size: 1176px auto;
    background-size: 1176px auto;
    background-position: 0 0;
    height: 56px;
    width: 65px;
  }

  .sprite-cb-checked,
  .icheckbox_acsi.checked {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    background: url('../images/sprite2x-sfa315ba83b.png') no-repeat;
    -moz-background-size: 1176px auto;
    -o-background-size: 1176px auto;
    -webkit-background-size: 1176px auto;
    background-size: 1176px auto;
    background-position: -75px 0;
    height: 20px;
    width: 20px;
  }

  .sprite-cb,
  .icheckbox_acsi {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    background: url('../images/sprite2x-sfa315ba83b.png') no-repeat;
    -moz-background-size: 1176px auto;
    -o-background-size: 1176px auto;
    -webkit-background-size: 1176px auto;
    background-size: 1176px auto;
    background-position: -105px 0;
    height: 20px;
    width: 20px;
  }

  .sprite-customer-portal-login {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    background: url('../images/sprite2x-sfa315ba83b.png') no-repeat;
    -moz-background-size: 1176px auto;
    -o-background-size: 1176px auto;
    -webkit-background-size: 1176px auto;
    background-size: 1176px auto;
    background-position: -135px 0;
    height: 70px;
    width: 294px;
  }

  .sprite-customer-portal-login1 {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    background: url('../images/sprite2x-sfa315ba83b.png') no-repeat;
    -moz-background-size: 1176px auto;
    -o-background-size: 1176px auto;
    -webkit-background-size: 1176px auto;
    background-size: 1176px auto;
    background-position: -439px 0;
    height: 70px;
    width: 294px;
  }

  .sprite-customer-portal-logo {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    background: url('../images/sprite2x-sfa315ba83b.png') no-repeat;
    -moz-background-size: 1176px auto;
    -o-background-size: 1176px auto;
    -webkit-background-size: 1176px auto;
    background-size: 1176px auto;
    background-position: -743px 0;
    height: 40px;
    width: 167px;
  }

  .sprite-customer-portal-logo1 {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    background: url('../images/sprite2x-sfa315ba83b.png') no-repeat;
    -moz-background-size: 1176px auto;
    -o-background-size: 1176px auto;
    -webkit-background-size: 1176px auto;
    background-size: 1176px auto;
    background-position: -920px 0;
    height: 40px;
    width: 168px;
  }

  .sprite-drop-arrow {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    background: url('../images/sprite2x-sfa315ba83b.png') no-repeat;
    -moz-background-size: 1176px auto;
    -o-background-size: 1176px auto;
    -webkit-background-size: 1176px auto;
    background-size: 1176px auto;
    background-position: -1098px 0;
    height: 4px;
    width: 8px;
  }

  .sprite-rb-checked,
  .iradio_acsi.checked {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    background: url('../images/sprite2x-sfa315ba83b.png') no-repeat;
    -moz-background-size: 1176px auto;
    -o-background-size: 1176px auto;
    -webkit-background-size: 1176px auto;
    background-size: 1176px auto;
    background-position: -1116px 0;
    height: 20px;
    width: 20px;
  }

  .sprite-rb,
  .iradio_acsi {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    background: url('../images/sprite2x-sfa315ba83b.png') no-repeat;
    -moz-background-size: 1176px auto;
    -o-background-size: 1176px auto;
    -webkit-background-size: 1176px auto;
    background-size: 1176px auto;
    background-position: -1146px 0;
    height: 20px;
    width: 20px;
  }
}

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

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'b2c';
    src: url('../font/b2c.svg?14157680#b2c') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "b2c";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-account:before {
  content: '\e800';
}

/* '' */
.icon-buy:before {
  content: '\e801';
}

/* '' */
.icon-campsite:before {
  content: '\e802';
}

/* '' */
.icon-discount:before {
  content: '\e803';
}

.icon-card:before {
   content: '\1F4C7'; 
}
/* '' */
/*
The media object:
http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/

The media object mixin:
http://codepen.io/zachharkey/pen/HpaDd

Modified above mixin so it supports vertical alignment
*/
.media:before,
.media:after {
  content: " ";
  display: table;
}

.media:after {
  clear: both;
}

.media .media__body {
  overflow: hidden;
  display: block;
  margin-bottom: 10px;
}

.media .media__image {
  float: left;
  margin-right: 10px;
}

.media .media__image span,
.media .media__image i,
.media .media__image img {
  display: block;
  max-width: none;
}

/*********************
HTML5 DETAILS

The details element is the html5 equivalent to jquery toggle.
This file contains markup to style the summary element consistently.

For more info on the HTML5 details element see link below:
http://html5doctor.com/the-details-and-summary-elements/
*********************/
/**
 * The details summary height is the height of the summary element inclusive padding
 * It is used to set the size of the details element correctly.
 */
details {
  margin-bottom: 30px;
  /* Correct padding and margins on last element of both details and details-wrapper */
}

details>summary::-webkit-details-marker {
  display: none;
}

details>summary {
  position: relative;
  outline: none;
  color: #0076a3;
}

details>summary:focus,
details>summary:hover {
  cursor: pointer;
}

details>summary:before {
  margin: 0 0.5em 0 0;
  content: "▼";
  color: #0076a3;
}

details[open]>summary:before,
details.open>summary:before {
  content: "▲";
}

details,
details>.details__content {
  /**
    * Nested details
    */
}

details> :last-child:not(details),
details>.details__content> :last-child:not(details) {
  margin-bottom: 0;
  padding-bottom: 0;
}

details details,
details>.details__content details {
  padding-bottom: 30px;
}

details .details__content {
  display: none;
}

details.details--open-margin .details__content {
  padding-top: 15px;
}

.details--toggle {
  margin-bottom: 30px;
}

.details--toggle__item,
.details--toggle-island {
  border-bottom: 1px dashed #ccc;
  padding: 0 0.5em;
  margin: 0;
}

.details--toggle__item:first-child,
.details--toggle-island:first-child {
  border-top: 1px dashed #ccc;
}

.details--toggle__item>summary,
.details--toggle-island>summary {
  padding: 0.55em 2em 0.55em 0;
}

.details--toggle__item>summary:before,
.details--toggle-island>summary:before {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -0.5em 0 0 0;
  content: "▼";
}

.details--toggle__item[open],
[open].details--toggle-island,
.details--toggle__item.open,
.open.details--toggle-island {
  padding: 0 0.5em 0.55em;
}

.details--toggle__item[open]>summary:before,
[open].details--toggle-island>summary:before,
.details--toggle__item.open>summary:before,
.open.details--toggle-island>summary:before {
  content: "▲";
}

.details--toggle__item-icon {
  float: left;
}

.details--toggle__item-label {
  display: block;
  margin: 0 0 0 2em;
  word-break: break-word;
}

.details--toggle-island {
  border: 1px solid #ccc;
  border-bottom: none;
  padding: 0 1em;
}

.details--toggle-island[open],
.details--toggle-island.open {
  padding: 0 1em 0.5em;
}

.details--toggle-island:first-child {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 1px solid #ccc;
}

.details--toggle-island:last-child {
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}

.details--toggle-island>summary:before {
  margin-right: 0;
}

.details--expand {
  position: relative;
  padding-bottom: 24px;
}

.details--expand>summary {
  position: absolute;
  bottom: 0;
  border-top: 1px solid #ccc;
  width: 100%;
  padding: 5px 0 0 0;
}

.details--expand>summary:focus span,
.details--expand>summary:hover span {
  text-decoration: underline;
}

.details--expand>summary.details--no-border {
  border: 0;
}

.details--no-margin {
  margin-top: -15px;
  margin-bottom: 15px;
}

/**
* Tablet and desktop use
*/
@media only screen and (min-width: 48em) {
  details {
    /* Correct padding and margins on last element of both details and details-wrapper */
  }

  details,
  details>.details-wrapper {
    /**
      * Nested details
      */
  }

  details details,
  details>.details-wrapper details {
    padding-bottom: 30px;
  }

  .details--toggle-island:last-child {
    margin-bottom: 30px;
  }
}

/**
* Fix for ie8 details icon
*/
.ie8 details>summary:before {
  content: "▼";
}

.ie8 details[open="true"]>summary:before {
  content: "▲";
}

.ie8 .details--toggle__item>summary:before,
.ie8 .details--toggle-island>summary:before {
  content: "▼";
}

.ie8 .details--toggle__item[open="true"]>summary:before,
.ie8 [open="true"].details--toggle-island>summary:before {
  content: "▲";
}

/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
.btn,
.btn-darker-grey,
.btn-orange,
.btn-white,
.btn-grey {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /*
  @include single-box-shadow( 0px, 1px, 0px, 0px, $btn-blue-border, inset );
  @include css-gradient($btn-blue-light-color, $btn-blue-dark-color);
  */
  -moz-box-shadow: inset 0px 1px 0px 0px #009835;
  -webkit-box-shadow: inset 0px 1px 0px 0px #009835;
  box-shadow: inset 0px 1px 0px 0px #009835;
  background-color: #009835;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009835), to(#009835));
  background-image: -webkit-linear-gradient(top, #009835, #009835);
  background-image: -moz-linear-gradient(top, #009835, #009835);
  background-image: -o-linear-gradient(top, #009835, #009835);
  background-image: linear-gradient(to bottom, #009835, #009835);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009835', endColorstr='#009835');
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-indent: 0;
  color: #fff !important;
  text-decoration: none !important;
  border: 1px solid #009835;
  padding: 0.5em 1em;
  text-align: center;
  outline: none;
  width: 100%;
  margin: 0;
  vertical-align: middle;
  line-height: 1.4;
}

.btn:active,
.btn-darker-grey:active,
.btn-orange:active,
.btn-white:active,
.btn-grey:active,
.btn:focus,
.btn-darker-grey:focus,
.btn-orange:focus,
.btn-white:focus,
.btn-grey:focus,
.btn:hover,
.btn-darker-grey:hover,
.btn-orange:hover,
.btn-white:hover,
.btn-grey:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #00cb47;
  border: 1px solid #009835;
}

.btn:active:hover,
.btn-darker-grey:active:hover,
.btn-orange:active:hover,
.btn-white:active:hover,
.btn-grey:active:hover,
.btn:active:focus,
.btn-darker-grey:active:focus,
.btn-orange:active:focus,
.btn-white:active:focus,
.btn-grey:active:focus,
.btn:focus:hover,
.btn-darker-grey:focus:hover,
.btn-orange:focus:hover,
.btn-white:focus:hover,
.btn-grey:focus:hover,
.btn:focus:focus,
.btn-darker-grey:focus:focus,
.btn-orange:focus:focus,
.btn-white:focus:focus,
.btn-grey:focus:focus,
.btn:hover:hover,
.btn-darker-grey:hover:hover,
.btn-orange:hover:hover,
.btn-white:hover:hover,
.btn-grey:hover:hover,
.btn:hover:focus,
.btn-darker-grey:hover:focus,
.btn-orange:hover:focus,
.btn-white:hover:focus,
.btn-grey:hover:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #00cb47;
  border: 1px solid #009835;
}

.btn:focus,
.btn-darker-grey:focus,
.btn-orange:focus,
.btn-white:focus,
.btn-grey:focus {
  outline: none;
}

.btn-small {
  font-size: 90%;
  padding: .3em .6em;
}

.btn-smaller {
  font-size: 80%;
  padding: .2em .4em;
}

.btn-full {
  width: 100% !important;
}

.btn-wide {
  padding: 0.5em 2em;
}

.btn-darker-grey {
  -moz-box-shadow: inset 0px 1px 0px 0px #666;
  -webkit-box-shadow: inset 0px 1px 0px 0px #666;
  box-shadow: inset 0px 1px 0px 0px #666;
  background-color: #666;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#666));
  background-image: -webkit-linear-gradient(top, #666, #666);
  background-image: -moz-linear-gradient(top, #666, #666);
  background-image: -o-linear-gradient(top, #666, #666);
  background-image: linear-gradient(to bottom, #666666, #666666);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#666');
  border: 1px solid #666;
}

.btn-darker-grey:active,
.btn-darker-grey:focus,
.btn-darker-grey:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #8c8c8c;
}

.btn-orange {
  -moz-box-shadow: inset 0px 1px 0px 0px #009835;
  -webkit-box-shadow: inset 0px 1px 0px 0px #009835;
  box-shadow: inset 0px 1px 0px 0px #009835;
  background-color: #009835;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009835), to(#009835));
  background-image: -webkit-linear-gradient(top, #009835, #009835);
  background-image: -moz-linear-gradient(top, #009835, #009835);
  background-image: -o-linear-gradient(top, #009835, #009835);
  background-image: linear-gradient(to bottom, #009835, #009835);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009835', endColorstr='#009835');
  border: 1px solid #009835;
}

.btn-orange:active,
.btn-orange:focus,
.btn-orange:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #ff1a1d;
  border: 1px solid #009835;
}

.btn-white {
  -moz-box-shadow: inset 0px 0px 4px -1px #cccccc;
  -webkit-box-shadow: inset 0px 0px 4px -1px #cccccc;
  box-shadow: inset 0px 0px 4px -1px #cccccc;
  background: #fff;
  background-color: #fff;
  color: #666 !important;
  border: 1px solid #cccccc;
}

.btn-white:hover {
  color: #8c8c8c !important;
}

.btn-white:hover span {
  color: #8c8c8c;
  text-decoration: none;
}

.btn-white:active,
.btn-white:focus,
.btn-white:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #f0f0f0;
}

.btn-grey {
  -moz-box-shadow: inset 0px 1px 0px 0px #f1f1e9;
  -webkit-box-shadow: inset 0px 1px 0px 0px #f1f1e9;
  box-shadow: inset 0px 1px 0px 0px #f1f1e9;
  background-color: #f1f1e9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1e9), to(#f1f1e9));
  background-image: -webkit-linear-gradient(top, #f1f1e9, #f1f1e9);
  background-image: -moz-linear-gradient(top, #f1f1e9, #f1f1e9);
  background-image: -o-linear-gradient(top, #f1f1e9, #f1f1e9);
  background-image: linear-gradient(to bottom, #f1f1e9, #f1f1e9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1e9', endColorstr='#f1f1e9');
  border: 1px solid #cccccc;
  color: #8c8c8c !important;
}

.btn-grey:active,
.btn-grey:focus,
.btn-grey:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #cccccc;
  color: #fff !important;
}

.no-btn {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
FORM ERROR MESSAGES
*********************/
.form-control--error label {
  color: #e60003;
}

.form-control--error input {
  border: 1px solid #e60003 !important;
}

.form-control--valid {
  position: relative;
}

.form-control--valid input {
  border: 1px solid #00cb47 !important;
}

.form-control__feedback {
  display: none;
  font-size: 90%;
}

.form-control__feedback.icon-check {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #00cb47;
}

.form-control__feedback.icon-none {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #e60003;
}

span.error,
label.error,
input[type="text"]~span.error,
input[type="password"]~span.error,
input[type="datetime"]~span.error,
input[type="datetime-local"]~span.error,
input[type="month"]~span.error,
input[type="date"]~span.error,
input[type="time"]~span.error,
input[type="week"]~span.error,
input[type="number"]~span.error,
input[type="email"]~span.error,
input[type="url"]~span.error,
input[type="search"]~span.error,
input[type="tel"]~span.error,
input[type="color"]~span.error,
select~span.error,
textarea~span.error,
.field~span.error {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #e60003;
  background-color: #ff4d4f;
  padding: .5em;
  margin-top: .5em;
  position: relative;
  display: block;
}

span.error:after,
label.error:after,
input[type="text"]~span.error:after,
input[type="password"]~span.error:after,
input[type="datetime"]~span.error:after,
input[type="datetime-local"]~span.error:after,
input[type="month"]~span.error:after,
input[type="date"]~span.error:after,
input[type="time"]~span.error:after,
input[type="week"]~span.error:after,
input[type="number"]~span.error:after,
input[type="email"]~span.error:after,
input[type="url"]~span.error:after,
input[type="search"]~span.error:after,
input[type="tel"]~span.error:after,
input[type="color"]~span.error:after,
select~span.error:after,
textarea~span.error:after,
.field~span.error:after {
  left: 45px;
  margin-left: -15px;
  bottom: 100%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 10px solid #ff4d4f;
}

/*********************
FORM LAYOUT
*********************/
.form-horizontal,
.form-vertical {
  /* Reset bottom margins */
}

.form-horizontal .list-dropdown,
.form-vertical .list-dropdown {
  margin-bottom: 0;
}

.form-horizontal .form-title,
.form-vertical .form-title {
  display: block;
  margin-bottom: 8px;
}

.form-horizontal label,
.form-horizontal .label,
.form-horizontal .form-control__feedback,
.form-vertical label,
.form-vertical .label,
.form-vertical .form-control__feedback {
  display: block;
  padding-top: 8px;
}

.form-horizontal .form-control:last-child,
.form-vertical .form-control:last-child {
  margin-bottom: 0;
}

.form-horizontal .media:before,
.form-horizontal .media:after,
.form-vertical .media:before,
.form-vertical .media:after {
  content: " ";
  display: table;
}

.form-horizontal .media:after,
.form-vertical .media:after {
  clear: both;
}

.form-horizontal .media span,
.form-vertical .media span {
  overflow: hidden;
  display: block;
  margin-bottom: 10px;
}

.form-horizontal .media .icheck-item,
.form-vertical .media .icheck-item {
  float: left;
  margin-right: 0.5em;
}

.form-horizontal .media .icheck-item span,
.form-horizontal .media .icheck-item i,
.form-horizontal .media .icheck-item img,
.form-vertical .media .icheck-item span,
.form-vertical .media .icheck-item i,
.form-vertical .media .icheck-item img {
  display: block;
  max-width: none;
}

.form-horizontal .media .icheck-item,
.form-vertical .media .icheck-item {
  margin-top: 2px;
}

.form-horizontal .media span,
.form-vertical .media span {
  margin: 0;
}

.form-horizontal ul,
.form-horizontal .island,
.form-vertical ul,
.form-vertical .island {
  margin-bottom: 0;
}

.form-horizontal fieldset,
.form-vertical fieldset {
  border: none;
}

.form-horizontal fieldset legend,
.form-vertical fieldset legend {
  font-weight: bold;
  position: relative;
  margin-left: 39px;
}

.form-horizontal fieldset legend .step,
.form-vertical fieldset legend .step {
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background: #0076a3;
  position: absolute;
  left: -39px;
  top: -4px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: white;
  padding-left: 11px;
}

.form__extra-info {
  margin-top: 10px;
}

/*********************
FORM LAYOUT
*********************/
.form label,
.form .label {
  display: block;
  margin-bottom: 5px;
}

.form .form-control {
  margin-bottom: 8px;
}

.form .form-control:last-child {
  margin-bottom: 0;
}

/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="date"],
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 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-appearance: none;
  background-color: #fff;
  font-family: inherit;
  border: 1px solid #cccccc;
  color: #8c8c8c;
  margin: 0;
  padding: .5em;
  width: 100%;
  vertical-align: middle;
  line-height: 1.3em;
  min-height: 2.6em;
}

input[type="text"].placeholder,
input[type="password"].placeholder,
input[type="datetime"].placeholder,
input[type="datetime-local"].placeholder,
input[type="month"].placeholder,
input[type="date"].placeholder,
input[type="time"].placeholder,
input[type="week"].placeholder,
input[type="number"].placeholder,
input[type="email"].placeholder,
input[type="url"].placeholder,
input[type="search"].placeholder,
input[type="tel"].placeholder,
input[type="color"].placeholder,
select.placeholder,
textarea.placeholder,
.field.placeholder {
  color: #8c8c8c;
}

input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder,
.field:-moz-placeholder {
  color: #8c8c8c;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.field::-webkit-input-placeholder {
  color: #8c8c8c;
}

input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
  border-color: #009835;
  outline: none;
}

input[type="text"]~span.error,
input[type="password"]~span.error,
input[type="datetime"]~span.error,
input[type="datetime-local"]~span.error,
input[type="month"]~span.error,
input[type="date"]~span.error,
input[type="time"]~span.error,
input[type="week"]~span.error,
input[type="number"]~span.error,
input[type="email"]~span.error,
input[type="url"]~span.error,
input[type="search"]~span.error,
input[type="tel"]~span.error,
input[type="color"]~span.error,
select~span.error,
textarea~span.error,
.field~span.error {
  display: none;
  margin-top: 10px;
}

input[type="text"].error,
input[type="password"].error,
input[type="datetime"].error,
input[type="datetime-local"].error,
input[type="month"].error,
input[type="date"].error,
input[type="time"].error,
input[type="week"].error,
input[type="number"].error,
input[type="email"].error,
input[type="url"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="color"].error,
select.error,
textarea.error,
.field.error {
  border-color: #e60003;
}

input[type="text"].error~span.error,
input[type="password"].error~span.error,
input[type="datetime"].error~span.error,
input[type="datetime-local"].error~span.error,
input[type="month"].error~span.error,
input[type="date"].error~span.error,
input[type="time"].error~span.error,
input[type="week"].error~span.error,
input[type="number"].error~span.error,
input[type="email"].error~span.error,
input[type="url"].error~span.error,
input[type="search"].error~span.error,
input[type="tel"].error~span.error,
input[type="color"].error~span.error,
select.error~span.error,
textarea.error~span.error,
.field.error~span.error {
  display: inline-block;
}

input[type="text"].valid,
input[type="password"].valid,
input[type="datetime"].valid,
input[type="datetime-local"].valid,
input[type="month"].valid,
input[type="date"].valid,
input[type="time"].valid,
input[type="week"].valid,
input[type="number"].valid,
input[type="email"].valid,
input[type="url"].valid,
input[type="search"].valid,
input[type="tel"].valid,
input[type="color"].valid,
select.valid,
textarea.valid,
.field.valid {
  border-color: #00cb47;
}

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="month"][disabled],
input[type="month"].is-disabled,
input[type="date"][disabled],
input[type="date"].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 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default;
}

input[type="text"][disabled]:hover,
input[type="text"].is-disabled:hover,
input[type="password"][disabled]:hover,
input[type="password"].is-disabled:hover,
input[type="datetime"][disabled]:hover,
input[type="datetime"].is-disabled:hover,
input[type="datetime-local"][disabled]:hover,
input[type="datetime-local"].is-disabled:hover,
input[type="month"][disabled]:hover,
input[type="month"].is-disabled:hover,
input[type="date"][disabled]:hover,
input[type="date"].is-disabled:hover,
input[type="time"][disabled]:hover,
input[type="time"].is-disabled:hover,
input[type="week"][disabled]:hover,
input[type="week"].is-disabled:hover,
input[type="number"][disabled]:hover,
input[type="number"].is-disabled:hover,
input[type="email"][disabled]:hover,
input[type="email"].is-disabled:hover,
input[type="url"][disabled]:hover,
input[type="url"].is-disabled:hover,
input[type="search"][disabled]:hover,
input[type="search"].is-disabled:hover,
input[type="tel"][disabled]:hover,
input[type="tel"].is-disabled:hover,
input[type="color"][disabled]:hover,
input[type="color"].is-disabled:hover,
select[disabled]:hover,
select.is-disabled:hover,
textarea[disabled]:hover,
textarea.is-disabled:hover,
.field[disabled]:hover,
.field.is-disabled:hover {
  cursor: default;
}

/* Date input (with icon */
.datepicker,
input[type="date"] {
  position: relative;
  padding: .35em 0 .35em .5em;
  background: #fff url("../images/sprite/calendar.png") 98% center no-repeat;
}

.datepicker:hover,
input[type="date"]:hover {
  background: #fff url("../images/sprite/calendar-hover.png") 98% center no-repeat;
}

textarea {
  width: 100%;
  min-height: 120px;
  line-height: 1.5em;
}

select {
  -webkit-appearance: none;
  /* 1 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 96.5% center;
}

select,
select.form-control {
  background-image: url("../images/sprite/drop-arrow.png");
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  background-repeat: no-repeat;
  background-position: 96.5% center;
  padding-right: 25px;
}

/*
  Checkboxes & radiobuttons
----------------------------------- */
.check-radio,
.input__checkbox input[type="checkbox"],
.input__radiobttn input[type="radio"] {
  position: absolute;
  display: block;
  opacity: 0;
  z-index: -99;
  clip: rect(0px 0px 0px 0px);
  outline: none !important;
  height: 1px;
  width: 1px;
}

.input__checkbox {
  padding-left: 1.75em;
}

.input__checkbox input[type="checkbox"]+span {
  margin: -1px 4px 0 -1.75em;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: -105px 0;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.input__checkbox input[type="checkbox"]:checked+span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: -75px 0;
  height: 20px;
  width: 20px;
}

.input__radiobttn {
  padding-left: 1.75em;
}

.input__radiobttn input[type="radio"]+.custom-radio-icon {
  margin: -1px 4px 0 -1.75em;
  cursor: pointer;
}

.input__radiobttn input[type="radio"]+span {
  margin: -1px 4px 0 -1.75em;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: -1146px 0;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.input__radiobttn input[type="radio"]:checked+span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: -1116px 0;
  height: 20px;
  width: 20px;
}

/*
  Checkboxes & radiobuttons, using icheck js
  iCheck plugin flat skin
----------------------------------- */
.icheck-label:hover {
  cursor: pointer;
}

.icheckbox_acsi,
.iradio_acsi {
  padding: 0;
  border: none;
  cursor: pointer;
}

.icheckbox_acsi--mr {
  margin-right: .5em;
}

.icheckbox_acsi--ml {
  margin-left: .5em;
}

/* Hidden labels for accessability */
.label--hidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

/* form notices */
.form-notice {
  color: #8c8c8c;
}

@media only screen and (min-width: 30em) {
  .form-horizontal fieldset {
    margin-left: 39px;
    margin-right: 39px;
  }

  .form-horizontal fieldset legend {
    margin-left: 0;
  }
}

.ie8 input,
.ie8 .field {
  line-height: 1em;
  min-height: 1.5em;
}

/*!
 * jQuery UI CSS Framework 1.10.0
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*!
 * jQuery UI CSS Framework 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=segoe%20ui%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=ece8da&bgTextureHeader=gloss_wave&bgImgOpacityHeader=100&borderColorHeader=d4ccb0&fcHeader=433f38&iconColorHeader=847e71&bgColorContent=f5f3e5&bgTextureContent=highlight_hard&bgImgOpacityContent=100&borderColorContent=dfd9c3&fcContent=312e25&iconColorContent=808080&bgColorDefault=459e00&bgTextureDefault=highlight_hard&bgImgOpacityDefault=15&borderColorDefault=327E04&fcDefault=ffffff&iconColorDefault=eeeeee&bgColorHover=67b021&bgTextureHover=highlight_soft&bgImgOpacityHover=25&borderColorHover=327E04&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=fafaf4&bgTextureActive=highlight_hard&bgImgOpacityActive=100&borderColorActive=d4ccb0&fcActive=459e00&iconColorActive=8DC262&bgColorHighlight=fcf0ba&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=e8e1b5&fcHighlight=363636&iconColorHighlight=8DC262&bgColorError=ffedad&bgTextureError=highlight_soft&bgImgOpacityError=95&borderColorError=e3a345&fcError=cd5c0a&iconColorError=cd0a0a&bgColorOverlay=2b2922&bgTextureOverlay=inset_soft&bgImgOpacityOverlay=15&opacityOverlay=90&bgColorShadow=cccccc&bgTextureShadow=highlight_hard&bgImgOpacityShadow=95&opacityShadow=20&thicknessShadow=12px&offsetTopShadow=-12px&offsetLeftShadow=-12px&cornerRadiusShadow=10px
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: segoe ui, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: segoe ui, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #cccccc;
  background: #fff;
  color: #58595b;
}

.ui-widget-content a {
  color: #0076a3;
}

.ui-widget-header {
  border: none;
  border-bottom: 1px solid #cccccc;
  color: #58595b;
  font-weight: bold;
  background: none;
}

.ui-widget-header a {
  color: #0076a3;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #58595b;
  margin: 1px;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #58595b;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #cccccc;
  background: #fff;
  color: #58595b;
  margin: 0;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #58595b;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #cccccc;
  background: #fff;
  color: #58595b;
  margin: 0;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #58595b;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #fff;
  color: #58595b;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #58595b;
  text-decoration: none;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #e3a345;
  background: #ffedad url(../images/jquery-ui/ui-bg_highlight-soft_95_ffedad_1x100.png) 50% top repeat-x;
  color: #cd5c0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd5c0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd5c0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(../images/jquery-ui/ui-icons_808080_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(../images/jquery-ui/ui-icons_847e71_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(../images/jquery-ui/ui-icons_eeeeee_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(../images/jquery-ui/ui-icons_ffffff_256x240.png);
}

.ui-state-active .ui-icon {
  background-image: url(../images/jquery-ui/ui-icons_8DC262_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(../images/jquery-ui/ui-icons_8DC262_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(../images/jquery-ui/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #2b2922 url(../images/jquery-ui/ui-bg_inset-soft_15_2b2922_1x100.png) 50% bottom repeat-x;
  opacity: .9;
  filter: Alpha(Opacity=90);
}

.ui-widget-shadow {
  margin: -12px 0 0 -12px;
  padding: 12px;
  background: #cccccc url(../images/jquery-ui/ui-bg_highlight-hard_95_cccccc_1x100.png) 50% top repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  border-radius: 10px;
}

.js .accordion {
  margin-bottom: 30px;
}

.js .accordion .accordion-item .icon--mr {
  margin-right: .5em;
}

.js .accordion .accordion-item .accordion-title {
  font-size: 16px;
  padding: .5em;
  background: #f1f1e9;
  margin: 0;
  border-bottom: 1px solid #cccccc;
  color: #8c8c8c;
  display: block;
  position: relative;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
}

.js .accordion .accordion-item .accordion-title:after {
  font-family: acsicons;
  display: inline-block;
  float: right;
  content: "";
  margin-top: 1px;
}

.js .accordion .accordion-item .accordion-title.active:after {
  content: "";
  color: #58595b;
}

.js .accordion .accordion-item:first-of-type .accordion-title {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}

.js .accordion .accordion-item:last-of-type .accordion-title {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0;
  border-radius: 0 0 5px 5px;
}

.js .accordion .accordion-item:hover .accordion-title,
.js .accordion .accordion-item:active .accordion-title,
.js .accordion .accordion-item .accordion-title.active {
  color: #58595b;
}

.js .accordion .accordion-item .accordion-content {
  margin: 30px auto;
}

.nav-tabs {
  background: #f9f9f9;
  /* padding: 0px 10px 0; */
  border-bottom-color: #cccccc;
}

.nav-tabs>li>a {
  color: #009835;
}

.nav-tabs>li.active>a {
  color: #58595b;
  border-color: #cccccc;
  border-bottom-color: transparent;
}

.selected-item {
  background: #f1f1e9;
}

.category-management__sidebar {
  position: absolute;
  height: calc(100% - 130px);
  overflow: hidden;
}

.category-management__sidebar .list-group {
  height: 90%;
  overflow: auto;
  border: 1px solid #ebebe1;
  -webkit-box-shadow: 0 0px 0px transparent;
  box-shadow: 0 0px 0px transparent;
}

.category-management__sidebar .list-group .list-group-item {
  border-radius: 0;
  border-width: 1px 0 1px 0;
}

.list-group.panel {
  border-bottom: 1px solid #ebebe1;
  padding-bottom: 1px;
}

.list-group-item {
  padding: 5px 10px;
}

.list-group-item.collapsed .glyphicon:before {
  content: "\e080";
}

.product-line__header {
  border-bottom: 0;
}

.category__header {
  padding-left: 30px;
  border-bottom: 0;
  border-top: 0;
}

.sub-category__header {
  padding-left: 50px;
  border-bottom: 0;
  border-top: 0;
}

.sub-category__body {
  border: 1px solid #ebebe1;
  border-top: 0;
  padding-left: 70px;
}

.translations__wrap {
  margin-bottom: 10px;
}

.translations__list {
  height: 180px;
  overflow: auto;
  border: 1px solid #ebebe1;
  padding: 10px;
  margin-bottom: 10px;
  /*display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-flex-wrap: wrap;
        flex-wrap: wrap;
		*/
  width: 100%;
}

.translations__list>li {
  padding: 5px;
}

.country-name {
  width: 25%;
  display: inline-block;
  vertical-align: top;
}

.question-item {
  width: 75%;
  display: inline-block;
  vertical-align: top;
}

.language-block,
.title-block,
.question-block,
.answer-block {
  border: 1px solid #ebebe1;
  padding: 10px;
  margin-bottom: 10px;
}

.search-result__wrap {
  height: 380px;
  overflow: auto;
  margin-bottom: 15px;
}

.filter__wrap,
.statement__content-wrap {
  padding: 15px;
}

.statement__option-panel {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 15px;
}

.statement__date {
  width: 25%;
}

.statement__export {
  margin-left: auto;
}

.statement__campsite-count {
  margin-left: 15px;
}

.statement__record {
  overflow: auto;
  min-height: 200px;
  max-height: 500px;
}

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
Author: 
Site:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

**********************
    INDEX
**********************
01. GENERAL STYLES
02. LINK STYLES
03. H1, H2, H3, H4, H5 STYLES
04. HEADER STYLES
05. NAVIGATION STYLES
06. CONTENT STYLES
07. FOOTER STYLES
08. ICONS

******************************************************************/
/*********************
01. GENERAL STYLES
*********************/
body {
  font-size: 13px;
}

.acsi-logo {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: 0 0;
  height: 56px;
  width: 65px;
}

.row .row {
  margin: 0 -15px;
}

/* Login page */
.login-bg {
  background-color: #fff;
}

.login__wrap {
  margin: 180px auto 0;
  width: 460px;
  position: relative;
  padding: 20px;
  border: 1px solid #009835;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.login__wrap .logo {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: -135px 0;
  height: 70px;
  width: 294px;
  margin-bottom: 15px;
  margin-top: -7px;
}

.login__wrap:after {
  position: absolute;
  content: "";
  top: 35px;
  left: 0;
  right: 0;
  height: 33px;
  background: #009835;
  z-index: -1;
}

/* highlighted text */
.search-contentactive {
  color: #ebc805;
}

/* more info */
.more-info {
  font-size: 17px;
  color: #3AB871;
}

/* post followed */
.post__not-followed {
  color: #cccccc;
  padding: 0 0 4px 4px;
}

.post__followed {
  color: #ebc805;
  padding: 0 0 4px 4px;
}

/* external link */
.clicktoOpen {
  position: absolute;
  right: 1px;
  top: 0;
}

/*********************
02. LINK STYLES
*********************/
a,
.link {
  cursor: pointer;
}

.task__count,
.mail__count {
  position: relative;
}

.task__count .badge,
.mail__count .badge {
  position: absolute;
  top: 12px;
  right: 5px;
  font-size: 75%;
}

/*********************
03. H1, H2, H3, H4, H5 STYLES
*********************/
h1,
.h1 {
  font-size: 2.1em;
  line-height: 2.15em;
  margin-bottom: .5em;
}

h2,
.h2 {
  font-size: 1.8em;
  line-height: 1.85em;
  margin-bottom: .5em;
}

h3,
.h3,
.form-horizontal fieldset legend,
.form-vertical fieldset legend {
  font-size: 1.5em;
  line-height: 1.55em;
  margin-bottom: .5em;
}

h4,
.h4 {
  font-size: 1.2em;
  line-height: 1.25em;
  margin-bottom: .5em;
}

h5,
.h5 {
  font-size: 1.0em;
  line-height: 1.05em;
  margin-bottom: .5em;
}

/*********************
04. HEADER STYLES
*********************/
header.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  border: 0;
}

.logo {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  background: url('../images/sprite-s2face2d998.png') no-repeat;
  background-position: -743px 0;
  height: 40px;
  width: 167px;
  margin: 10px 0;
}

.navbar .container .navbar-brand,
.navbar .container-fluid .navbar-brand {
  margin-left: 0;
}

.navbar.navbar-default {
  background: #009835;
  border-radius: 0;
}

.navbar.navbar-default .navbar-nav>li>a {
  color: #fff;
}

.navbar.navbar-default .navbar-nav>li>a:hover {
  background-color: #006523;
}

.navbar.navbar-default .navbar-nav>li.open>a {
  color: #fff;
  background: #006523;
}

.navbar.navbar-default .navbar-nav>li.open>a:hover,
.navbar.navbar-default .navbar-nav>li.open>a:focus {
  color: #fff;
  background: #006523;
}

.header__search-block {
  float: left;
  padding: 7px 10px;
  margin: 5px;
  color: #fff;
}

.header__search-block .search-filter__container {
  padding: 10px 15px;
}

.header__search-block a {
  color: #fff;
}

@media only screen and (min-width: 48em) {
  .header__search-block input {
    max-width: 170px;
  }
}

/*********************
05. NAVIGATION STYLES
*********************/
/*********************
06. CONTENT STYLES
*********************/
.body-container {
  margin-bottom: 30px;
  margin-top: 60px;
}

.advanceSearch__list {
  background: #f9f9f9;
  border: 1px solid #ccc;
  margin: 8px 0px 0px 0px;
  width: 100%;
}

/* customer search page */
.recent__list,
.favorite__list {
  padding: 15px;
  background: #f9f9f9;
  border: 1px solid #ccc;
  margin: 15px 2% 15px 2%;
  width: 46%;
}

.recent__list h2,
.favorite__list h2 {
  border-bottom: 2px solid;
  color: green;
}

.recent__list .search-list__item-wrap .search-list__item-detail,
.favorite__list .search-list__item-wrap .search-list__item-detail {
  width: 45%;
}

.recent__list .search-list__item-wrap .search-list__item-address,
.favorite__list .search-list__item-wrap .search-list__item-address {
  width: 45%;
  float: right;
}

.search-list__item-wrap {
  padding: 15px;
  border-bottom: 1px solid #ebebe1;
}

.search-list__item-wrap customerlist {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.search-list__item-wrap customerlist>h3 {
  width: 100%;
}

.search-list__item-wrap .search-list__item-detail {
  display: inline-block;
  width: 25%;
  vertical-align: top;
}

.search-list__item-wrap .search-list__item-address {
  display: inline-block;
  padding: 10px;
  background-color: #f9f9f9;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  vertical-align: top;
}

.search-list__item-wrap {
  padding: 15px;
  border-bottom: 1px solid #ebebe1;
}

.search-list__item-wrap customerlist {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.search-list__item-wrap customerlist>h3 {
  width: 100%;
}

.search-list__item-wrap calllist {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.search-list__item-wrap calllist>h3 {
  width: 100%;
}

.search-list__item-wrap .search-list__item-detail {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.search-list__item-wrap .search-list__item-address {
  display: inline-block;
  padding: 10px;
  background-color: #f9f9f9;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  vertical-align: top;
}

.search-list__item-wrap:hover {
  background-color: rgba(190, 249, 216, 0.3);
}

.search-list__item-wrap:hover .search-list__item-address {
  background-color: transparent;
}

/*customer info page */
.customer__info-block {
  padding: 15px;
  background: #f9f9f9;
  border: 1px solid #ebebe1;
  margin: 15px 0;
  position: relative;
}

.customer__title {
  border-bottom: 1px solid #ebebe1;
  margin-bottom: 15px;
}

.customer__title h2 {
  margin: 0;
}

.new_customer__quick-links {
  right: 24px;
  position: absolute;
  margin-top: 10px;
}

.customer__quick-links {
  position: absolute;
  top: 24px;
  right: 15px;
}

.customer__quick-links li {
  display: inline-block;
  font-size: 18px;
  margin-left: 5px;
}

.customer__note-list {
  max-height: 130px;
  overflow-y: scroll;
}

.product-slider {
  position: relative;
  background: #ffffff;
  padding: 5px 20px;
}

.product-slider .crsl-nav .previous,
.product-slider .crsl-nav .next {
  position: absolute;
  top: calc(50% - 6px);
  cursor: pointer;
}

.product-slider .crsl-nav .previous {
  left: 5px;
}

.product-slider .crsl-nav .next {
  right: 5px;
}

.product-slider img {
  width: 100%;
}

/**/
.tab__content-wrap {
  overflow-x: scroll;
  margin-top: 5px;
}

.tab__content-wrap .ng-table>tbody>tr>td {
  text-align: center;
}

.white-space__nowwrap {
  white-space: nowrap;
}

.white-space__notnowwrap {
  white-space: normal;
}

.word-break__all {
  word-break: break-all;
}

/** Mail handling Page **/
.email-tabs .form-multifile-upload {
  min-height: 34px;
}

.email-tabs .form-horizontal .form-group label {
  margin-top: 8px;
}

.email-body {
  padding: 10px;
  position: relative;
  overflow: hidden;
}

.email-body .WordSection1 {
  height: 95%;
  overflow: auto;
}

.email-body .form-multifile-upload {
  position: absolute;
  min-height: 35px;
  display: block;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0;
  border-radius: 0;
}

.email-tabs .tab-content {
  overflow: hidden;
  padding: 10px;
}

.email-tabs .email-history__wrap .block1,
.email-tabs .profile-information__wrap .block1,
.email-tabs .orders__wrap .block1 {
  overflow: auto;
  height: 270px;
}

.email-tabs .email-history__wrap .block1 table thead th,
.email-tabs .profile-information__wrap .block1 table thead th,
.email-tabs .orders__wrap .block1 table thead th {
  white-space: nowrap;
}

.email-tabs .email-history__wrap .block2,
.email-tabs .profile-information__wrap .block2,
.email-tabs .orders__wrap .block2 {
  overflow: auto;
  height: 330px;
}

.email-tabs .email-history__wrap .block2 table thead th,
.email-tabs .profile-information__wrap .block2 table thead th,
.email-tabs .orders__wrap .block2 table thead th {
  white-space: nowrap;
}

/*********************
07. FOOTER STYLES
*********************/
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 5px;
  background: #006523;
  font-size: 80%;
  color: #fff;
}

.scrollToTop {
  position: fixed;
  right: 15px;
  background: #009835;
  color: #fff;
  display: block;
  top: 90%;
  padding: 7px;
  border-radius: 100%;
  font-size: 16px;
  text-decoration: none;
  display: none;
}

.scrollToTop:hover,
.scrollToTop:focus {
  background: #006523;
  color: #fff;
  text-decoration: none;
}

/*********************
08. ICONS
*********************/
.badge--small {
  width: 1.5em;
  height: 1.5em;
  font-size: .8em;
  padding: .2em;
}

/*********************
09. Forms
*********************/
.form-group {
  margin-bottom: 5px;
}

textarea {
  max-width: 100%;
  height: auto;
  line-height: 1.5em;
}

.form-control,
.btn,
.btn-darker-grey,
.btn-orange,
.btn-white,
.btn-grey,
.email-tabs .btn,
.email-tabs .btn-darker-grey,
.email-tabs .btn-orange,
.email-tabs .btn-white,
.email-tabs .btn-grey {
  font-size: 13px;
  height: auto;
  min-height: 2.6em;
}

.input-group-btn .btn,
.input-group-btn .btn-darker-grey,
.input-group-btn .btn-orange,
.input-group-btn .btn-white,
.input-group-btn .btn-grey {
  padding: 6px 10px;
}

/*********************
09. NG - Model
*********************/
.ng-modal-dialog-content {
  white-space: initial;
  text-align: initial;
  transform: translateZ(0);
  will-change: transform;
}

.ng-modal-close {
  z-index: 1;
  background: #ebebe1;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  color: #777;
  text-align: center;
  font-size: 90% !important;
  padding: 3px !important;
  right: 3px !important;
}

/******************
Tab Panel
******************/
.customer-tab__content table {
  /*word-break: break-all;  // for fixing the font-size child table
  font-size: 90%;*/
}

.customer-tab__content table .btn,
.customer-tab__content table .btn-darker-grey,
.customer-tab__content table .btn-orange,
.customer-tab__content table .btn-white,
.customer-tab__content table .btn-grey {
  font-size: 95%;
}

.customer-tab__content table thead tr:first-child th {
  padding-top: 20px !important;
  word-break: break-word;
}

.customer-tab__content table th {
  min-width: 50px;
}

.customer-tab__content table th .sort-indicator {
  padding: 20px 0 0 0 !important;
}

.customer-tab__content table th .sort-indicator:after,
.customer-tab__content table th .sort-indicator:before {
  top: 12px !important;
  right: 50% !important;
  margin-right: -4px !important;
}

.customer-tab__content table td>table td,
.customer-tab__content table td>table th {
  padding-top: initial !important;
}

.customer-tab__content table td>table img {
  width: 100%;
}

.ng-modal-dialog-content .customer-tab__content table {
  font-size: 100%;
}

.spinner {
  display: block;
  height: 40px;
  width: 40px;
  background: url("../images/ajax-loader.gif") no-repeat 0 0;
  margin: 8px auto;
  background-size: 100%;
}

.load-process {
  display: block;
  width: auto;
  max-width: 300px;
  margin: 300px auto;
  text-align: center;
  color: #fff;
}

.load-process small {
  font-size: 115%;
}

.transparant-background {
  width: 100%;
  height: 100%;
  position: fixed;
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  top: 0;
}

/******************
screens
******************/
/* inspector-detail page */
.inspector__quick-links {
  text-align: right;
  border-bottom: 1px solid #ebebe1;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}

.inspector__quick-links ul {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}

.inspector__quick-links ul li {
  display: inline-block;
  font-size: 18px;
  margin-left: 5px;
}

.profile__container {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  align-items: flex-end;
}

.inspector__block {
  width: 65%;
  padding: 0 15px;
  display: table;
  table-layout: fixed;
}

/* search list */
.search-item__wrap {
  padding: 15px;
  border-bottom: 1px solid #ebebe1;
}

.search-item__wrap header {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  align-items: center;
  align-content: center;
}

.search-item__wrap .search-item__picture {
  position: relative;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  overflow: hidden;
  display: inline-block;
  border: 1px solid transparent;
  margin-right: -2px;
  margin-bottom: 0;
}

.search-item__wrap .search-item__picture img {
  width: 100%;
}

.search-item__wrap .search-item__title {
  width: 50%;
  border-bottom: 2px solid transparent;
  padding-left: 15px;
}

.search-item__wrap .search-item__status {
  display: inline-block;
  float: right;
  padding: 7px 10px;
  color: #f9f9f9;
  font-size: 15px;
  text-align: center;
  line-height: 130%;
  -moz-border-radius: 0 4px 0 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 0 0;
  width: 100px;
}

.search-item__wrap .search-item__details {
  margin-left: 70px;
  width: 50%;
  padding-left: 15px;
}

.search-item__wrap .search-item__details table {
  margin-bottom: 0;
}

.search-item__wrap .search-item__address {
  display: block;
  padding: 10px;
  background-color: #f1f1e9;
  vertical-align: top;
}

.search-item__wrap.pre-active .search-item__picture {
  border: 1px solid #eaa54d;
  -moz-box-shadow: 0px 0px 5px #e48e20;
  -webkit-box-shadow: 0px 0px 5px #e48e20;
  box-shadow: 0px 0px 5px #e48e20;
}

.search-item__wrap.pre-active .search-item__title {
  border-bottom: 2px solid #e48e20;
}

.search-item__wrap.pre-active .search-item__status {
  background: #e48e20;
}

.search-item__wrap.active .search-item__picture {
  border: 1px solid #00cb47;
  -moz-box-shadow: 0px 0px 5px #006523;
  -webkit-box-shadow: 0px 0px 5px #006523;
  box-shadow: 0px 0px 5px #006523;
}

.search-item__wrap.active .search-item__title {
  border-bottom: 2px solid #006523;
}

.search-item__wrap.active .search-item__status {
  background: #006523;
}

.search-item__wrap.inactive .search-item__picture {
  border: 1px solid #ff1a1d;
  -moz-box-shadow: 0px 0px 5px #b30002;
  -webkit-box-shadow: 0px 0px 5px #b30002;
  box-shadow: 0px 0px 5px #b30002;
}

.search-item__wrap.inactive .search-item__title {
  border-bottom: 2px solid #b30002;
}

.search-item__wrap.inactive .search-item__status {
  background: #b30002;
}

.search-item__wrap:hover {
  background-color: rgba(190, 249, 216, 0.3);
}

.search-item__wrap:hover .search-item__address {
  background-color: transparent;
}

.call__info-block {
  padding: 15px;
  margin: 15px 0;
  position: relative;
}

.call__title {
  border-bottom: 1px solid #ebebe1;
  margin-bottom: 15px;
}

.call__title h2 {
  margin: 0;
}

.call__quick-links {
  position: absolute;
  top: 24px;
  right: 15px;
}

.call__quick-links li {
  display: inline-block;
  font-size: 18px;
  margin-left: 5px;
}

.call__note-list {
  max-height: 130px;
  overflow-y: scroll;
}

.product-slider {
  position: relative;
  background: #ffffff;
  padding: 5px 20px;
}

.product-slider .crsl-nav .previous,
.product-slider .crsl-nav .next {
  position: absolute;
  top: calc(50% - 6px);
  cursor: pointer;
}

.product-slider .crsl-nav .previous {
  left: 5px;
}

.product-slider .crsl-nav .next {
  right: 5px;
}

.product-slider img {
  width: 100%;
}

.call_information_block {
  margin: 0 10px;
  display: flex;
  flex-direction: row;
}

.call_personal_information_block {
  display: flex;
  flex: 0.5;
  flex-direction: column;
}

.call_details_information_block {
  display: flex;
  flex: 0.5;
  flex-direction: column;
}

.call_personal_information_table {
  margin-right: 10px;
  margin-bottom: 10px;
}

.call_information_field {
  padding-top: 20px;
}

.input_field {
  margin-left: 30px;
  margin-right: 30px;
  width: 70%;
}

.call_input_label {
  color: gray;
  font-size: 14px;
  width: 20%;
}

.call_personal_information_table td {
  padding: 6px 0;
}

.bronnen_table tr td {
  border: 1px solid gray;
  text-align: center;
}

.bronnen_table {
  width: 100%;
}

.bronnen_status_field {
  width: 25%;
  text-align: center;
  vertical-align: middle;
}

.bronnen_text_field {
  width: 25%;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}

.bronnen_period_field {
  width: 25%;
  text-align: center;
  vertical-align: middle;
}

.bronnen_renew_status_field {
  width: 25%;
  text-align: center;
  vertical-align: middle;
}

.dot {
  height: 10px;
  width: 10px;
  margin-right: 10px;
  /* background-color: red; */
  border-radius: 50%;
  display: inline-block;
}

.call_personal_information_radio {
  display: flex;
}

input[type="radio"] {
  margin: 0 10px 0 10px;
}

#email-subscribe {
  position: relative;
  width: auto;
  height: auto;
  clip: auto;
  opacity: inherit;
  z-index: inherit;
}

.radio-container {
  box-sizing: border-box;
  font-family: ‘Open Sans’, sans-serif;
  font-size: 13px;
  line-height: 30px;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: 0;
}

.radio-container input {
  box-sizing: border-box;
  margin: 0 10px 0 10px;
  outline: 0;
  padding: 0;
  position: relative;
  top: 9px;
  vertical-align: top;
}

.call_query_information {
  margin: 6px;
  padding: 0 8px 8px 8px;
  background-color: #EFEFEC;
}

.call_details_label {
  font-size: 14px;
  margin: 12px 0 5px 0;
}

.call_query_information select {
  box-shadow: 1px 1px 2px 1px lightgray;
}

.call_details_extra_descrption {
  margin-top: 20px;
  color: #009835;
  cursor: pointer;
  font-size: 14px;
}

.taak_radio {
  cursor: pointer;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  /* border:1px solid darkgray; */
  border-radius: 50%;
  outline: none;
  box-shadow: 0 0 5px 0px gray inset;
}

.taak_radio:focus {
  outline: none;
}

.taak_radio:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: white;
  /*margin: 20% auto;    */
  border: 0px;
  border-radius: 50%;
}

input[type="radio"]:focus {
  outline: none;
}

.taak_radio:checked:before {
  background: green;
  border: 5px solid white;
}

.extra_product_line {
  color: red;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  padding: 10px 0 10px 0;
}

.call_details_save_button {
  width: 70%;
  background-color: red;
  align-self: flex-end;
  text-align: center;
  color: white;
  justify-content: center;
  border: 0px;
  border-radius: 5px;
  padding: 10px 0 10px 0;
  font-size: 16px;
  font-weight: bold;
  margin-right: 10px;
}

.call_details_more_info_button {
  width: 50%;
  background-color: #009835;
  display: flex;
  align-self: flex-start;
  text-align: center;
  color: white;
  justify-content: center;
  border: 0px;
  border-radius: 5px;
  padding: 10px 0 10px 0;
  font-size: 16px;
  font-weight: bold;
  margin-right: 10px;
}

.note_history_container {
  width: 100%;
  margin: 10px 10px 10px 10px;
}

.note_history_table tr td {
  border: 1px solid gray;
  text-align: center;
  padding: 10px;
}

.note_history_table {
  width: auto;
  margin-right: 20px;
}

.page_count_wrapper {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-end;
  margin: 20px;
  align-items: center;
}

.pagination_table {
  margin-bottom: 0px;
}

.page_size_button:focus {
  outline: none;
}

.calender_style {
  display: flex;
  width: 100%;
  margin-left: 0;
}

.help-block {
  color: red;
  font-size: 12px;
}

fieldset {
  border: 0;
}

.call-time {
  font-size: 12px;
  margin-right: 10px;
  position: absolute;
  right: 0px;
}

.call-search-table {
  display: flex;
  flex: 1;
}

.call-search-table td,
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.selected_page_size_button {
  color: red;
  background-color: #009835;
  text-align: center;
  border: 0px;
  width: 100%;
  padding: 10px;
}

.page_size_button {
  background-color: #009835;
  color: white;
  text-align: center;
  border: 0px;
  width: 100%;
  padding: 10px;
}

.page_size_button:focus {
  outline: none;
}

.selected_page_size_button:focus {
  outline: none;
}

.remove_button_style {
  padding: 5px;
  background-color: red;
  width: fit-content;
  border-radius: 2px;
  color: white;
}

.call-text-field {
  color: black !important;
}

.open_ccc_button {
  padding: 10px;
  background-color: #009835;
  color: white;
}

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Some might call them phablets.
*********************/
@media (min-width: 480px) and (max-width: 599px) {

  /******************************************************************
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  
  ******************************************************************/
  /*
  IMPORTANT NOTE ABOUT SASS 3.3 & UP
  You can't use @extend within media queries
  anymore, so just be aware that if you drop
  them in here, they won't work.
  */
  /*********************
  BUTTON STYLES
  *********************/
  .btn,
  .btn-darker-grey,
  .btn-orange,
  .btn-white,
  .btn-grey {
    width: auto;
  }
}

@media (min-width: 600px) and (max-width: 767px) {

  /******************************************************************
  Stylesheet: 600px and Up Stylesheet
  
  This stylesheet is loaded for larger devices.
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  
  ******************************************************************/
  /*********************
  BUTTON STYLES
  *********************/
  .btn,
  .btn-darker-grey,
  .btn-orange,
  .btn-white,
  .btn-grey {
    width: auto;
  }
}

/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media (min-width: 768px) {

  /******************************************************************
  Author: 
  Site:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  
  **********************
      INDEX
  **********************
  01. GENERAL STYLES
  02. LINK STYLES
  03. H1, H2, H3, H4, H5 STYLES
  04. HEADER STYLES
  05. NAVIGATION STYLES
  06. CONTENT STYLES
  07. FOOTER STYLES
  08. ICONS
  09. BUTTON
  ******************************************************************/
  /*********************
  01. GENERAL STYLES
  *********************/
  /*********************
  02. LINK STYLES
  *********************/
  /*********************
  03. H1, H2, H3, H4, H5 STYLES
  *********************/
  /*********************
  04. HEADER STYLES
  *********************/
  .navbar.navbar-default .navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  /*********************
  05. NAVIGATION STYLES
  *********************/
  /*********************
  06. CONTENT STYLES
  *********************/
  /*********************
  07. FOOTER STYLES
  *********************/
  /*********************
  08. ICONS
  *********************/
  /*********************
  09. BUTTON STYLES
  *********************/
  .btn,
  .btn-darker-grey,
  .btn-orange,
  .btn-white,
  .btn-grey {
    width: auto;
  }
}

/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media (min-width: 992px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.
  
  ******************************************************************/
}

/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media (min-width: 1200px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/
}

/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /*
  
  EXAMPLE
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go.
  
  */
}

/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
/*********************
Slider STYLESHEET

*********************/

/* New Changes for Task table JIRA _ID 32.27*/
.subtasktable {
  position: absolute;
  left: -185px;
  z-index: 9;
  top: 25px;
}

.block_ele {
  display: block;
  position: relative;
}

.open-task {
  background-color: #009835;
  width: 150px;
  height: 25px;
  position: absolute;
  bottom: 11px;
  display: inline-block;
  right: 230px;
}

.word-pre-wrap {
  white-space: pre-line;
}

.withpage {
  bottom: 43px;
  display: inline-block;
  right: 230px;
}

.new-task-popUp .ng-modal-dialog {
  padding: 0;
}

.new-task-popUp .ng-modal-dialog .ng-modal-dialog-content header {
  background: #009232;
  padding-top: 5px;
  padding-left: 10px;
}

.new-task-popUp .ng-modal-dialog .ng-modal-dialog-content form {
  padding: 10px;
}

.new-task-popUp .ng-modal-dialog .ng-modal-close {
  top: -8px;
  right: -8px !important;
}

.new-task-popUp .createBtn {
  margin-top: 6px;
}

.new-task-popUp .heading-color {
  color: #fff;
}

.IsEmailValid {
  color: red;
  text-align: end;
}

.due-date .dropdown-menu {
  top: initial !important;
  bottom: 100% !important
}

.padding-x-10px {
  padding-left: 10px;
  padding-right: 10px;
}

.custom-list-container {
  position: relative;
  width: 100%;
}
.search-box {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}
.list-content {
  position: relative;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  z-index: 1;
  height: calc(5 * 40px); /* Height for 5 items, adjust item height as needed */
  overflow-y: auto;
  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}
.list-item {
  padding: 8px 16px;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}
.list-item:hover {
  background-color: #ddd;
}
.no-results {
  padding: 8px 16px;
  color: #999;
  text-align: center;
}