/*! -- Grid system 1 to 6 columns */
/*! --------------------------------------------------- */
/**
 * Resolutions breakdown:
 *
 * XXSmall: 0 - 320px
 *  XSmall: 321px - 480px
 *   Small: 481px - 640px
 *  Medium: 641px - 1120px
 *   Large: 1121px - 1440px
 *  XLarge: 1441px - 1600px
 * XXLarge: > 1600px
 */
.clearfix, .xline, .xgrid2,
.xgrid3,
.xgrid4,
.xgrid5,
.xgrid6, .xwrap {
  *zoom: 1; }
  .clearfix:after, .xline:after, .xgrid2:after,
  .xgrid3:after,
  .xgrid4:after,
  .xgrid5:after,
  .xgrid6:after, .xwrap:after {
    content: ".";
    display: block;
    font-size: 0;
    height: 0 !important;
    clear: both;
    visibility: hidden;
    line-height: 0; }

/**
 * Defines a row of columns/cells and whatnot... Used as a 'clearfix'
 * for the nested elements. check out oocss.org for more info.
 */
.xline, .xgrid2,
.xgrid3,
.xgrid4,
.xgrid5,
.xgrid6, .xwrap {
  margin-left: auto;
  margin-right: auto;
  clear: left;
  display: block;
  position: relative; }

/**
 * The last column/cell in the row that has a 'flexible' width. This will
 * automagically wrap it self within the contraints of columns/cells that
 * are floated to the left and right. Creates an amazing fixed:fluid:fixed
 * layout!
 */
.xlast {
  display: table-cell;
  *display: block;
  *zoom: 1;
  float: none;
  _position: relative;
  _left: -3px;
  _margin-right: -3px;
  width: auto;
  /* Needed for Opera */ }
  .xlast:after {
    display: block;
    height: 0 !important;
    clear: both;
    visibility: hidden;
    line-height: 0;
    /**
     * Generated content is required here long enough to fill any remaining
     * space that might be left unfilled from the floated columns!
     */
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . " !important; }
  @media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
    .xlast {
      display: block; } }

.xleft {
  float: left; }

.xrite {
  float: right !important; }

.x1of1 {
  float: none;
  width: 100%; }

.x1of2 {
  float: left;
  width: 50%; }

.x1of3 {
  float: left;
  width: 33.33333%; }

.x2of3 {
  float: left;
  width: 66.66667%; }

.x1of4 {
  float: left;
  width: 25%; }

.x3of4 {
  float: left;
  width: 75%; }

.x1of5 {
  float: left;
  width: 20%; }

.x2of5 {
  float: left;
  width: 40%; }

.x3of5 {
  float: left;
  width: 60%; }

.x4of5 {
  float: left;
  width: 80%; }

.x1of6 {
  float: left;
  width: 16.66667%; }

.x5of6 {
  float: left;
  width: 83.33335%; }

.x1of1,
.x1of2,
.x1of3,
.x2of3,
.x1of4,
.x3of4,
.x1of5,
.x2of5,
.x3of5,
.x4of5,
.x1of6,
.x5of6,
.xlast,
.xcell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.xline.xgutters, .xgutters.xgrid2,
.xgutters.xgrid3,
.xgutters.xgrid4,
.xgutters.xgrid5,
.xgutters.xgrid6, .xgutters.xwrap {
  margin-left: -0.75em;
  margin-right: -0.75em; }
  .xline.xgutters > .x1of1, .xgutters.xgrid2 > .x1of1,
  .xgutters.xgrid3 > .x1of1,
  .xgutters.xgrid4 > .x1of1,
  .xgutters.xgrid5 > .x1of1,
  .xgutters.xgrid6 > .x1of1, .xgutters.xwrap > .x1of1,
  .xline.xgutters > .x1of2,
  .xgutters.xgrid2 > .x1of2,
  .xgutters.xgrid3 > .x1of2,
  .xgutters.xgrid4 > .x1of2,
  .xgutters.xgrid5 > .x1of2,
  .xgutters.xgrid6 > .x1of2,
  .xgutters.xwrap > .x1of2,
  .xline.xgutters > .x1of3,
  .xgutters.xgrid2 > .x1of3,
  .xgutters.xgrid3 > .x1of3,
  .xgutters.xgrid4 > .x1of3,
  .xgutters.xgrid5 > .x1of3,
  .xgutters.xgrid6 > .x1of3,
  .xgutters.xwrap > .x1of3,
  .xline.xgutters > .x2of3,
  .xgutters.xgrid2 > .x2of3,
  .xgutters.xgrid3 > .x2of3,
  .xgutters.xgrid4 > .x2of3,
  .xgutters.xgrid5 > .x2of3,
  .xgutters.xgrid6 > .x2of3,
  .xgutters.xwrap > .x2of3,
  .xline.xgutters > .x1of4,
  .xgutters.xgrid2 > .x1of4,
  .xgutters.xgrid3 > .x1of4,
  .xgutters.xgrid4 > .x1of4,
  .xgutters.xgrid5 > .x1of4,
  .xgutters.xgrid6 > .x1of4,
  .xgutters.xwrap > .x1of4,
  .xline.xgutters > .x3of4,
  .xgutters.xgrid2 > .x3of4,
  .xgutters.xgrid3 > .x3of4,
  .xgutters.xgrid4 > .x3of4,
  .xgutters.xgrid5 > .x3of4,
  .xgutters.xgrid6 > .x3of4,
  .xgutters.xwrap > .x3of4,
  .xline.xgutters > .x1of5,
  .xgutters.xgrid2 > .x1of5,
  .xgutters.xgrid3 > .x1of5,
  .xgutters.xgrid4 > .x1of5,
  .xgutters.xgrid5 > .x1of5,
  .xgutters.xgrid6 > .x1of5,
  .xgutters.xwrap > .x1of5,
  .xline.xgutters > .x2of5,
  .xgutters.xgrid2 > .x2of5,
  .xgutters.xgrid3 > .x2of5,
  .xgutters.xgrid4 > .x2of5,
  .xgutters.xgrid5 > .x2of5,
  .xgutters.xgrid6 > .x2of5,
  .xgutters.xwrap > .x2of5,
  .xline.xgutters > .x3of5,
  .xgutters.xgrid2 > .x3of5,
  .xgutters.xgrid3 > .x3of5,
  .xgutters.xgrid4 > .x3of5,
  .xgutters.xgrid5 > .x3of5,
  .xgutters.xgrid6 > .x3of5,
  .xgutters.xwrap > .x3of5,
  .xline.xgutters > .x4of5,
  .xgutters.xgrid2 > .x4of5,
  .xgutters.xgrid3 > .x4of5,
  .xgutters.xgrid4 > .x4of5,
  .xgutters.xgrid5 > .x4of5,
  .xgutters.xgrid6 > .x4of5,
  .xgutters.xwrap > .x4of5,
  .xline.xgutters > .x1of6,
  .xgutters.xgrid2 > .x1of6,
  .xgutters.xgrid3 > .x1of6,
  .xgutters.xgrid4 > .x1of6,
  .xgutters.xgrid5 > .x1of6,
  .xgutters.xgrid6 > .x1of6,
  .xgutters.xwrap > .x1of6,
  .xline.xgutters > .x5of6,
  .xgutters.xgrid2 > .x5of6,
  .xgutters.xgrid3 > .x5of6,
  .xgutters.xgrid4 > .x5of6,
  .xgutters.xgrid5 > .x5of6,
  .xgutters.xgrid6 > .x5of6,
  .xgutters.xwrap > .x5of6,
  .xline.xgutters > .xlast,
  .xgutters.xgrid2 > .xlast,
  .xgutters.xgrid3 > .xlast,
  .xgutters.xgrid4 > .xlast,
  .xgutters.xgrid5 > .xlast,
  .xgutters.xgrid6 > .xlast,
  .xgutters.xwrap > .xlast {
    padding-left: 0.75em;
    padding-right: 0.75em; }

.xline.xgutters-double, .xgutters-double.xgrid2,
.xgutters-double.xgrid3,
.xgutters-double.xgrid4,
.xgutters-double.xgrid5,
.xgutters-double.xgrid6, .xgutters-double.xwrap {
  margin-left: -1.5em;
  margin-right: -1.5em; }
  .xline.xgutters-double > .x1of1, .xgutters-double.xgrid2 > .x1of1,
  .xgutters-double.xgrid3 > .x1of1,
  .xgutters-double.xgrid4 > .x1of1,
  .xgutters-double.xgrid5 > .x1of1,
  .xgutters-double.xgrid6 > .x1of1, .xgutters-double.xwrap > .x1of1,
  .xline.xgutters-double > .x1of2,
  .xgutters-double.xgrid2 > .x1of2,
  .xgutters-double.xgrid3 > .x1of2,
  .xgutters-double.xgrid4 > .x1of2,
  .xgutters-double.xgrid5 > .x1of2,
  .xgutters-double.xgrid6 > .x1of2,
  .xgutters-double.xwrap > .x1of2,
  .xline.xgutters-double > .x1of3,
  .xgutters-double.xgrid2 > .x1of3,
  .xgutters-double.xgrid3 > .x1of3,
  .xgutters-double.xgrid4 > .x1of3,
  .xgutters-double.xgrid5 > .x1of3,
  .xgutters-double.xgrid6 > .x1of3,
  .xgutters-double.xwrap > .x1of3,
  .xline.xgutters-double > .x2of3,
  .xgutters-double.xgrid2 > .x2of3,
  .xgutters-double.xgrid3 > .x2of3,
  .xgutters-double.xgrid4 > .x2of3,
  .xgutters-double.xgrid5 > .x2of3,
  .xgutters-double.xgrid6 > .x2of3,
  .xgutters-double.xwrap > .x2of3,
  .xline.xgutters-double > .x1of4,
  .xgutters-double.xgrid2 > .x1of4,
  .xgutters-double.xgrid3 > .x1of4,
  .xgutters-double.xgrid4 > .x1of4,
  .xgutters-double.xgrid5 > .x1of4,
  .xgutters-double.xgrid6 > .x1of4,
  .xgutters-double.xwrap > .x1of4,
  .xline.xgutters-double > .x3of4,
  .xgutters-double.xgrid2 > .x3of4,
  .xgutters-double.xgrid3 > .x3of4,
  .xgutters-double.xgrid4 > .x3of4,
  .xgutters-double.xgrid5 > .x3of4,
  .xgutters-double.xgrid6 > .x3of4,
  .xgutters-double.xwrap > .x3of4,
  .xline.xgutters-double > .x1of5,
  .xgutters-double.xgrid2 > .x1of5,
  .xgutters-double.xgrid3 > .x1of5,
  .xgutters-double.xgrid4 > .x1of5,
  .xgutters-double.xgrid5 > .x1of5,
  .xgutters-double.xgrid6 > .x1of5,
  .xgutters-double.xwrap > .x1of5,
  .xline.xgutters-double > .x2of5,
  .xgutters-double.xgrid2 > .x2of5,
  .xgutters-double.xgrid3 > .x2of5,
  .xgutters-double.xgrid4 > .x2of5,
  .xgutters-double.xgrid5 > .x2of5,
  .xgutters-double.xgrid6 > .x2of5,
  .xgutters-double.xwrap > .x2of5,
  .xline.xgutters-double > .x3of5,
  .xgutters-double.xgrid2 > .x3of5,
  .xgutters-double.xgrid3 > .x3of5,
  .xgutters-double.xgrid4 > .x3of5,
  .xgutters-double.xgrid5 > .x3of5,
  .xgutters-double.xgrid6 > .x3of5,
  .xgutters-double.xwrap > .x3of5,
  .xline.xgutters-double > .x4of5,
  .xgutters-double.xgrid2 > .x4of5,
  .xgutters-double.xgrid3 > .x4of5,
  .xgutters-double.xgrid4 > .x4of5,
  .xgutters-double.xgrid5 > .x4of5,
  .xgutters-double.xgrid6 > .x4of5,
  .xgutters-double.xwrap > .x4of5,
  .xline.xgutters-double > .x1of6,
  .xgutters-double.xgrid2 > .x1of6,
  .xgutters-double.xgrid3 > .x1of6,
  .xgutters-double.xgrid4 > .x1of6,
  .xgutters-double.xgrid5 > .x1of6,
  .xgutters-double.xgrid6 > .x1of6,
  .xgutters-double.xwrap > .x1of6,
  .xline.xgutters-double > .x5of6,
  .xgutters-double.xgrid2 > .x5of6,
  .xgutters-double.xgrid3 > .x5of6,
  .xgutters-double.xgrid4 > .x5of6,
  .xgutters-double.xgrid5 > .x5of6,
  .xgutters-double.xgrid6 > .x5of6,
  .xgutters-double.xwrap > .x5of6,
  .xline.xgutters-double > .xlast,
  .xgutters-double.xgrid2 > .xlast,
  .xgutters-double.xgrid3 > .xlast,
  .xgutters-double.xgrid4 > .xlast,
  .xgutters-double.xgrid5 > .xlast,
  .xgutters-double.xgrid6 > .xlast,
  .xgutters-double.xwrap > .xlast {
    padding-left: 1.5em;
    padding-right: 1.5em; }

@-moz-document url-prefix() {
  .x1of1.xlast {
    width: 100%; }

  .x1of2.xlast {
    width: 50%; }

  .x1of3.xlast {
    width: 33.33333%; }

  .x2of3.xlast {
    width: 66.66667%; }

  .x1of4.xlast {
    width: 25%; }

  .x3of4.xlast {
    width: 75%; }

  .x1of5.xlast {
    width: 20%; }

  .x2of5.xlast {
    width: 40%; }

  .x3of5.xlast {
    width: 60%; }

  .x4of5.xlast {
    width: 80%; }

  .x1of6.xlast {
    width: 16.66667%; }

  .x5of6.xlast {
    width: 83.33335%; }

  .xlast {
    float: left !important;
    display: block !important; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .x1of1.xlast,
  .x1of2.xlast,
  .x1of3.xlast,
  .x2of3.xlast,
  .x1of4.xlast,
  .x3of4.xlast,
  .x1of5.xlast,
  .x2of5.xlast,
  .x3of5.xlast,
  .x4of5.xlast,
  .x1of6.xlast,
  .x5of6.xlast {
    width: auto !important;
    float: none !important; } }
input[type="text"].x1of1,
input[type="password"].x1of1,
input[type="email"].x1of1,
input[type="number"].x1of1,
input[type="range"].x1of1,
input[type="search"].x1of1,
input[type="tel"].x1of1,
input[type="url"].x1of1,
input[type="color"].x1of1,
input[type="time"].x1of1,
input[type="date"].x1of1,
input[type="week"].x1of1,
input[type="month"].x1of1,
input[type|="datetime"].x1of1,
textarea.x1of1 {
  float: none;
  width: 100%; }
input[type="text"].x1of2,
input[type="password"].x1of2,
input[type="email"].x1of2,
input[type="number"].x1of2,
input[type="range"].x1of2,
input[type="search"].x1of2,
input[type="tel"].x1of2,
input[type="url"].x1of2,
input[type="color"].x1of2,
input[type="time"].x1of2,
input[type="date"].x1of2,
input[type="week"].x1of2,
input[type="month"].x1of2,
input[type|="datetime"].x1of2,
textarea.x1of2 {
  width: 50%; }
input[type="text"].x1of3,
input[type="password"].x1of3,
input[type="email"].x1of3,
input[type="number"].x1of3,
input[type="range"].x1of3,
input[type="search"].x1of3,
input[type="tel"].x1of3,
input[type="url"].x1of3,
input[type="color"].x1of3,
input[type="time"].x1of3,
input[type="date"].x1of3,
input[type="week"].x1of3,
input[type="month"].x1of3,
input[type|="datetime"].x1of3,
textarea.x1of3 {
  width: 33.33333%; }
input[type="text"].x2of3,
input[type="password"].x2of3,
input[type="email"].x2of3,
input[type="number"].x2of3,
input[type="range"].x2of3,
input[type="search"].x2of3,
input[type="tel"].x2of3,
input[type="url"].x2of3,
input[type="color"].x2of3,
input[type="time"].x2of3,
input[type="date"].x2of3,
input[type="week"].x2of3,
input[type="month"].x2of3,
input[type|="datetime"].x2of3,
textarea.x2of3 {
  width: 66.66667%; }
input[type="text"].x1of4,
input[type="password"].x1of4,
input[type="email"].x1of4,
input[type="number"].x1of4,
input[type="range"].x1of4,
input[type="search"].x1of4,
input[type="tel"].x1of4,
input[type="url"].x1of4,
input[type="color"].x1of4,
input[type="time"].x1of4,
input[type="date"].x1of4,
input[type="week"].x1of4,
input[type="month"].x1of4,
input[type|="datetime"].x1of4,
textarea.x1of4 {
  width: 25%; }
input[type="text"].x3of4,
input[type="password"].x3of4,
input[type="email"].x3of4,
input[type="number"].x3of4,
input[type="range"].x3of4,
input[type="search"].x3of4,
input[type="tel"].x3of4,
input[type="url"].x3of4,
input[type="color"].x3of4,
input[type="time"].x3of4,
input[type="date"].x3of4,
input[type="week"].x3of4,
input[type="month"].x3of4,
input[type|="datetime"].x3of4,
textarea.x3of4 {
  width: 75%; }
input[type="text"].x1of5,
input[type="password"].x1of5,
input[type="email"].x1of5,
input[type="number"].x1of5,
input[type="range"].x1of5,
input[type="search"].x1of5,
input[type="tel"].x1of5,
input[type="url"].x1of5,
input[type="color"].x1of5,
input[type="time"].x1of5,
input[type="date"].x1of5,
input[type="week"].x1of5,
input[type="month"].x1of5,
input[type|="datetime"].x1of5,
textarea.x1of5 {
  width: 20%; }
input[type="text"].x2of5,
input[type="password"].x2of5,
input[type="email"].x2of5,
input[type="number"].x2of5,
input[type="range"].x2of5,
input[type="search"].x2of5,
input[type="tel"].x2of5,
input[type="url"].x2of5,
input[type="color"].x2of5,
input[type="time"].x2of5,
input[type="date"].x2of5,
input[type="week"].x2of5,
input[type="month"].x2of5,
input[type|="datetime"].x2of5,
textarea.x2of5 {
  width: 40%; }
input[type="text"].x3of5,
input[type="password"].x3of5,
input[type="email"].x3of5,
input[type="number"].x3of5,
input[type="range"].x3of5,
input[type="search"].x3of5,
input[type="tel"].x3of5,
input[type="url"].x3of5,
input[type="color"].x3of5,
input[type="time"].x3of5,
input[type="date"].x3of5,
input[type="week"].x3of5,
input[type="month"].x3of5,
input[type|="datetime"].x3of5,
textarea.x3of5 {
  width: 60%; }
input[type="text"].x4of5,
input[type="password"].x4of5,
input[type="email"].x4of5,
input[type="number"].x4of5,
input[type="range"].x4of5,
input[type="search"].x4of5,
input[type="tel"].x4of5,
input[type="url"].x4of5,
input[type="color"].x4of5,
input[type="time"].x4of5,
input[type="date"].x4of5,
input[type="week"].x4of5,
input[type="month"].x4of5,
input[type|="datetime"].x4of5,
textarea.x4of5 {
  width: 80%; }
input[type="text"].x1of6,
input[type="password"].x1of6,
input[type="email"].x1of6,
input[type="number"].x1of6,
input[type="range"].x1of6,
input[type="search"].x1of6,
input[type="tel"].x1of6,
input[type="url"].x1of6,
input[type="color"].x1of6,
input[type="time"].x1of6,
input[type="date"].x1of6,
input[type="week"].x1of6,
input[type="month"].x1of6,
input[type|="datetime"].x1of6,
textarea.x1of6 {
  width: 16.66667%; }
input[type="text"].x5of6,
input[type="password"].x5of6,
input[type="email"].x5of6,
input[type="number"].x5of6,
input[type="range"].x5of6,
input[type="search"].x5of6,
input[type="tel"].x5of6,
input[type="url"].x5of6,
input[type="color"].x5of6,
input[type="time"].x5of6,
input[type="date"].x5of6,
input[type="week"].x5of6,
input[type="month"].x5of6,
input[type|="datetime"].x5of6,
textarea.x5of6 {
  width: 83.33335%; }

.l1of2 {
  margin-left: 50%; }

.l1of3 {
  margin-left: 33.33333%; }

.l2of3 {
  margin-left: 66.66667%; }

.l1of4 {
  margin-left: 25%; }

.l3of4 {
  margin-left: 75%; }

.l1of5 {
  margin-left: 20%; }

.l2of5 {
  margin-left: 40%; }

.l3of5 {
  margin-left: 60%; }

.l4of5 {
  margin-left: 80%; }

.l1of6 {
  margin-left: 16.66667%; }

.l5of6 {
  margin-left: 83.33335%; }

.r1of2 {
  margin-right: 50%; }

.r1of3 {
  margin-right: 33.33333%; }

.r2of3 {
  margin-right: 66.66667%; }

.r1of4 {
  margin-right: 25%; }

.r3of4 {
  margin-right: 75%; }

.r1of5 {
  margin-right: 20%; }

.r2of5 {
  margin-right: 40%; }

.r3of5 {
  margin-right: 60%; }

.r4of5 {
  margin-right: 80%; }

.r1of6 {
  margin-right: 16.66667%; }

.r5of6 {
  margin-right: 83.33335%; }

.xcell {
  float: left;
  display: inline;
  clear: none; }

.xgrid2 > .xcell {
  width: 50%; }

.xgrid3 > .xcell {
  width: 33.33333%; }

.xgrid4 > .xcell {
  width: 25%; }

.xgrid5 > .xcell {
  width: 20%; }

.xgrid6 > .xcell {
  width: 16.66667%; }

.xgrid2 > .xcell:nth-child(2n+1),
.xgrid3 > .xcell:nth-child(3n+1),
.xgrid4 > .xcell:nth-child(4n+1),
.xgrid5 > .xcell:nth-child(5n+1),
.xgrid6 > .xcell:nth-child(6n+1) {
  clear: left; }

.xgrid2.xgutters,
.xgrid3.xgutters,
.xgrid4.xgutters,
.xgrid5.xgutters,
.xgrid6.xgutters {
  margin-left: -0.75em;
  margin-right: -0.75em; }

.xgrid2.xgutters > .xcell,
.xgrid3.xgutters > .xcell,
.xgrid4.xgutters > .xcell,
.xgrid5.xgutters > .xcell,
.xgrid6.xgutters > .xcell {
  padding-left: 0.75em;
  padding-right: 0.75em; }

.xgrid2.xgutters-double,
.xgrid3.xgutters-double,
.xgrid4.xgutters-double,
.xgrid5.xgutters-double,
.xgrid6.xgutters-double {
  margin-left: -1.5em;
  margin-right: -1.5em; }

.xgrid2.xgutters-double > .xcell,
.xgrid3.xgutters-double > .xcell,
.xgrid4.xgutters-double > .xcell,
.xgrid5.xgutters-double > .xcell,
.xgrid6.xgutters-double > .xcell {
  padding-left: 1.5em;
  padding-right: 1.5em; }

.xgrid2.ygutters,
.xgrid3.ygutters,
.xgrid4.ygutters,
.xgrid5.ygutters,
.xgrid6.ygutters {
  padding-top: 1.5em; }

.xgrid2.ygutters > .xcell,
.xgrid3.ygutters > .xcell,
.xgrid4.ygutters > .xcell,
.xgrid5.ygutters > .xcell,
.xgrid6.ygutters > .xcell {
  margin-bottom: 1.5em; }

/*! -- Containers margins & paddings */
/*! --------------------------------------------------- */
/* Default width? */
.xwrap {
  width: 80em; }

.ygutter {
  padding-top: 1.5em;
  padding-bottom: 1.5em; }

.ygutter2 {
  padding-top: 3em;
  padding-bottom: 3em; }

.ygutter3 {
  padding-top: 4.5em;
  padding-bottom: 4.5em; }

.ygutter4 {
  padding-top: 6em;
  padding-bottom: 6em; }

.xgutter {
  padding-left: 1.5em;
  padding-right: 1.5em; }

.xgutter2 {
  padding-left: 3em;
  padding-right: 3em; }

.xgutter3 {
  padding-left: 4.5em;
  padding-right: 4.5em; }

.xgutter4 {
  padding-left: 6em;
  padding-right: 6em; }

.lgutter {
  padding-left: 1.5em; }

.lgutter2 {
  padding-left: 3em; }

.lgutter3 {
  padding-left: 4.5em; }

.lgutter4 {
  padding-left: 6em; }

.rgutter {
  padding-right: 1.5em; }

.rgutter2 {
  padding-right: 3em; }

.rgutter3 {
  padding-right: 4.5em; }

.rgutter4 {
  padding-right: 6em; }

.bgutter {
  padding-bottom: 1.5em; }

.bgutter2 {
  padding-bottom: 3em; }

.bgutter3 {
  padding-bottom: 4.5em; }

.bgutter4 {
  padding-bottom: 6em; }

.tgutter {
  padding-top: 1.5em; }

.tgutter2 {
  padding-top: 3em; }

.tgutter3 {
  padding-top: 4.5em; }

.tgutter4 {
  padding-top: 6em; }

/*! -- Responsive Object/Embed/iFrame elements */
/*! --------------------------------------------------- */
.xscalable {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

.xscalable iframe,
.xscalable object,
.xscalable embed,
.xscalable img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*! -- xsmall styles (<= 320px) */
/*! --------------------------------------------------- */
@media screen and (max-width: 320px) {
  .hide-when-xxsmall {
    display: none !important; }

  .x1of1-when-xxsmall {
    width: 100%; }

  .x1of2-when-xxsmall {
    width: 50%; }

  .x1of3-when-xxsmall {
    width: 33.33333%; }

  .x2of3-when-xxsmall {
    width: 66.66667%; }

  .x1of4-when-xxsmall {
    width: 25%; }

  .x3of4-when-xxsmall {
    width: 75%; }

  .x1of5-when-xxsmall {
    width: 20%; }

  .x2of5-when-xxsmall {
    width: 40%; }

  .x3of5-when-xxsmall {
    width: 60%; }

  .x4of5-when-xxsmall {
    width: 80%; }

  .x1of6-when-xxsmall {
    width: 16.66667%; }

  .x5of6-when-xxsmall {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-xxsmall.xlast {
      width: 100%; }

    .x1of2-when-xxsmall.xlast {
      width: 50%; }

    .x1of3-when-xxsmall.xlast {
      width: 33.33333%; }

    .x2of3-when-xxsmall.xlast {
      width: 66.66667%; }

    .x1of4-when-xxsmall.xlast {
      width: 25%; }

    .x3of4-when-xxsmall.xlast {
      width: 75%; }

    .x1of5-when-xxsmall.xlast {
      width: 20%; }

    .x2of5-when-xxsmall.xlast {
      width: 40%; }

    .x3of5-when-xxsmall.xlast {
      width: 60%; }

    .x4of5-when-xxsmall.xlast {
      width: 80%; }

    .x1of6-when-xxsmall.xlast {
      width: 16.66667%; }

    .x5of6-when-xxsmall.xlast {
      width: 83.33335%; } }

  .l1of2-when-xxsmall {
    margin-left: 50%; }

  .l1of3-when-xxsmall {
    margin-left: 33.33333%; }

  .l2of3-when-xxsmall {
    margin-left: 66.66667%; }

  .l1of4-when-xxsmall {
    margin-left: 25%; }

  .l3of4-when-xxsmall {
    margin-left: 75%; }

  .l1of5-when-xxsmall {
    margin-left: 20%; }

  .l2of5-when-xxsmall {
    margin-left: 40%; }

  .l3of5-when-xxsmall {
    margin-left: 60%; }

  .l4of5-when-xxsmall {
    margin-left: 80%; }

  .l1of6-when-xxsmall {
    margin-left: 16.66667%; }

  .l5of6-when-xxsmall {
    margin-left: 83.33335%; }

  .r1of2-when-xxsmall {
    margin-right: 50%; }

  .r1of3-when-xxsmall {
    margin-right: 33.33333%; }

  .r2of3-when-xxsmall {
    margin-right: 66.66667%; }

  .r1of4-when-xxsmall {
    margin-right: 25%; }

  .r3of4-when-xxsmall {
    margin-right: 75%; }

  .r1of5-when-xxsmall {
    margin-right: 20%; }

  .r2of5-when-xxsmall {
    margin-right: 40%; }

  .r3of5-when-xxsmall {
    margin-right: 60%; }

  .r4of5-when-xxsmall {
    margin-right: 80%; }

  .r1of6-when-xxsmall {
    margin-right: 16.66667%; }

  .r5of6-when-xxsmall {
    margin-right: 83.33335%; }

  .break-when-xxsmall.x1of1, .break-when-xxsmall.x1of2, .break-when-xxsmall.x1of3, .break-when-xxsmall.x2of3, .break-when-xxsmall.x1of4, .break-when-xxsmall.x3of4, .break-when-xxsmall.x1of5, .break-when-xxsmall.x2of5, .break-when-xxsmall.x3of5, .break-when-xxsmall.x4of5, .break-when-xxsmall.x1of6, .break-when-xxsmall.x5of6, .break-when-xxsmall.xlast,
  .break-when-xxsmall > .x1of1, .break-when-xxsmall > .x1of2, .break-when-xxsmall > .x1of3, .break-when-xxsmall > .x2of3,
  .break-when-xxsmall > .x1of4, .break-when-xxsmall > .x3of4, .break-when-xxsmall > .x1of5, .break-when-xxsmall > .x2of5,
  .break-when-xxsmall > .x3of5, .break-when-xxsmall > .x4of5, .break-when-xxsmall > .x1of6, .break-when-xxsmall > .x5of6,
  .break-when-xxsmall > .xlast, .break-when-xxsmall > .xcell {
    clear: both;
    width: 100%; }
  .break-when-xxsmall.xlast, .break-when-xxsmall > .xlast {
    display: block;
    float: none; }
  .break-when-xxsmall.l1of2, .break-when-xxsmall.l1of3, .break-when-xxsmall.l2of3, .break-when-xxsmall.l1of4, .break-when-xxsmall.l3of4, .break-when-xxsmall.l1of5, .break-when-xxsmall.l2of5, .break-when-xxsmall.l3of5, .break-when-xxsmall.l4of5, .break-when-xxsmall.l1of6, .break-when-xxsmall.l5of6 {
    margin-left: 0; }
  .break-when-xxsmall.r1of2, .break-when-xxsmall.r1of3, .break-when-xxsmall.r2of3, .break-when-xxsmall.r1of4, .break-when-xxsmall.r3of4, .break-when-xxsmall.r1of5, .break-when-xxsmall.r2of5, .break-when-xxsmall.r3of5, .break-when-xxsmall.r4of5, .break-when-xxsmall.r1of6, .break-when-xxsmall.r5of6 {
    margin-right: 0; }

  .xgrid2-when-xxsmall > .xcell:nth-child(1n),
  .xgrid3-when-xxsmall > .xcell:nth-child(1n),
  .xgrid4-when-xxsmall > .xcell:nth-child(1n),
  .xgrid5-when-xxsmall > .xcell:nth-child(1n),
  .xgrid6-when-xxsmall > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-xxsmall > .xcell {
    width: 50%; }
  .xgrid2-when-xxsmall > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-xxsmall > .xcell {
    width: 33.3333%; }
  .xgrid3-when-xxsmall > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-xxsmall > .xcell {
    width: 25%; }
  .xgrid4-when-xxsmall > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-xxsmall > .xcell {
    width: 20%; }
  .xgrid5-when-xxsmall > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-xxsmall > .xcell {
    width: 16.66667%; }
  .xgrid6-when-xxsmall > .xcell:nth-child(6n+1) {
    clear: left; } }
@media screen and (min-width: 321px) {
  .hide-when-gt-xxsmall {
    display: none !important; }

  .x1of1-when-gt-xxsmall {
    width: 100%; }

  .x1of2-when-gt-xxsmall {
    width: 50%; }

  .x1of3-when-gt-xxsmall {
    width: 33.33333%; }

  .x2of3-when-gt-xxsmall {
    width: 66.66667%; }

  .x1of4-when-gt-xxsmall {
    width: 25%; }

  .x3of4-when-gt-xxsmall {
    width: 75%; }

  .x1of5-when-gt-xxsmall {
    width: 20%; }

  .x2of5-when-gt-xxsmall {
    width: 40%; }

  .x3of5-when-gt-xxsmall {
    width: 60%; }

  .x4of5-when-gt-xxsmall {
    width: 80%; }

  .x1of6-when-gt-xxsmall {
    width: 16.66667%; }

  .x5of6-when-gt-xxsmall {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-gt-xxsmall.xlast {
      width: 100%; }

    .x1of2-when-gt-xxsmall.xlast {
      width: 50%; }

    .x1of3-when-gt-xxsmall.xlast {
      width: 33.33333%; }

    .x2of3-when-gt-xxsmall.xlast {
      width: 66.66667%; }

    .x1of4-when-gt-xxsmall.xlast {
      width: 25%; }

    .x3of4-when-gt-xxsmall.xlast {
      width: 75%; }

    .x1of5-when-gt-xxsmall.xlast {
      width: 20%; }

    .x2of5-when-gt-xxsmall.xlast {
      width: 40%; }

    .x3of5-when-gt-xxsmall.xlast {
      width: 60%; }

    .x4of5-when-gt-xxsmall.xlast {
      width: 80%; }

    .x1of6-when-gt-xxsmall.xlast {
      width: 16.66667%; }

    .x5of6-when-gt-xxsmall.xlast {
      width: 83.33335%; } }

  .l1of2-when-gt-xxsmall {
    margin-left: 50%; }

  .l1of3-when-gt-xxsmall {
    margin-left: 33.33333%; }

  .l2of3-when-gt-xxsmall {
    margin-left: 66.66667%; }

  .l1of4-when-gt-xxsmall {
    margin-left: 25%; }

  .l3of4-when-gt-xxsmall {
    margin-left: 75%; }

  .l1of5-when-gt-xxsmall {
    margin-left: 20%; }

  .l2of5-when-gt-xxsmall {
    margin-left: 40%; }

  .l3of5-when-gt-xxsmall {
    margin-left: 60%; }

  .l4of5-when-gt-xxsmall {
    margin-left: 80%; }

  .l1of6-when-gt-xxsmall {
    margin-left: 16.66667%; }

  .l5of6-when-gt-xxsmall {
    margin-left: 83.33335%; }

  .r1of2-when-gt-xxsmall {
    margin-right: 50%; }

  .r1of3-when-gt-xxsmall {
    margin-right: 33.33333%; }

  .r2of3-when-gt-xxsmall {
    margin-right: 66.66667%; }

  .r1of4-when-gt-xxsmall {
    margin-right: 25%; }

  .r3of4-when-gt-xxsmall {
    margin-right: 75%; }

  .r1of5-when-gt-xxsmall {
    margin-right: 20%; }

  .r2of5-when-gt-xxsmall {
    margin-right: 40%; }

  .r3of5-when-gt-xxsmall {
    margin-right: 60%; }

  .r4of5-when-gt-xxsmall {
    margin-right: 80%; }

  .r1of6-when-gt-xxsmall {
    margin-right: 16.66667%; }

  .r5of6-when-gt-xxsmall {
    margin-right: 83.33335%; }

  .break-when-gt-xxsmall.x1of1, .break-when-gt-xxsmall.x1of2, .break-when-gt-xxsmall.x1of3, .break-when-gt-xxsmall.x2of3, .break-when-gt-xxsmall.x1of4, .break-when-gt-xxsmall.x3of4, .break-when-gt-xxsmall.x1of5, .break-when-gt-xxsmall.x2of5, .break-when-gt-xxsmall.x3of5, .break-when-gt-xxsmall.x4of5, .break-when-gt-xxsmall.x1of6, .break-when-gt-xxsmall.x5of6, .break-when-gt-xxsmall.xlast,
  .break-when-gt-xxsmall > .x1of1, .break-when-gt-xxsmall > .x1of2, .break-when-gt-xxsmall > .x1of3, .break-when-gt-xxsmall > .x2of3,
  .break-when-gt-xxsmall > .x1of4, .break-when-gt-xxsmall > .x3of4, .break-when-gt-xxsmall > .x1of5, .break-when-gt-xxsmall > .x2of5,
  .break-when-gt-xxsmall > .x3of5, .break-when-gt-xxsmall > .x4of5, .break-when-gt-xxsmall > .x1of6, .break-when-gt-xxsmall > .x5of6,
  .break-when-gt-xxsmall > .xlast, .break-when-gt-xxsmall > .xcell {
    clear: both;
    width: 100%; }
  .break-when-gt-xxsmall.xlast, .break-when-gt-xxsmall > .xlast {
    display: block;
    float: none; }
  .break-when-gt-xxsmall.l1of2, .break-when-gt-xxsmall.l1of3, .break-when-gt-xxsmall.l2of3, .break-when-gt-xxsmall.l1of4, .break-when-gt-xxsmall.l3of4, .break-when-gt-xxsmall.l1of5, .break-when-gt-xxsmall.l2of5, .break-when-gt-xxsmall.l3of5, .break-when-gt-xxsmall.l4of5, .break-when-gt-xxsmall.l1of6, .break-when-gt-xxsmall.l5of6 {
    margin-left: 0; }
  .break-when-gt-xxsmall.r1of2, .break-when-gt-xxsmall.r1of3, .break-when-gt-xxsmall.r2of3, .break-when-gt-xxsmall.r1of4, .break-when-gt-xxsmall.r3of4, .break-when-gt-xxsmall.r1of5, .break-when-gt-xxsmall.r2of5, .break-when-gt-xxsmall.r3of5, .break-when-gt-xxsmall.r4of5, .break-when-gt-xxsmall.r1of6, .break-when-gt-xxsmall.r5of6 {
    margin-right: 0; }

  .xgrid2-when-gt-xxsmall > .xcell:nth-child(1n),
  .xgrid3-when-gt-xxsmall > .xcell:nth-child(1n),
  .xgrid4-when-gt-xxsmall > .xcell:nth-child(1n),
  .xgrid5-when-gt-xxsmall > .xcell:nth-child(1n),
  .xgrid6-when-gt-xxsmall > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-gt-xxsmall > .xcell {
    width: 50%; }
  .xgrid2-when-gt-xxsmall > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-gt-xxsmall > .xcell {
    width: 33.3333%; }
  .xgrid3-when-gt-xxsmall > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-gt-xxsmall > .xcell {
    width: 25%; }
  .xgrid4-when-gt-xxsmall > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-gt-xxsmall > .xcell {
    width: 20%; }
  .xgrid5-when-gt-xxsmall > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-gt-xxsmall > .xcell {
    width: 16.66667%; }
  .xgrid6-when-gt-xxsmall > .xcell:nth-child(6n+1) {
    clear: left; } }
/*! -- xsmall styles (321px to 480px) */
/*! --------------------------------------------------- */
@media screen and (min-width: 321px) and (max-width: 480px) {
  .hide-when-xsmall {
    display: none !important; }

  .x1of1-when-xsmall {
    width: 100%; }

  .x1of2-when-xsmall {
    width: 50%; }

  .x1of3-when-xsmall {
    width: 33.33333%; }

  .x2of3-when-xsmall {
    width: 66.66667%; }

  .x1of4-when-xsmall {
    width: 25%; }

  .x3of4-when-xsmall {
    width: 75%; }

  .x1of5-when-xsmall {
    width: 20%; }

  .x2of5-when-xsmall {
    width: 40%; }

  .x3of5-when-xsmall {
    width: 60%; }

  .x4of5-when-xsmall {
    width: 80%; }

  .x1of6-when-xsmall {
    width: 16.66667%; }

  .x5of6-when-xsmall {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-xsmall.xlast {
      width: 100%; }

    .x1of2-when-xsmall.xlast {
      width: 50%; }

    .x1of3-when-xsmall.xlast {
      width: 33.33333%; }

    .x2of3-when-xsmall.xlast {
      width: 66.66667%; }

    .x1of4-when-xsmall.xlast {
      width: 25%; }

    .x3of4-when-xsmall.xlast {
      width: 75%; }

    .x1of5-when-xsmall.xlast {
      width: 20%; }

    .x2of5-when-xsmall.xlast {
      width: 40%; }

    .x3of5-when-xsmall.xlast {
      width: 60%; }

    .x4of5-when-xsmall.xlast {
      width: 80%; }

    .x1of6-when-xsmall.xlast {
      width: 16.66667%; }

    .x5of6-when-xsmall.xlast {
      width: 83.33335%; } }

  .l1of2-when-xsmall {
    margin-left: 50%; }

  .l1of3-when-xsmall {
    margin-left: 33.33333%; }

  .l2of3-when-xsmall {
    margin-left: 66.66667%; }

  .l1of4-when-xsmall {
    margin-left: 25%; }

  .l3of4-when-xsmall {
    margin-left: 75%; }

  .l1of5-when-xsmall {
    margin-left: 20%; }

  .l2of5-when-xsmall {
    margin-left: 40%; }

  .l3of5-when-xsmall {
    margin-left: 60%; }

  .l4of5-when-xsmall {
    margin-left: 80%; }

  .l1of6-when-xsmall {
    margin-left: 16.66667%; }

  .l5of6-when-xsmall {
    margin-left: 83.33335%; }

  .r1of2-when-xsmall {
    margin-right: 50%; }

  .r1of3-when-xsmall {
    margin-right: 33.33333%; }

  .r2of3-when-xsmall {
    margin-right: 66.66667%; }

  .r1of4-when-xsmall {
    margin-right: 25%; }

  .r3of4-when-xsmall {
    margin-right: 75%; }

  .r1of5-when-xsmall {
    margin-right: 20%; }

  .r2of5-when-xsmall {
    margin-right: 40%; }

  .r3of5-when-xsmall {
    margin-right: 60%; }

  .r4of5-when-xsmall {
    margin-right: 80%; }

  .r1of6-when-xsmall {
    margin-right: 16.66667%; }

  .r5of6-when-xsmall {
    margin-right: 83.33335%; }

  .break-when-xsmall.x1of1, .break-when-xsmall.x1of2, .break-when-xsmall.x1of3, .break-when-xsmall.x2of3, .break-when-xsmall.x1of4, .break-when-xsmall.x3of4, .break-when-xsmall.x1of5, .break-when-xsmall.x2of5, .break-when-xsmall.x3of5, .break-when-xsmall.x4of5, .break-when-xsmall.x1of6, .break-when-xsmall.x5of6, .break-when-xsmall.xlast,
  .break-when-xsmall > .x1of1, .break-when-xsmall > .x1of2, .break-when-xsmall > .x1of3, .break-when-xsmall > .x2of3,
  .break-when-xsmall > .x1of4, .break-when-xsmall > .x3of4, .break-when-xsmall > .x1of5, .break-when-xsmall > .x2of5,
  .break-when-xsmall > .x3of5, .break-when-xsmall > .x4of5, .break-when-xsmall > .x1of6, .break-when-xsmall > .x5of6,
  .break-when-xsmall > .xlast, .break-when-xsmall > .xcell {
    clear: both;
    width: 100%; }
  .break-when-xsmall.xlast, .break-when-xsmall > .xlast {
    display: block;
    float: none; }
  .break-when-xsmall.l1of2, .break-when-xsmall.l1of3, .break-when-xsmall.l2of3, .break-when-xsmall.l1of4, .break-when-xsmall.l3of4, .break-when-xsmall.l1of5, .break-when-xsmall.l2of5, .break-when-xsmall.l3of5, .break-when-xsmall.l4of5, .break-when-xsmall.l1of6, .break-when-xsmall.l5of6 {
    margin-left: 0; }
  .break-when-xsmall.r1of2, .break-when-xsmall.r1of3, .break-when-xsmall.r2of3, .break-when-xsmall.r1of4, .break-when-xsmall.r3of4, .break-when-xsmall.r1of5, .break-when-xsmall.r2of5, .break-when-xsmall.r3of5, .break-when-xsmall.r4of5, .break-when-xsmall.r1of6, .break-when-xsmall.r5of6 {
    margin-right: 0; }

  .xgrid2-when-xsmall > .xcell:nth-child(1n),
  .xgrid3-when-xsmall > .xcell:nth-child(1n),
  .xgrid4-when-xsmall > .xcell:nth-child(1n),
  .xgrid5-when-xsmall > .xcell:nth-child(1n),
  .xgrid6-when-xsmall > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-xsmall > .xcell {
    width: 50%; }
  .xgrid2-when-xsmall > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-xsmall > .xcell {
    width: 33.3333%; }
  .xgrid3-when-xsmall > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-xsmall > .xcell {
    width: 25%; }
  .xgrid4-when-xsmall > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-xsmall > .xcell {
    width: 20%; }
  .xgrid5-when-xsmall > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-xsmall > .xcell {
    width: 16.66667%; }
  .xgrid6-when-xsmall > .xcell:nth-child(6n+1) {
    clear: left; } }
@media screen and (max-width: 320px) {
  .hide-when-lt-xsmall {
    display: none !important; }

  .x1of1-when-lt-xsmall {
    width: 100%; }

  .x1of2-when-lt-xsmall {
    width: 50%; }

  .x1of3-when-lt-xsmall {
    width: 33.33333%; }

  .x2of3-when-lt-xsmall {
    width: 66.66667%; }

  .x1of4-when-lt-xsmall {
    width: 25%; }

  .x3of4-when-lt-xsmall {
    width: 75%; }

  .x1of5-when-lt-xsmall {
    width: 20%; }

  .x2of5-when-lt-xsmall {
    width: 40%; }

  .x3of5-when-lt-xsmall {
    width: 60%; }

  .x4of5-when-lt-xsmall {
    width: 80%; }

  .x1of6-when-lt-xsmall {
    width: 16.66667%; }

  .x5of6-when-lt-xsmall {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-lt-xsmall.xlast {
      width: 100%; }

    .x1of2-when-lt-xsmall.xlast {
      width: 50%; }

    .x1of3-when-lt-xsmall.xlast {
      width: 33.33333%; }

    .x2of3-when-lt-xsmall.xlast {
      width: 66.66667%; }

    .x1of4-when-lt-xsmall.xlast {
      width: 25%; }

    .x3of4-when-lt-xsmall.xlast {
      width: 75%; }

    .x1of5-when-lt-xsmall.xlast {
      width: 20%; }

    .x2of5-when-lt-xsmall.xlast {
      width: 40%; }

    .x3of5-when-lt-xsmall.xlast {
      width: 60%; }

    .x4of5-when-lt-xsmall.xlast {
      width: 80%; }

    .x1of6-when-lt-xsmall.xlast {
      width: 16.66667%; }

    .x5of6-when-lt-xsmall.xlast {
      width: 83.33335%; } }

  .l1of2-when-lt-xsmall {
    margin-left: 50%; }

  .l1of3-when-lt-xsmall {
    margin-left: 33.33333%; }

  .l2of3-when-lt-xsmall {
    margin-left: 66.66667%; }

  .l1of4-when-lt-xsmall {
    margin-left: 25%; }

  .l3of4-when-lt-xsmall {
    margin-left: 75%; }

  .l1of5-when-lt-xsmall {
    margin-left: 20%; }

  .l2of5-when-lt-xsmall {
    margin-left: 40%; }

  .l3of5-when-lt-xsmall {
    margin-left: 60%; }

  .l4of5-when-lt-xsmall {
    margin-left: 80%; }

  .l1of6-when-lt-xsmall {
    margin-left: 16.66667%; }

  .l5of6-when-lt-xsmall {
    margin-left: 83.33335%; }

  .r1of2-when-lt-xsmall {
    margin-right: 50%; }

  .r1of3-when-lt-xsmall {
    margin-right: 33.33333%; }

  .r2of3-when-lt-xsmall {
    margin-right: 66.66667%; }

  .r1of4-when-lt-xsmall {
    margin-right: 25%; }

  .r3of4-when-lt-xsmall {
    margin-right: 75%; }

  .r1of5-when-lt-xsmall {
    margin-right: 20%; }

  .r2of5-when-lt-xsmall {
    margin-right: 40%; }

  .r3of5-when-lt-xsmall {
    margin-right: 60%; }

  .r4of5-when-lt-xsmall {
    margin-right: 80%; }

  .r1of6-when-lt-xsmall {
    margin-right: 16.66667%; }

  .r5of6-when-lt-xsmall {
    margin-right: 83.33335%; }

  .break-when-lt-xsmall.x1of1, .break-when-lt-xsmall.x1of2, .break-when-lt-xsmall.x1of3, .break-when-lt-xsmall.x2of3, .break-when-lt-xsmall.x1of4, .break-when-lt-xsmall.x3of4, .break-when-lt-xsmall.x1of5, .break-when-lt-xsmall.x2of5, .break-when-lt-xsmall.x3of5, .break-when-lt-xsmall.x4of5, .break-when-lt-xsmall.x1of6, .break-when-lt-xsmall.x5of6, .break-when-lt-xsmall.xlast,
  .break-when-lt-xsmall > .x1of1, .break-when-lt-xsmall > .x1of2, .break-when-lt-xsmall > .x1of3, .break-when-lt-xsmall > .x2of3,
  .break-when-lt-xsmall > .x1of4, .break-when-lt-xsmall > .x3of4, .break-when-lt-xsmall > .x1of5, .break-when-lt-xsmall > .x2of5,
  .break-when-lt-xsmall > .x3of5, .break-when-lt-xsmall > .x4of5, .break-when-lt-xsmall > .x1of6, .break-when-lt-xsmall > .x5of6,
  .break-when-lt-xsmall > .xlast, .break-when-lt-xsmall > .xcell {
    clear: both;
    width: 100%; }
  .break-when-lt-xsmall.xlast, .break-when-lt-xsmall > .xlast {
    display: block;
    float: none; }
  .break-when-lt-xsmall.l1of2, .break-when-lt-xsmall.l1of3, .break-when-lt-xsmall.l2of3, .break-when-lt-xsmall.l1of4, .break-when-lt-xsmall.l3of4, .break-when-lt-xsmall.l1of5, .break-when-lt-xsmall.l2of5, .break-when-lt-xsmall.l3of5, .break-when-lt-xsmall.l4of5, .break-when-lt-xsmall.l1of6, .break-when-lt-xsmall.l5of6 {
    margin-left: 0; }
  .break-when-lt-xsmall.r1of2, .break-when-lt-xsmall.r1of3, .break-when-lt-xsmall.r2of3, .break-when-lt-xsmall.r1of4, .break-when-lt-xsmall.r3of4, .break-when-lt-xsmall.r1of5, .break-when-lt-xsmall.r2of5, .break-when-lt-xsmall.r3of5, .break-when-lt-xsmall.r4of5, .break-when-lt-xsmall.r1of6, .break-when-lt-xsmall.r5of6 {
    margin-right: 0; }

  .xgrid2-when-lt-xsmall > .xcell:nth-child(1n),
  .xgrid3-when-lt-xsmall > .xcell:nth-child(1n),
  .xgrid4-when-lt-xsmall > .xcell:nth-child(1n),
  .xgrid5-when-lt-xsmall > .xcell:nth-child(1n),
  .xgrid6-when-lt-xsmall > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-lt-xsmall > .xcell {
    width: 50%; }
  .xgrid2-when-lt-xsmall > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-lt-xsmall > .xcell {
    width: 33.3333%; }
  .xgrid3-when-lt-xsmall > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-lt-xsmall > .xcell {
    width: 25%; }
  .xgrid4-when-lt-xsmall > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-lt-xsmall > .xcell {
    width: 20%; }
  .xgrid5-when-lt-xsmall > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-lt-xsmall > .xcell {
    width: 16.66667%; }
  .xgrid6-when-lt-xsmall > .xcell:nth-child(6n+1) {
    clear: left; } }
@media screen and (min-width: 481px) {
  .hide-when-gt-xsmall {
    display: none !important; }

  .x1of1-when-gt-xsmall {
    width: 100%; }

  .x1of2-when-gt-xsmall {
    width: 50%; }

  .x1of3-when-gt-xsmall {
    width: 33.33333%; }

  .x2of3-when-gt-xsmall {
    width: 66.66667%; }

  .x1of4-when-gt-xsmall {
    width: 25%; }

  .x3of4-when-gt-xsmall {
    width: 75%; }

  .x1of5-when-gt-xsmall {
    width: 20%; }

  .x2of5-when-gt-xsmall {
    width: 40%; }

  .x3of5-when-gt-xsmall {
    width: 60%; }

  .x4of5-when-gt-xsmall {
    width: 80%; }

  .x1of6-when-gt-xsmall {
    width: 16.66667%; }

  .x5of6-when-gt-xsmall {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-gt-xsmall.xlast {
      width: 100%; }

    .x1of2-when-gt-xsmall.xlast {
      width: 50%; }

    .x1of3-when-gt-xsmall.xlast {
      width: 33.33333%; }

    .x2of3-when-gt-xsmall.xlast {
      width: 66.66667%; }

    .x1of4-when-gt-xsmall.xlast {
      width: 25%; }

    .x3of4-when-gt-xsmall.xlast {
      width: 75%; }

    .x1of5-when-gt-xsmall.xlast {
      width: 20%; }

    .x2of5-when-gt-xsmall.xlast {
      width: 40%; }

    .x3of5-when-gt-xsmall.xlast {
      width: 60%; }

    .x4of5-when-gt-xsmall.xlast {
      width: 80%; }

    .x1of6-when-gt-xsmall.xlast {
      width: 16.66667%; }

    .x5of6-when-gt-xsmall.xlast {
      width: 83.33335%; } }

  .l1of2-when-gt-xsmall {
    margin-left: 50%; }

  .l1of3-when-gt-xsmall {
    margin-left: 33.33333%; }

  .l2of3-when-gt-xsmall {
    margin-left: 66.66667%; }

  .l1of4-when-gt-xsmall {
    margin-left: 25%; }

  .l3of4-when-gt-xsmall {
    margin-left: 75%; }

  .l1of5-when-gt-xsmall {
    margin-left: 20%; }

  .l2of5-when-gt-xsmall {
    margin-left: 40%; }

  .l3of5-when-gt-xsmall {
    margin-left: 60%; }

  .l4of5-when-gt-xsmall {
    margin-left: 80%; }

  .l1of6-when-gt-xsmall {
    margin-left: 16.66667%; }

  .l5of6-when-gt-xsmall {
    margin-left: 83.33335%; }

  .r1of2-when-gt-xsmall {
    margin-right: 50%; }

  .r1of3-when-gt-xsmall {
    margin-right: 33.33333%; }

  .r2of3-when-gt-xsmall {
    margin-right: 66.66667%; }

  .r1of4-when-gt-xsmall {
    margin-right: 25%; }

  .r3of4-when-gt-xsmall {
    margin-right: 75%; }

  .r1of5-when-gt-xsmall {
    margin-right: 20%; }

  .r2of5-when-gt-xsmall {
    margin-right: 40%; }

  .r3of5-when-gt-xsmall {
    margin-right: 60%; }

  .r4of5-when-gt-xsmall {
    margin-right: 80%; }

  .r1of6-when-gt-xsmall {
    margin-right: 16.66667%; }

  .r5of6-when-gt-xsmall {
    margin-right: 83.33335%; }

  .break-when-gt-xsmall.x1of1, .break-when-gt-xsmall.x1of2, .break-when-gt-xsmall.x1of3, .break-when-gt-xsmall.x2of3, .break-when-gt-xsmall.x1of4, .break-when-gt-xsmall.x3of4, .break-when-gt-xsmall.x1of5, .break-when-gt-xsmall.x2of5, .break-when-gt-xsmall.x3of5, .break-when-gt-xsmall.x4of5, .break-when-gt-xsmall.x1of6, .break-when-gt-xsmall.x5of6, .break-when-gt-xsmall.xlast,
  .break-when-gt-xsmall > .x1of1, .break-when-gt-xsmall > .x1of2, .break-when-gt-xsmall > .x1of3, .break-when-gt-xsmall > .x2of3,
  .break-when-gt-xsmall > .x1of4, .break-when-gt-xsmall > .x3of4, .break-when-gt-xsmall > .x1of5, .break-when-gt-xsmall > .x2of5,
  .break-when-gt-xsmall > .x3of5, .break-when-gt-xsmall > .x4of5, .break-when-gt-xsmall > .x1of6, .break-when-gt-xsmall > .x5of6,
  .break-when-gt-xsmall > .xlast, .break-when-gt-xsmall > .xcell {
    clear: both;
    width: 100%; }
  .break-when-gt-xsmall.xlast, .break-when-gt-xsmall > .xlast {
    display: block;
    float: none; }
  .break-when-gt-xsmall.l1of2, .break-when-gt-xsmall.l1of3, .break-when-gt-xsmall.l2of3, .break-when-gt-xsmall.l1of4, .break-when-gt-xsmall.l3of4, .break-when-gt-xsmall.l1of5, .break-when-gt-xsmall.l2of5, .break-when-gt-xsmall.l3of5, .break-when-gt-xsmall.l4of5, .break-when-gt-xsmall.l1of6, .break-when-gt-xsmall.l5of6 {
    margin-left: 0; }
  .break-when-gt-xsmall.r1of2, .break-when-gt-xsmall.r1of3, .break-when-gt-xsmall.r2of3, .break-when-gt-xsmall.r1of4, .break-when-gt-xsmall.r3of4, .break-when-gt-xsmall.r1of5, .break-when-gt-xsmall.r2of5, .break-when-gt-xsmall.r3of5, .break-when-gt-xsmall.r4of5, .break-when-gt-xsmall.r1of6, .break-when-gt-xsmall.r5of6 {
    margin-right: 0; }

  .xgrid2-when-gt-xsmall > .xcell:nth-child(1n),
  .xgrid3-when-gt-xsmall > .xcell:nth-child(1n),
  .xgrid4-when-gt-xsmall > .xcell:nth-child(1n),
  .xgrid5-when-gt-xsmall > .xcell:nth-child(1n),
  .xgrid6-when-gt-xsmall > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-gt-xsmall > .xcell {
    width: 50%; }
  .xgrid2-when-gt-xsmall > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-gt-xsmall > .xcell {
    width: 33.3333%; }
  .xgrid3-when-gt-xsmall > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-gt-xsmall > .xcell {
    width: 25%; }
  .xgrid4-when-gt-xsmall > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-gt-xsmall > .xcell {
    width: 20%; }
  .xgrid5-when-gt-xsmall > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-gt-xsmall > .xcell {
    width: 16.66667%; }
  .xgrid6-when-gt-xsmall > .xcell:nth-child(6n+1) {
    clear: left; } }
/*! -- small styles (481px to 640px) */
/*! --------------------------------------------------- */
@media screen and (min-width: 481px) and (max-width: 640px) {
  .hide-when-small {
    display: none !important; }

  .x1of1-when-small {
    width: 100%; }

  .x1of2-when-small {
    width: 50%; }

  .x1of3-when-small {
    width: 33.33333%; }

  .x2of3-when-small {
    width: 66.66667%; }

  .x1of4-when-small {
    width: 25%; }

  .x3of4-when-small {
    width: 75%; }

  .x1of5-when-small {
    width: 20%; }

  .x2of5-when-small {
    width: 40%; }

  .x3of5-when-small {
    width: 60%; }

  .x4of5-when-small {
    width: 80%; }

  .x1of6-when-small {
    width: 16.66667%; }

  .x5of6-when-small {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-small.xlast {
      width: 100%; }

    .x1of2-when-small.xlast {
      width: 50%; }

    .x1of3-when-small.xlast {
      width: 33.33333%; }

    .x2of3-when-small.xlast {
      width: 66.66667%; }

    .x1of4-when-small.xlast {
      width: 25%; }

    .x3of4-when-small.xlast {
      width: 75%; }

    .x1of5-when-small.xlast {
      width: 20%; }

    .x2of5-when-small.xlast {
      width: 40%; }

    .x3of5-when-small.xlast {
      width: 60%; }

    .x4of5-when-small.xlast {
      width: 80%; }

    .x1of6-when-small.xlast {
      width: 16.66667%; }

    .x5of6-when-small.xlast {
      width: 83.33335%; } }

  .l1of2-when-small {
    margin-left: 50%; }

  .l1of3-when-small {
    margin-left: 33.33333%; }

  .l2of3-when-small {
    margin-left: 66.66667%; }

  .l1of4-when-small {
    margin-left: 25%; }

  .l3of4-when-small {
    margin-left: 75%; }

  .l1of5-when-small {
    margin-left: 20%; }

  .l2of5-when-small {
    margin-left: 40%; }

  .l3of5-when-small {
    margin-left: 60%; }

  .l4of5-when-small {
    margin-left: 80%; }

  .l1of6-when-small {
    margin-left: 16.66667%; }

  .l5of6-when-small {
    margin-left: 83.33335%; }

  .r1of2-when-small {
    margin-right: 50%; }

  .r1of3-when-small {
    margin-right: 33.33333%; }

  .r2of3-when-small {
    margin-right: 66.66667%; }

  .r1of4-when-small {
    margin-right: 25%; }

  .r3of4-when-small {
    margin-right: 75%; }

  .r1of5-when-small {
    margin-right: 20%; }

  .r2of5-when-small {
    margin-right: 40%; }

  .r3of5-when-small {
    margin-right: 60%; }

  .r4of5-when-small {
    margin-right: 80%; }

  .r1of6-when-small {
    margin-right: 16.66667%; }

  .r5of6-when-small {
    margin-right: 83.33335%; }

  .break-when-small.x1of1, .break-when-small.x1of2, .break-when-small.x1of3, .break-when-small.x2of3, .break-when-small.x1of4, .break-when-small.x3of4, .break-when-small.x1of5, .break-when-small.x2of5, .break-when-small.x3of5, .break-when-small.x4of5, .break-when-small.x1of6, .break-when-small.x5of6, .break-when-small.xlast,
  .break-when-small > .x1of1, .break-when-small > .x1of2, .break-when-small > .x1of3, .break-when-small > .x2of3,
  .break-when-small > .x1of4, .break-when-small > .x3of4, .break-when-small > .x1of5, .break-when-small > .x2of5,
  .break-when-small > .x3of5, .break-when-small > .x4of5, .break-when-small > .x1of6, .break-when-small > .x5of6,
  .break-when-small > .xlast, .break-when-small > .xcell {
    clear: both;
    width: 100%; }
  .break-when-small.xlast, .break-when-small > .xlast {
    display: block;
    float: none; }
  .break-when-small.l1of2, .break-when-small.l1of3, .break-when-small.l2of3, .break-when-small.l1of4, .break-when-small.l3of4, .break-when-small.l1of5, .break-when-small.l2of5, .break-when-small.l3of5, .break-when-small.l4of5, .break-when-small.l1of6, .break-when-small.l5of6 {
    margin-left: 0; }
  .break-when-small.r1of2, .break-when-small.r1of3, .break-when-small.r2of3, .break-when-small.r1of4, .break-when-small.r3of4, .break-when-small.r1of5, .break-when-small.r2of5, .break-when-small.r3of5, .break-when-small.r4of5, .break-when-small.r1of6, .break-when-small.r5of6 {
    margin-right: 0; }

  .xgrid2-when-small > .xcell:nth-child(1n),
  .xgrid3-when-small > .xcell:nth-child(1n),
  .xgrid4-when-small > .xcell:nth-child(1n),
  .xgrid5-when-small > .xcell:nth-child(1n),
  .xgrid6-when-small > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-small > .xcell {
    width: 50%; }
  .xgrid2-when-small > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-small > .xcell {
    width: 33.3333%; }
  .xgrid3-when-small > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-small > .xcell {
    width: 25%; }
  .xgrid4-when-small > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-small > .xcell {
    width: 20%; }
  .xgrid5-when-small > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-small > .xcell {
    width: 16.66667%; }
  .xgrid6-when-small > .xcell:nth-child(6n+1) {
    clear: left; } }
@media screen and (max-width: 480px) {
  .hide-when-lt-small {
    display: none !important; }

  .x1of1-when-lt-small {
    width: 100%; }

  .x1of2-when-lt-small {
    width: 50%; }

  .x1of3-when-lt-small {
    width: 33.33333%; }

  .x2of3-when-lt-small {
    width: 66.66667%; }

  .x1of4-when-lt-small {
    width: 25%; }

  .x3of4-when-lt-small {
    width: 75%; }

  .x1of5-when-lt-small {
    width: 20%; }

  .x2of5-when-lt-small {
    width: 40%; }

  .x3of5-when-lt-small {
    width: 60%; }

  .x4of5-when-lt-small {
    width: 80%; }

  .x1of6-when-lt-small {
    width: 16.66667%; }

  .x5of6-when-lt-small {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-lt-small.xlast {
      width: 100%; }

    .x1of2-when-lt-small.xlast {
      width: 50%; }

    .x1of3-when-lt-small.xlast {
      width: 33.33333%; }

    .x2of3-when-lt-small.xlast {
      width: 66.66667%; }

    .x1of4-when-lt-small.xlast {
      width: 25%; }

    .x3of4-when-lt-small.xlast {
      width: 75%; }

    .x1of5-when-lt-small.xlast {
      width: 20%; }

    .x2of5-when-lt-small.xlast {
      width: 40%; }

    .x3of5-when-lt-small.xlast {
      width: 60%; }

    .x4of5-when-lt-small.xlast {
      width: 80%; }

    .x1of6-when-lt-small.xlast {
      width: 16.66667%; }

    .x5of6-when-lt-small.xlast {
      width: 83.33335%; } }

  .l1of2-when-lt-small {
    margin-left: 50%; }

  .l1of3-when-lt-small {
    margin-left: 33.33333%; }

  .l2of3-when-lt-small {
    margin-left: 66.66667%; }

  .l1of4-when-lt-small {
    margin-left: 25%; }

  .l3of4-when-lt-small {
    margin-left: 75%; }

  .l1of5-when-lt-small {
    margin-left: 20%; }

  .l2of5-when-lt-small {
    margin-left: 40%; }

  .l3of5-when-lt-small {
    margin-left: 60%; }

  .l4of5-when-lt-small {
    margin-left: 80%; }

  .l1of6-when-lt-small {
    margin-left: 16.66667%; }

  .l5of6-when-lt-small {
    margin-left: 83.33335%; }

  .r1of2-when-lt-small {
    margin-right: 50%; }

  .r1of3-when-lt-small {
    margin-right: 33.33333%; }

  .r2of3-when-lt-small {
    margin-right: 66.66667%; }

  .r1of4-when-lt-small {
    margin-right: 25%; }

  .r3of4-when-lt-small {
    margin-right: 75%; }

  .r1of5-when-lt-small {
    margin-right: 20%; }

  .r2of5-when-lt-small {
    margin-right: 40%; }

  .r3of5-when-lt-small {
    margin-right: 60%; }

  .r4of5-when-lt-small {
    margin-right: 80%; }

  .r1of6-when-lt-small {
    margin-right: 16.66667%; }

  .r5of6-when-lt-small {
    margin-right: 83.33335%; }

  .break-when-lt-small.x1of1, .break-when-lt-small.x1of2, .break-when-lt-small.x1of3, .break-when-lt-small.x2of3, .break-when-lt-small.x1of4, .break-when-lt-small.x3of4, .break-when-lt-small.x1of5, .break-when-lt-small.x2of5, .break-when-lt-small.x3of5, .break-when-lt-small.x4of5, .break-when-lt-small.x1of6, .break-when-lt-small.x5of6, .break-when-lt-small.xlast,
  .break-when-lt-small > .x1of1, .break-when-lt-small > .x1of2, .break-when-lt-small > .x1of3, .break-when-lt-small > .x2of3,
  .break-when-lt-small > .x1of4, .break-when-lt-small > .x3of4, .break-when-lt-small > .x1of5, .break-when-lt-small > .x2of5,
  .break-when-lt-small > .x3of5, .break-when-lt-small > .x4of5, .break-when-lt-small > .x1of6, .break-when-lt-small > .x5of6,
  .break-when-lt-small > .xlast, .break-when-lt-small > .xcell {
    clear: both;
    width: 100%; }
  .break-when-lt-small.xlast, .break-when-lt-small > .xlast {
    display: block;
    float: none; }
  .break-when-lt-small.l1of2, .break-when-lt-small.l1of3, .break-when-lt-small.l2of3, .break-when-lt-small.l1of4, .break-when-lt-small.l3of4, .break-when-lt-small.l1of5, .break-when-lt-small.l2of5, .break-when-lt-small.l3of5, .break-when-lt-small.l4of5, .break-when-lt-small.l1of6, .break-when-lt-small.l5of6 {
    margin-left: 0; }
  .break-when-lt-small.r1of2, .break-when-lt-small.r1of3, .break-when-lt-small.r2of3, .break-when-lt-small.r1of4, .break-when-lt-small.r3of4, .break-when-lt-small.r1of5, .break-when-lt-small.r2of5, .break-when-lt-small.r3of5, .break-when-lt-small.r4of5, .break-when-lt-small.r1of6, .break-when-lt-small.r5of6 {
    margin-right: 0; }

  .xgrid2-when-lt-small > .xcell:nth-child(1n),
  .xgrid3-when-lt-small > .xcell:nth-child(1n),
  .xgrid4-when-lt-small > .xcell:nth-child(1n),
  .xgrid5-when-lt-small > .xcell:nth-child(1n),
  .xgrid6-when-lt-small > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-lt-small > .xcell {
    width: 50%; }
  .xgrid2-when-lt-small > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-lt-small > .xcell {
    width: 33.3333%; }
  .xgrid3-when-lt-small > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-lt-small > .xcell {
    width: 25%; }
  .xgrid4-when-lt-small > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-lt-small > .xcell {
    width: 20%; }
  .xgrid5-when-lt-small > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-lt-small > .xcell {
    width: 16.66667%; }
  .xgrid6-when-lt-small > .xcell:nth-child(6n+1) {
    clear: left; } }
@media screen and (min-width: 641px) {
  .hide-when-gt-small {
    display: none !important; }

  .x1of1-when-gt-small {
    width: 100%; }

  .x1of2-when-gt-small {
    width: 50%; }

  .x1of3-when-gt-small {
    width: 33.33333%; }

  .x2of3-when-gt-small {
    width: 66.66667%; }

  .x1of4-when-gt-small {
    width: 25%; }

  .x3of4-when-gt-small {
    width: 75%; }

  .x1of5-when-gt-small {
    width: 20%; }

  .x2of5-when-gt-small {
    width: 40%; }

  .x3of5-when-gt-small {
    width: 60%; }

  .x4of5-when-gt-small {
    width: 80%; }

  .x1of6-when-gt-small {
    width: 16.66667%; }

  .x5of6-when-gt-small {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-gt-small.xlast {
      width: 100%; }

    .x1of2-when-gt-small.xlast {
      width: 50%; }

    .x1of3-when-gt-small.xlast {
      width: 33.33333%; }

    .x2of3-when-gt-small.xlast {
      width: 66.66667%; }

    .x1of4-when-gt-small.xlast {
      width: 25%; }

    .x3of4-when-gt-small.xlast {
      width: 75%; }

    .x1of5-when-gt-small.xlast {
      width: 20%; }

    .x2of5-when-gt-small.xlast {
      width: 40%; }

    .x3of5-when-gt-small.xlast {
      width: 60%; }

    .x4of5-when-gt-small.xlast {
      width: 80%; }

    .x1of6-when-gt-small.xlast {
      width: 16.66667%; }

    .x5of6-when-gt-small.xlast {
      width: 83.33335%; } }

  .l1of2-when-gt-small {
    margin-left: 50%; }

  .l1of3-when-gt-small {
    margin-left: 33.33333%; }

  .l2of3-when-gt-small {
    margin-left: 66.66667%; }

  .l1of4-when-gt-small {
    margin-left: 25%; }

  .l3of4-when-gt-small {
    margin-left: 75%; }

  .l1of5-when-gt-small {
    margin-left: 20%; }

  .l2of5-when-gt-small {
    margin-left: 40%; }

  .l3of5-when-gt-small {
    margin-left: 60%; }

  .l4of5-when-gt-small {
    margin-left: 80%; }

  .l1of6-when-gt-small {
    margin-left: 16.66667%; }

  .l5of6-when-gt-small {
    margin-left: 83.33335%; }

  .r1of2-when-gt-small {
    margin-right: 50%; }

  .r1of3-when-gt-small {
    margin-right: 33.33333%; }

  .r2of3-when-gt-small {
    margin-right: 66.66667%; }

  .r1of4-when-gt-small {
    margin-right: 25%; }

  .r3of4-when-gt-small {
    margin-right: 75%; }

  .r1of5-when-gt-small {
    margin-right: 20%; }

  .r2of5-when-gt-small {
    margin-right: 40%; }

  .r3of5-when-gt-small {
    margin-right: 60%; }

  .r4of5-when-gt-small {
    margin-right: 80%; }

  .r1of6-when-gt-small {
    margin-right: 16.66667%; }

  .r5of6-when-gt-small {
    margin-right: 83.33335%; }

  .break-when-gt-small.x1of1, .break-when-gt-small.x1of2, .break-when-gt-small.x1of3, .break-when-gt-small.x2of3, .break-when-gt-small.x1of4, .break-when-gt-small.x3of4, .break-when-gt-small.x1of5, .break-when-gt-small.x2of5, .break-when-gt-small.x3of5, .break-when-gt-small.x4of5, .break-when-gt-small.x1of6, .break-when-gt-small.x5of6, .break-when-gt-small.xlast,
  .break-when-gt-small > .x1of1, .break-when-gt-small > .x1of2, .break-when-gt-small > .x1of3, .break-when-gt-small > .x2of3,
  .break-when-gt-small > .x1of4, .break-when-gt-small > .x3of4, .break-when-gt-small > .x1of5, .break-when-gt-small > .x2of5,
  .break-when-gt-small > .x3of5, .break-when-gt-small > .x4of5, .break-when-gt-small > .x1of6, .break-when-gt-small > .x5of6,
  .break-when-gt-small > .xlast, .break-when-gt-small > .xcell {
    clear: both;
    width: 100%; }
  .break-when-gt-small.xlast, .break-when-gt-small > .xlast {
    display: block;
    float: none; }
  .break-when-gt-small.l1of2, .break-when-gt-small.l1of3, .break-when-gt-small.l2of3, .break-when-gt-small.l1of4, .break-when-gt-small.l3of4, .break-when-gt-small.l1of5, .break-when-gt-small.l2of5, .break-when-gt-small.l3of5, .break-when-gt-small.l4of5, .break-when-gt-small.l1of6, .break-when-gt-small.l5of6 {
    margin-left: 0; }
  .break-when-gt-small.r1of2, .break-when-gt-small.r1of3, .break-when-gt-small.r2of3, .break-when-gt-small.r1of4, .break-when-gt-small.r3of4, .break-when-gt-small.r1of5, .break-when-gt-small.r2of5, .break-when-gt-small.r3of5, .break-when-gt-small.r4of5, .break-when-gt-small.r1of6, .break-when-gt-small.r5of6 {
    margin-right: 0; }

  .xgrid2-when-gt-small > .xcell:nth-child(1n),
  .xgrid3-when-gt-small > .xcell:nth-child(1n),
  .xgrid4-when-gt-small > .xcell:nth-child(1n),
  .xgrid5-when-gt-small > .xcell:nth-child(1n),
  .xgrid6-when-gt-small > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-gt-small > .xcell {
    width: 50%; }
  .xgrid2-when-gt-small > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-gt-small > .xcell {
    width: 33.3333%; }
  .xgrid3-when-gt-small > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-gt-small > .xcell {
    width: 25%; }
  .xgrid4-when-gt-small > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-gt-small > .xcell {
    width: 20%; }
  .xgrid5-when-gt-small > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-gt-small > .xcell {
    width: 16.66667%; }
  .xgrid6-when-gt-small > .xcell:nth-child(6n+1) {
    clear: left; } }
/*! -- medium styles (641px to 1120px) */
/*! --------------------------------------------------- */
@media screen and (min-width: 641px) and (max-width: 1120px) {
  .hide-when-medium {
    display: none !important; }

  .x1of1-when-medium {
    width: 100%; }

  .x1of2-when-medium {
    width: 50%; }

  .x1of3-when-medium {
    width: 33.33333%; }

  .x2of3-when-medium {
    width: 66.66667%; }

  .x1of4-when-medium {
    width: 25%; }

  .x3of4-when-medium {
    width: 75%; }

  .x1of5-when-medium {
    width: 20%; }

  .x2of5-when-medium {
    width: 40%; }

  .x3of5-when-medium {
    width: 60%; }

  .x4of5-when-medium {
    width: 80%; }

  .x1of6-when-medium {
    width: 16.66667%; }

  .x5of6-when-medium {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-medium.xlast {
      width: 100%; }

    .x1of2-when-medium.xlast {
      width: 50%; }

    .x1of3-when-medium.xlast {
      width: 33.33333%; }

    .x2of3-when-medium.xlast {
      width: 66.66667%; }

    .x1of4-when-medium.xlast {
      width: 25%; }

    .x3of4-when-medium.xlast {
      width: 75%; }

    .x1of5-when-medium.xlast {
      width: 20%; }

    .x2of5-when-medium.xlast {
      width: 40%; }

    .x3of5-when-medium.xlast {
      width: 60%; }

    .x4of5-when-medium.xlast {
      width: 80%; }

    .x1of6-when-medium.xlast {
      width: 16.66667%; }

    .x5of6-when-medium.xlast {
      width: 83.33335%; } }

  .l1of2-when-medium {
    margin-left: 50%; }

  .l1of3-when-medium {
    margin-left: 33.33333%; }

  .l2of3-when-medium {
    margin-left: 66.66667%; }

  .l1of4-when-medium {
    margin-left: 25%; }

  .l3of4-when-medium {
    margin-left: 75%; }

  .l1of5-when-medium {
    margin-left: 20%; }

  .l2of5-when-medium {
    margin-left: 40%; }

  .l3of5-when-medium {
    margin-left: 60%; }

  .l4of5-when-medium {
    margin-left: 80%; }

  .l1of6-when-medium {
    margin-left: 16.66667%; }

  .l5of6-when-medium {
    margin-left: 83.33335%; }

  .r1of2-when-medium {
    margin-right: 50%; }

  .r1of3-when-medium {
    margin-right: 33.33333%; }

  .r2of3-when-medium {
    margin-right: 66.66667%; }

  .r1of4-when-medium {
    margin-right: 25%; }

  .r3of4-when-medium {
    margin-right: 75%; }

  .r1of5-when-medium {
    margin-right: 20%; }

  .r2of5-when-medium {
    margin-right: 40%; }

  .r3of5-when-medium {
    margin-right: 60%; }

  .r4of5-when-medium {
    margin-right: 80%; }

  .r1of6-when-medium {
    margin-right: 16.66667%; }

  .r5of6-when-medium {
    margin-right: 83.33335%; }

  .break-when-medium.x1of1, .break-when-medium.x1of2, .break-when-medium.x1of3, .break-when-medium.x2of3, .break-when-medium.x1of4, .break-when-medium.x3of4, .break-when-medium.x1of5, .break-when-medium.x2of5, .break-when-medium.x3of5, .break-when-medium.x4of5, .break-when-medium.x1of6, .break-when-medium.x5of6, .break-when-medium.xlast,
  .break-when-medium > .x1of1, .break-when-medium > .x1of2, .break-when-medium > .x1of3, .break-when-medium > .x2of3,
  .break-when-medium > .x1of4, .break-when-medium > .x3of4, .break-when-medium > .x1of5, .break-when-medium > .x2of5,
  .break-when-medium > .x3of5, .break-when-medium > .x4of5, .break-when-medium > .x1of6, .break-when-medium > .x5of6,
  .break-when-medium > .xlast, .break-when-medium > .xcell {
    clear: both;
    width: 100%; }
  .break-when-medium.xlast, .break-when-medium > .xlast {
    display: block;
    float: none; }
  .break-when-medium.l1of2, .break-when-medium.l1of3, .break-when-medium.l2of3, .break-when-medium.l1of4, .break-when-medium.l3of4, .break-when-medium.l1of5, .break-when-medium.l2of5, .break-when-medium.l3of5, .break-when-medium.l4of5, .break-when-medium.l1of6, .break-when-medium.l5of6 {
    margin-left: 0; }
  .break-when-medium.r1of2, .break-when-medium.r1of3, .break-when-medium.r2of3, .break-when-medium.r1of4, .break-when-medium.r3of4, .break-when-medium.r1of5, .break-when-medium.r2of5, .break-when-medium.r3of5, .break-when-medium.r4of5, .break-when-medium.r1of6, .break-when-medium.r5of6 {
    margin-right: 0; }

  .xgrid2-when-medium > .xcell:nth-child(1n),
  .xgrid3-when-medium > .xcell:nth-child(1n),
  .xgrid4-when-medium > .xcell:nth-child(1n),
  .xgrid5-when-medium > .xcell:nth-child(1n),
  .xgrid6-when-medium > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-medium > .xcell {
    width: 50%; }
  .xgrid2-when-medium > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-medium > .xcell {
    width: 33.3333%; }
  .xgrid3-when-medium > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-medium > .xcell {
    width: 25%; }
  .xgrid4-when-medium > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-medium > .xcell {
    width: 20%; }
  .xgrid5-when-medium > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-medium > .xcell {
    width: 16.66667%; }
  .xgrid6-when-medium > .xcell:nth-child(6n+1) {
    clear: left; } }
@media screen and (max-width: 640px) {
  .hide-when-lt-medium {
    display: none !important; }

  .x1of1-when-lt-medium {
    width: 100%; }

  .x1of2-when-lt-medium {
    width: 50%; }

  .x1of3-when-lt-medium {
    width: 33.33333%; }

  .x2of3-when-lt-medium {
    width: 66.66667%; }

  .x1of4-when-lt-medium {
    width: 25%; }

  .x3of4-when-lt-medium {
    width: 75%; }

  .x1of5-when-lt-medium {
    width: 20%; }

  .x2of5-when-lt-medium {
    width: 40%; }

  .x3of5-when-lt-medium {
    width: 60%; }

  .x4of5-when-lt-medium {
    width: 80%; }

  .x1of6-when-lt-medium {
    width: 16.66667%; }

  .x5of6-when-lt-medium {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-lt-medium.xlast {
      width: 100%; }

    .x1of2-when-lt-medium.xlast {
      width: 50%; }

    .x1of3-when-lt-medium.xlast {
      width: 33.33333%; }

    .x2of3-when-lt-medium.xlast {
      width: 66.66667%; }

    .x1of4-when-lt-medium.xlast {
      width: 25%; }

    .x3of4-when-lt-medium.xlast {
      width: 75%; }

    .x1of5-when-lt-medium.xlast {
      width: 20%; }

    .x2of5-when-lt-medium.xlast {
      width: 40%; }

    .x3of5-when-lt-medium.xlast {
      width: 60%; }

    .x4of5-when-lt-medium.xlast {
      width: 80%; }

    .x1of6-when-lt-medium.xlast {
      width: 16.66667%; }

    .x5of6-when-lt-medium.xlast {
      width: 83.33335%; } }

  .l1of2-when-lt-medium {
    margin-left: 50%; }

  .l1of3-when-lt-medium {
    margin-left: 33.33333%; }

  .l2of3-when-lt-medium {
    margin-left: 66.66667%; }

  .l1of4-when-lt-medium {
    margin-left: 25%; }

  .l3of4-when-lt-medium {
    margin-left: 75%; }

  .l1of5-when-lt-medium {
    margin-left: 20%; }

  .l2of5-when-lt-medium {
    margin-left: 40%; }

  .l3of5-when-lt-medium {
    margin-left: 60%; }

  .l4of5-when-lt-medium {
    margin-left: 80%; }

  .l1of6-when-lt-medium {
    margin-left: 16.66667%; }

  .l5of6-when-lt-medium {
    margin-left: 83.33335%; }

  .r1of2-when-lt-medium {
    margin-right: 50%; }

  .r1of3-when-lt-medium {
    margin-right: 33.33333%; }

  .r2of3-when-lt-medium {
    margin-right: 66.66667%; }

  .r1of4-when-lt-medium {
    margin-right: 25%; }

  .r3of4-when-lt-medium {
    margin-right: 75%; }

  .r1of5-when-lt-medium {
    margin-right: 20%; }

  .r2of5-when-lt-medium {
    margin-right: 40%; }

  .r3of5-when-lt-medium {
    margin-right: 60%; }

  .r4of5-when-lt-medium {
    margin-right: 80%; }

  .r1of6-when-lt-medium {
    margin-right: 16.66667%; }

  .r5of6-when-lt-medium {
    margin-right: 83.33335%; }

  .break-when-lt-medium.x1of1, .break-when-lt-medium.x1of2, .break-when-lt-medium.x1of3, .break-when-lt-medium.x2of3, .break-when-lt-medium.x1of4, .break-when-lt-medium.x3of4, .break-when-lt-medium.x1of5, .break-when-lt-medium.x2of5, .break-when-lt-medium.x3of5, .break-when-lt-medium.x4of5, .break-when-lt-medium.x1of6, .break-when-lt-medium.x5of6, .break-when-lt-medium.xlast,
  .break-when-lt-medium > .x1of1, .break-when-lt-medium > .x1of2, .break-when-lt-medium > .x1of3, .break-when-lt-medium > .x2of3,
  .break-when-lt-medium > .x1of4, .break-when-lt-medium > .x3of4, .break-when-lt-medium > .x1of5, .break-when-lt-medium > .x2of5,
  .break-when-lt-medium > .x3of5, .break-when-lt-medium > .x4of5, .break-when-lt-medium > .x1of6, .break-when-lt-medium > .x5of6,
  .break-when-lt-medium > .xlast, .break-when-lt-medium > .xcell {
    clear: both;
    width: 100%; }
  .break-when-lt-medium.xlast, .break-when-lt-medium > .xlast {
    display: block;
    float: none; }
  .break-when-lt-medium.l1of2, .break-when-lt-medium.l1of3, .break-when-lt-medium.l2of3, .break-when-lt-medium.l1of4, .break-when-lt-medium.l3of4, .break-when-lt-medium.l1of5, .break-when-lt-medium.l2of5, .break-when-lt-medium.l3of5, .break-when-lt-medium.l4of5, .break-when-lt-medium.l1of6, .break-when-lt-medium.l5of6 {
    margin-left: 0; }
  .break-when-lt-medium.r1of2, .break-when-lt-medium.r1of3, .break-when-lt-medium.r2of3, .break-when-lt-medium.r1of4, .break-when-lt-medium.r3of4, .break-when-lt-medium.r1of5, .break-when-lt-medium.r2of5, .break-when-lt-medium.r3of5, .break-when-lt-medium.r4of5, .break-when-lt-medium.r1of6, .break-when-lt-medium.r5of6 {
    margin-right: 0; }

  .xgrid2-when-lt-medium > .xcell:nth-child(1n),
  .xgrid3-when-lt-medium > .xcell:nth-child(1n),
  .xgrid4-when-lt-medium > .xcell:nth-child(1n),
  .xgrid5-when-lt-medium > .xcell:nth-child(1n),
  .xgrid6-when-lt-medium > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-lt-medium > .xcell {
    width: 50%; }
  .xgrid2-when-lt-medium > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-lt-medium > .xcell {
    width: 33.3333%; }
  .xgrid3-when-lt-medium > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-lt-medium > .xcell {
    width: 25%; }
  .xgrid4-when-lt-medium > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-lt-medium > .xcell {
    width: 20%; }
  .xgrid5-when-lt-medium > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-lt-medium > .xcell {
    width: 16.66667%; }
  .xgrid6-when-lt-medium > .xcell:nth-child(6n+1) {
    clear: left; } }
@media screen and (min-width: 1121px) {
  .hide-when-gt-medium {
    display: none !important; }

  .x1of1-when-gt-medium {
    width: 100%; }

  .x1of2-when-gt-medium {
    width: 50%; }

  .x1of3-when-gt-medium {
    width: 33.33333%; }

  .x2of3-when-gt-medium {
    width: 66.66667%; }

  .x1of4-when-gt-medium {
    width: 25%; }

  .x3of4-when-gt-medium {
    width: 75%; }

  .x1of5-when-gt-medium {
    width: 20%; }

  .x2of5-when-gt-medium {
    width: 40%; }

  .x3of5-when-gt-medium {
    width: 60%; }

  .x4of5-when-gt-medium {
    width: 80%; }

  .x1of6-when-gt-medium {
    width: 16.66667%; }

  .x5of6-when-gt-medium {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-gt-medium.xlast {
      width: 100%; }

    .x1of2-when-gt-medium.xlast {
      width: 50%; }

    .x1of3-when-gt-medium.xlast {
      width: 33.33333%; }

    .x2of3-when-gt-medium.xlast {
      width: 66.66667%; }

    .x1of4-when-gt-medium.xlast {
      width: 25%; }

    .x3of4-when-gt-medium.xlast {
      width: 75%; }

    .x1of5-when-gt-medium.xlast {
      width: 20%; }

    .x2of5-when-gt-medium.xlast {
      width: 40%; }

    .x3of5-when-gt-medium.xlast {
      width: 60%; }

    .x4of5-when-gt-medium.xlast {
      width: 80%; }

    .x1of6-when-gt-medium.xlast {
      width: 16.66667%; }

    .x5of6-when-gt-medium.xlast {
      width: 83.33335%; } }

  .l1of2-when-gt-medium {
    margin-left: 50%; }

  .l1of3-when-gt-medium {
    margin-left: 33.33333%; }

  .l2of3-when-gt-medium {
    margin-left: 66.66667%; }

  .l1of4-when-gt-medium {
    margin-left: 25%; }

  .l3of4-when-gt-medium {
    margin-left: 75%; }

  .l1of5-when-gt-medium {
    margin-left: 20%; }

  .l2of5-when-gt-medium {
    margin-left: 40%; }

  .l3of5-when-gt-medium {
    margin-left: 60%; }

  .l4of5-when-gt-medium {
    margin-left: 80%; }

  .l1of6-when-gt-medium {
    margin-left: 16.66667%; }

  .l5of6-when-gt-medium {
    margin-left: 83.33335%; }

  .r1of2-when-gt-medium {
    margin-right: 50%; }

  .r1of3-when-gt-medium {
    margin-right: 33.33333%; }

  .r2of3-when-gt-medium {
    margin-right: 66.66667%; }

  .r1of4-when-gt-medium {
    margin-right: 25%; }

  .r3of4-when-gt-medium {
    margin-right: 75%; }

  .r1of5-when-gt-medium {
    margin-right: 20%; }

  .r2of5-when-gt-medium {
    margin-right: 40%; }

  .r3of5-when-gt-medium {
    margin-right: 60%; }

  .r4of5-when-gt-medium {
    margin-right: 80%; }

  .r1of6-when-gt-medium {
    margin-right: 16.66667%; }

  .r5of6-when-gt-medium {
    margin-right: 83.33335%; }

  .break-when-gt-medium.x1of1, .break-when-gt-medium.x1of2, .break-when-gt-medium.x1of3, .break-when-gt-medium.x2of3, .break-when-gt-medium.x1of4, .break-when-gt-medium.x3of4, .break-when-gt-medium.x1of5, .break-when-gt-medium.x2of5, .break-when-gt-medium.x3of5, .break-when-gt-medium.x4of5, .break-when-gt-medium.x1of6, .break-when-gt-medium.x5of6, .break-when-gt-medium.xlast,
  .break-when-gt-medium > .x1of1, .break-when-gt-medium > .x1of2, .break-when-gt-medium > .x1of3, .break-when-gt-medium > .x2of3,
  .break-when-gt-medium > .x1of4, .break-when-gt-medium > .x3of4, .break-when-gt-medium > .x1of5, .break-when-gt-medium > .x2of5,
  .break-when-gt-medium > .x3of5, .break-when-gt-medium > .x4of5, .break-when-gt-medium > .x1of6, .break-when-gt-medium > .x5of6,
  .break-when-gt-medium > .xlast, .break-when-gt-medium > .xcell {
    clear: both;
    width: 100%; }
  .break-when-gt-medium.xlast, .break-when-gt-medium > .xlast {
    display: block;
    float: none; }
  .break-when-gt-medium.l1of2, .break-when-gt-medium.l1of3, .break-when-gt-medium.l2of3, .break-when-gt-medium.l1of4, .break-when-gt-medium.l3of4, .break-when-gt-medium.l1of5, .break-when-gt-medium.l2of5, .break-when-gt-medium.l3of5, .break-when-gt-medium.l4of5, .break-when-gt-medium.l1of6, .break-when-gt-medium.l5of6 {
    margin-left: 0; }
  .break-when-gt-medium.r1of2, .break-when-gt-medium.r1of3, .break-when-gt-medium.r2of3, .break-when-gt-medium.r1of4, .break-when-gt-medium.r3of4, .break-when-gt-medium.r1of5, .break-when-gt-medium.r2of5, .break-when-gt-medium.r3of5, .break-when-gt-medium.r4of5, .break-when-gt-medium.r1of6, .break-when-gt-medium.r5of6 {
    margin-right: 0; }

  .xgrid2-when-gt-medium > .xcell:nth-child(1n),
  .xgrid3-when-gt-medium > .xcell:nth-child(1n),
  .xgrid4-when-gt-medium > .xcell:nth-child(1n),
  .xgrid5-when-gt-medium > .xcell:nth-child(1n),
  .xgrid6-when-gt-medium > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-gt-medium > .xcell {
    width: 50%; }
  .xgrid2-when-gt-medium > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-gt-medium > .xcell {
    width: 33.3333%; }
  .xgrid3-when-gt-medium > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-gt-medium > .xcell {
    width: 25%; }
  .xgrid4-when-gt-medium > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-gt-medium > .xcell {
    width: 20%; }
  .xgrid5-when-gt-medium > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-gt-medium > .xcell {
    width: 16.66667%; }
  .xgrid6-when-gt-medium > .xcell:nth-child(6n+1) {
    clear: left; } }
/*! -- large styles (1121px to 1440px) */
/*! --------------------------------------------------- */
@media screen and (min-width: 1121px) and (max-width: 1400px) {
  .hide-when-large {
    display: none !important; }

  .x1of1-when-large {
    width: 100%; }

  .x1of2-when-large {
    width: 50%; }

  .x1of3-when-large {
    width: 33.33333%; }

  .x2of3-when-large {
    width: 66.66667%; }

  .x1of4-when-large {
    width: 25%; }

  .x3of4-when-large {
    width: 75%; }

  .x1of5-when-large {
    width: 20%; }

  .x2of5-when-large {
    width: 40%; }

  .x3of5-when-large {
    width: 60%; }

  .x4of5-when-large {
    width: 80%; }

  .x1of6-when-large {
    width: 16.66667%; }

  .x5of6-when-large {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-large.xlast {
      width: 100%; }

    .x1of2-when-large.xlast {
      width: 50%; }

    .x1of3-when-large.xlast {
      width: 33.33333%; }

    .x2of3-when-large.xlast {
      width: 66.66667%; }

    .x1of4-when-large.xlast {
      width: 25%; }

    .x3of4-when-large.xlast {
      width: 75%; }

    .x1of5-when-large.xlast {
      width: 20%; }

    .x2of5-when-large.xlast {
      width: 40%; }

    .x3of5-when-large.xlast {
      width: 60%; }

    .x4of5-when-large.xlast {
      width: 80%; }

    .x1of6-when-large.xlast {
      width: 16.66667%; }

    .x5of6-when-large.xlast {
      width: 83.33335%; } }

  .l1of2-when-large {
    margin-left: 50%; }

  .l1of3-when-large {
    margin-left: 33.33333%; }

  .l2of3-when-large {
    margin-left: 66.66667%; }

  .l1of4-when-large {
    margin-left: 25%; }

  .l3of4-when-large {
    margin-left: 75%; }

  .l1of5-when-large {
    margin-left: 20%; }

  .l2of5-when-large {
    margin-left: 40%; }

  .l3of5-when-large {
    margin-left: 60%; }

  .l4of5-when-large {
    margin-left: 80%; }

  .l1of6-when-large {
    margin-left: 16.66667%; }

  .l5of6-when-large {
    margin-left: 83.33335%; }

  .r1of2-when-large {
    margin-right: 50%; }

  .r1of3-when-large {
    margin-right: 33.33333%; }

  .r2of3-when-large {
    margin-right: 66.66667%; }

  .r1of4-when-large {
    margin-right: 25%; }

  .r3of4-when-large {
    margin-right: 75%; }

  .r1of5-when-large {
    margin-right: 20%; }

  .r2of5-when-large {
    margin-right: 40%; }

  .r3of5-when-large {
    margin-right: 60%; }

  .r4of5-when-large {
    margin-right: 80%; }

  .r1of6-when-large {
    margin-right: 16.66667%; }

  .r5of6-when-large {
    margin-right: 83.33335%; }

  .break-when-large.x1of1, .break-when-large.x1of2, .break-when-large.x1of3, .break-when-large.x2of3, .break-when-large.x1of4, .break-when-large.x3of4, .break-when-large.x1of5, .break-when-large.x2of5, .break-when-large.x3of5, .break-when-large.x4of5, .break-when-large.x1of6, .break-when-large.x5of6, .break-when-large.xlast,
  .break-when-large > .x1of1, .break-when-large > .x1of2, .break-when-large > .x1of3, .break-when-large > .x2of3,
  .break-when-large > .x1of4, .break-when-large > .x3of4, .break-when-large > .x1of5, .break-when-large > .x2of5,
  .break-when-large > .x3of5, .break-when-large > .x4of5, .break-when-large > .x1of6, .break-when-large > .x5of6,
  .break-when-large > .xlast, .break-when-large > .xcell {
    clear: both;
    width: 100%; }
  .break-when-large.xlast, .break-when-large > .xlast {
    display: block;
    float: none; }
  .break-when-large.l1of2, .break-when-large.l1of3, .break-when-large.l2of3, .break-when-large.l1of4, .break-when-large.l3of4, .break-when-large.l1of5, .break-when-large.l2of5, .break-when-large.l3of5, .break-when-large.l4of5, .break-when-large.l1of6, .break-when-large.l5of6 {
    margin-left: 0; }
  .break-when-large.r1of2, .break-when-large.r1of3, .break-when-large.r2of3, .break-when-large.r1of4, .break-when-large.r3of4, .break-when-large.r1of5, .break-when-large.r2of5, .break-when-large.r3of5, .break-when-large.r4of5, .break-when-large.r1of6, .break-when-large.r5of6 {
    margin-right: 0; }

  .xgrid2-when-large > .xcell:nth-child(1n),
  .xgrid3-when-large > .xcell:nth-child(1n),
  .xgrid4-when-large > .xcell:nth-child(1n),
  .xgrid5-when-large > .xcell:nth-child(1n),
  .xgrid6-when-large > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-large > .xcell {
    width: 50%; }
  .xgrid2-when-large > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-large > .xcell {
    width: 33.3333%; }
  .xgrid3-when-large > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-large > .xcell {
    width: 25%; }
  .xgrid4-when-large > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-large > .xcell {
    width: 20%; }
  .xgrid5-when-large > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-large > .xcell {
    width: 16.66667%; }
  .xgrid6-when-large > .xcell:nth-child(6n+1) {
    clear: left; } }
@media screen and (max-width: 1120px) {
  .hide-when-lt-large {
    display: none !important; }

  .x1of1-when-lt-large {
    width: 100%; }

  .x1of2-when-lt-large {
    width: 50%; }

  .x1of3-when-lt-large {
    width: 33.33333%; }

  .x2of3-when-lt-large {
    width: 66.66667%; }

  .x1of4-when-lt-large {
    width: 25%; }

  .x3of4-when-lt-large {
    width: 75%; }

  .x1of5-when-lt-large {
    width: 20%; }

  .x2of5-when-lt-large {
    width: 40%; }

  .x3of5-when-lt-large {
    width: 60%; }

  .x4of5-when-lt-large {
    width: 80%; }

  .x1of6-when-lt-large {
    width: 16.66667%; }

  .x5of6-when-lt-large {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-lt-large.xlast {
      width: 100%; }

    .x1of2-when-lt-large.xlast {
      width: 50%; }

    .x1of3-when-lt-large.xlast {
      width: 33.33333%; }

    .x2of3-when-lt-large.xlast {
      width: 66.66667%; }

    .x1of4-when-lt-large.xlast {
      width: 25%; }

    .x3of4-when-lt-large.xlast {
      width: 75%; }

    .x1of5-when-lt-large.xlast {
      width: 20%; }

    .x2of5-when-lt-large.xlast {
      width: 40%; }

    .x3of5-when-lt-large.xlast {
      width: 60%; }

    .x4of5-when-lt-large.xlast {
      width: 80%; }

    .x1of6-when-lt-large.xlast {
      width: 16.66667%; }

    .x5of6-when-lt-large.xlast {
      width: 83.33335%; } }

  .l1of2-when-lt-large {
    margin-left: 50%; }

  .l1of3-when-lt-large {
    margin-left: 33.33333%; }

  .l2of3-when-lt-large {
    margin-left: 66.66667%; }

  .l1of4-when-lt-large {
    margin-left: 25%; }

  .l3of4-when-lt-large {
    margin-left: 75%; }

  .l1of5-when-lt-large {
    margin-left: 20%; }

  .l2of5-when-lt-large {
    margin-left: 40%; }

  .l3of5-when-lt-large {
    margin-left: 60%; }

  .l4of5-when-lt-large {
    margin-left: 80%; }

  .l1of6-when-lt-large {
    margin-left: 16.66667%; }

  .l5of6-when-lt-large {
    margin-left: 83.33335%; }

  .r1of2-when-lt-large {
    margin-right: 50%; }

  .r1of3-when-lt-large {
    margin-right: 33.33333%; }

  .r2of3-when-lt-large {
    margin-right: 66.66667%; }

  .r1of4-when-lt-large {
    margin-right: 25%; }

  .r3of4-when-lt-large {
    margin-right: 75%; }

  .r1of5-when-lt-large {
    margin-right: 20%; }

  .r2of5-when-lt-large {
    margin-right: 40%; }

  .r3of5-when-lt-large {
    margin-right: 60%; }

  .r4of5-when-lt-large {
    margin-right: 80%; }

  .r1of6-when-lt-large {
    margin-right: 16.66667%; }

  .r5of6-when-lt-large {
    margin-right: 83.33335%; }

  .break-when-lt-large.x1of1, .break-when-lt-large.x1of2, .break-when-lt-large.x1of3, .break-when-lt-large.x2of3, .break-when-lt-large.x1of4, .break-when-lt-large.x3of4, .break-when-lt-large.x1of5, .break-when-lt-large.x2of5, .break-when-lt-large.x3of5, .break-when-lt-large.x4of5, .break-when-lt-large.x1of6, .break-when-lt-large.x5of6, .break-when-lt-large.xlast,
  .break-when-lt-large > .x1of1, .break-when-lt-large > .x1of2, .break-when-lt-large > .x1of3, .break-when-lt-large > .x2of3,
  .break-when-lt-large > .x1of4, .break-when-lt-large > .x3of4, .break-when-lt-large > .x1of5, .break-when-lt-large > .x2of5,
  .break-when-lt-large > .x3of5, .break-when-lt-large > .x4of5, .break-when-lt-large > .x1of6, .break-when-lt-large > .x5of6,
  .break-when-lt-large > .xlast, .break-when-lt-large > .xcell {
    clear: both;
    width: 100%; }
  .break-when-lt-large.xlast, .break-when-lt-large > .xlast {
    display: block;
    float: none; }
  .break-when-lt-large.l1of2, .break-when-lt-large.l1of3, .break-when-lt-large.l2of3, .break-when-lt-large.l1of4, .break-when-lt-large.l3of4, .break-when-lt-large.l1of5, .break-when-lt-large.l2of5, .break-when-lt-large.l3of5, .break-when-lt-large.l4of5, .break-when-lt-large.l1of6, .break-when-lt-large.l5of6 {
    margin-left: 0; }
  .break-when-lt-large.r1of2, .break-when-lt-large.r1of3, .break-when-lt-large.r2of3, .break-when-lt-large.r1of4, .break-when-lt-large.r3of4, .break-when-lt-large.r1of5, .break-when-lt-large.r2of5, .break-when-lt-large.r3of5, .break-when-lt-large.r4of5, .break-when-lt-large.r1of6, .break-when-lt-large.r5of6 {
    margin-right: 0; }

  .xgrid2-when-lt-large > .xcell:nth-child(1n),
  .xgrid3-when-lt-large > .xcell:nth-child(1n),
  .xgrid4-when-lt-large > .xcell:nth-child(1n),
  .xgrid5-when-lt-large > .xcell:nth-child(1n),
  .xgrid6-when-lt-large > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-lt-large > .xcell {
    width: 50%; }
  .xgrid2-when-lt-large > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-lt-large > .xcell {
    width: 33.3333%; }
  .xgrid3-when-lt-large > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-lt-large > .xcell {
    width: 25%; }
  .xgrid4-when-lt-large > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-lt-large > .xcell {
    width: 20%; }
  .xgrid5-when-lt-large > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-lt-large > .xcell {
    width: 16.66667%; }
  .xgrid6-when-lt-large > .xcell:nth-child(6n+1) {
    clear: left; } }
@media screen and (min-width: 1401px) {
  .hide-when-gt-large {
    display: none !important; }

  .x1of1-when-gt-large {
    width: 100%; }

  .x1of2-when-gt-large {
    width: 50%; }

  .x1of3-when-gt-large {
    width: 33.33333%; }

  .x2of3-when-gt-large {
    width: 66.66667%; }

  .x1of4-when-gt-large {
    width: 25%; }

  .x3of4-when-gt-large {
    width: 75%; }

  .x1of5-when-gt-large {
    width: 20%; }

  .x2of5-when-gt-large {
    width: 40%; }

  .x3of5-when-gt-large {
    width: 60%; }

  .x4of5-when-gt-large {
    width: 80%; }

  .x1of6-when-gt-large {
    width: 16.66667%; }

  .x5of6-when-gt-large {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-gt-large.xlast {
      width: 100%; }

    .x1of2-when-gt-large.xlast {
      width: 50%; }

    .x1of3-when-gt-large.xlast {
      width: 33.33333%; }

    .x2of3-when-gt-large.xlast {
      width: 66.66667%; }

    .x1of4-when-gt-large.xlast {
      width: 25%; }

    .x3of4-when-gt-large.xlast {
      width: 75%; }

    .x1of5-when-gt-large.xlast {
      width: 20%; }

    .x2of5-when-gt-large.xlast {
      width: 40%; }

    .x3of5-when-gt-large.xlast {
      width: 60%; }

    .x4of5-when-gt-large.xlast {
      width: 80%; }

    .x1of6-when-gt-large.xlast {
      width: 16.66667%; }

    .x5of6-when-gt-large.xlast {
      width: 83.33335%; } }

  .l1of2-when-gt-large {
    margin-left: 50%; }

  .l1of3-when-gt-large {
    margin-left: 33.33333%; }

  .l2of3-when-gt-large {
    margin-left: 66.66667%; }

  .l1of4-when-gt-large {
    margin-left: 25%; }

  .l3of4-when-gt-large {
    margin-left: 75%; }

  .l1of5-when-gt-large {
    margin-left: 20%; }

  .l2of5-when-gt-large {
    margin-left: 40%; }

  .l3of5-when-gt-large {
    margin-left: 60%; }

  .l4of5-when-gt-large {
    margin-left: 80%; }

  .l1of6-when-gt-large {
    margin-left: 16.66667%; }

  .l5of6-when-gt-large {
    margin-left: 83.33335%; }

  .r1of2-when-gt-large {
    margin-right: 50%; }

  .r1of3-when-gt-large {
    margin-right: 33.33333%; }

  .r2of3-when-gt-large {
    margin-right: 66.66667%; }

  .r1of4-when-gt-large {
    margin-right: 25%; }

  .r3of4-when-gt-large {
    margin-right: 75%; }

  .r1of5-when-gt-large {
    margin-right: 20%; }

  .r2of5-when-gt-large {
    margin-right: 40%; }

  .r3of5-when-gt-large {
    margin-right: 60%; }

  .r4of5-when-gt-large {
    margin-right: 80%; }

  .r1of6-when-gt-large {
    margin-right: 16.66667%; }

  .r5of6-when-gt-large {
    margin-right: 83.33335%; }

  .break-when-gt-large.x1of1, .break-when-gt-large.x1of2, .break-when-gt-large.x1of3, .break-when-gt-large.x2of3, .break-when-gt-large.x1of4, .break-when-gt-large.x3of4, .break-when-gt-large.x1of5, .break-when-gt-large.x2of5, .break-when-gt-large.x3of5, .break-when-gt-large.x4of5, .break-when-gt-large.x1of6, .break-when-gt-large.x5of6, .break-when-gt-large.xlast,
  .break-when-gt-large > .x1of1, .break-when-gt-large > .x1of2, .break-when-gt-large > .x1of3, .break-when-gt-large > .x2of3,
  .break-when-gt-large > .x1of4, .break-when-gt-large > .x3of4, .break-when-gt-large > .x1of5, .break-when-gt-large > .x2of5,
  .break-when-gt-large > .x3of5, .break-when-gt-large > .x4of5, .break-when-gt-large > .x1of6, .break-when-gt-large > .x5of6,
  .break-when-gt-large > .xlast, .break-when-gt-large > .xcell {
    clear: both;
    width: 100%; }
  .break-when-gt-large.xlast, .break-when-gt-large > .xlast {
    display: block;
    float: none; }
  .break-when-gt-large.l1of2, .break-when-gt-large.l1of3, .break-when-gt-large.l2of3, .break-when-gt-large.l1of4, .break-when-gt-large.l3of4, .break-when-gt-large.l1of5, .break-when-gt-large.l2of5, .break-when-gt-large.l3of5, .break-when-gt-large.l4of5, .break-when-gt-large.l1of6, .break-when-gt-large.l5of6 {
    margin-left: 0; }
  .break-when-gt-large.r1of2, .break-when-gt-large.r1of3, .break-when-gt-large.r2of3, .break-when-gt-large.r1of4, .break-when-gt-large.r3of4, .break-when-gt-large.r1of5, .break-when-gt-large.r2of5, .break-when-gt-large.r3of5, .break-when-gt-large.r4of5, .break-when-gt-large.r1of6, .break-when-gt-large.r5of6 {
    margin-right: 0; }

  .xgrid2-when-gt-large > .xcell:nth-child(1n),
  .xgrid3-when-gt-large > .xcell:nth-child(1n),
  .xgrid4-when-gt-large > .xcell:nth-child(1n),
  .xgrid5-when-gt-large > .xcell:nth-child(1n),
  .xgrid6-when-gt-large > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-gt-large > .xcell {
    width: 50%; }
  .xgrid2-when-gt-large > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-gt-large > .xcell {
    width: 33.3333%; }
  .xgrid3-when-gt-large > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-gt-large > .xcell {
    width: 25%; }
  .xgrid4-when-gt-large > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-gt-large > .xcell {
    width: 20%; }
  .xgrid5-when-gt-large > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-gt-large > .xcell {
    width: 16.66667%; }
  .xgrid6-when-gt-large > .xcell:nth-child(6n+1) {
    clear: left; } }
/*! -- xlarge styles (1441px to 1600px) */
/*! --------------------------------------------------- */
@media screen and (min-width: 1401px) and (max-width: 1600px) {
  .hide-when-xlarge {
    display: none !important; }

  .x1of1-when-xlarge {
    width: 100%; }

  .x1of2-when-xlarge {
    width: 50%; }

  .x1of3-when-xlarge {
    width: 33.33333%; }

  .x2of3-when-xlarge {
    width: 66.66667%; }

  .x1of4-when-xlarge {
    width: 25%; }

  .x3of4-when-xlarge {
    width: 75%; }

  .x1of5-when-xlarge {
    width: 20%; }

  .x2of5-when-xlarge {
    width: 40%; }

  .x3of5-when-xlarge {
    width: 60%; }

  .x4of5-when-xlarge {
    width: 80%; }

  .x1of6-when-xlarge {
    width: 16.66667%; }

  .x5of6-when-xlarge {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-xlarge.xlast {
      width: 100%; }

    .x1of2-when-xlarge.xlast {
      width: 50%; }

    .x1of3-when-xlarge.xlast {
      width: 33.33333%; }

    .x2of3-when-xlarge.xlast {
      width: 66.66667%; }

    .x1of4-when-xlarge.xlast {
      width: 25%; }

    .x3of4-when-xlarge.xlast {
      width: 75%; }

    .x1of5-when-xlarge.xlast {
      width: 20%; }

    .x2of5-when-xlarge.xlast {
      width: 40%; }

    .x3of5-when-xlarge.xlast {
      width: 60%; }

    .x4of5-when-xlarge.xlast {
      width: 80%; }

    .x1of6-when-xlarge.xlast {
      width: 16.66667%; }

    .x5of6-when-xlarge.xlast {
      width: 83.33335%; } }

  .l1of2-when-xlarge {
    margin-left: 50%; }

  .l1of3-when-xlarge {
    margin-left: 33.33333%; }

  .l2of3-when-xlarge {
    margin-left: 66.66667%; }

  .l1of4-when-xlarge {
    margin-left: 25%; }

  .l3of4-when-xlarge {
    margin-left: 75%; }

  .l1of5-when-xlarge {
    margin-left: 20%; }

  .l2of5-when-xlarge {
    margin-left: 40%; }

  .l3of5-when-xlarge {
    margin-left: 60%; }

  .l4of5-when-xlarge {
    margin-left: 80%; }

  .l1of6-when-xlarge {
    margin-left: 16.66667%; }

  .l5of6-when-xlarge {
    margin-left: 83.33335%; }

  .r1of2-when-xlarge {
    margin-right: 50%; }

  .r1of3-when-xlarge {
    margin-right: 33.33333%; }

  .r2of3-when-xlarge {
    margin-right: 66.66667%; }

  .r1of4-when-xlarge {
    margin-right: 25%; }

  .r3of4-when-xlarge {
    margin-right: 75%; }

  .r1of5-when-xlarge {
    margin-right: 20%; }

  .r2of5-when-xlarge {
    margin-right: 40%; }

  .r3of5-when-xlarge {
    margin-right: 60%; }

  .r4of5-when-xlarge {
    margin-right: 80%; }

  .r1of6-when-xlarge {
    margin-right: 16.66667%; }

  .r5of6-when-xlarge {
    margin-right: 83.33335%; }

  .break-when-xlarge.x1of1, .break-when-xlarge.x1of2, .break-when-xlarge.x1of3, .break-when-xlarge.x2of3, .break-when-xlarge.x1of4, .break-when-xlarge.x3of4, .break-when-xlarge.x1of5, .break-when-xlarge.x2of5, .break-when-xlarge.x3of5, .break-when-xlarge.x4of5, .break-when-xlarge.x1of6, .break-when-xlarge.x5of6, .break-when-xlarge.xlast,
  .break-when-xlarge > .x1of1, .break-when-xlarge > .x1of2, .break-when-xlarge > .x1of3, .break-when-xlarge > .x2of3,
  .break-when-xlarge > .x1of4, .break-when-xlarge > .x3of4, .break-when-xlarge > .x1of5, .break-when-xlarge > .x2of5,
  .break-when-xlarge > .x3of5, .break-when-xlarge > .x4of5, .break-when-xlarge > .x1of6, .break-when-xlarge > .x5of6,
  .break-when-xlarge > .xlast, .break-when-xlarge > .xcell {
    clear: both;
    width: 100%; }
  .break-when-xlarge.xlast, .break-when-xlarge > .xlast {
    display: block;
    float: none; }
  .break-when-xlarge.l1of2, .break-when-xlarge.l1of3, .break-when-xlarge.l2of3, .break-when-xlarge.l1of4, .break-when-xlarge.l3of4, .break-when-xlarge.l1of5, .break-when-xlarge.l2of5, .break-when-xlarge.l3of5, .break-when-xlarge.l4of5, .break-when-xlarge.l1of6, .break-when-xlarge.l5of6 {
    margin-left: 0; }
  .break-when-xlarge.r1of2, .break-when-xlarge.r1of3, .break-when-xlarge.r2of3, .break-when-xlarge.r1of4, .break-when-xlarge.r3of4, .break-when-xlarge.r1of5, .break-when-xlarge.r2of5, .break-when-xlarge.r3of5, .break-when-xlarge.r4of5, .break-when-xlarge.r1of6, .break-when-xlarge.r5of6 {
    margin-right: 0; }

  .xgrid2-when-xlarge > .xcell:nth-child(1n),
  .xgrid3-when-xlarge > .xcell:nth-child(1n),
  .xgrid4-when-xlarge > .xcell:nth-child(1n),
  .xgrid5-when-xlarge > .xcell:nth-child(1n),
  .xgrid6-when-xlarge > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-xlarge > .xcell {
    width: 50%; }
  .xgrid2-when-xlarge > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-xlarge > .xcell {
    width: 33.3333%; }
  .xgrid3-when-xlarge > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-xlarge > .xcell {
    width: 25%; }
  .xgrid4-when-xlarge > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-xlarge > .xcell {
    width: 20%; }
  .xgrid5-when-xlarge > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-xlarge > .xcell {
    width: 16.66667%; }
  .xgrid6-when-xlarge > .xcell:nth-child(6n+1) {
    clear: left; } }
@media screen and (max-width: 1400px) {
  .hide-when-lt-xlarge {
    display: none !important; }

  .x1of1-when-lt-xlarge {
    width: 100%; }

  .x1of2-when-lt-xlarge {
    width: 50%; }

  .x1of3-when-lt-xlarge {
    width: 33.33333%; }

  .x2of3-when-lt-xlarge {
    width: 66.66667%; }

  .x1of4-when-lt-xlarge {
    width: 25%; }

  .x3of4-when-lt-xlarge {
    width: 75%; }

  .x1of5-when-lt-xlarge {
    width: 20%; }

  .x2of5-when-lt-xlarge {
    width: 40%; }

  .x3of5-when-lt-xlarge {
    width: 60%; }

  .x4of5-when-lt-xlarge {
    width: 80%; }

  .x1of6-when-lt-xlarge {
    width: 16.66667%; }

  .x5of6-when-lt-xlarge {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-lt-xlarge.xlast {
      width: 100%; }

    .x1of2-when-lt-xlarge.xlast {
      width: 50%; }

    .x1of3-when-lt-xlarge.xlast {
      width: 33.33333%; }

    .x2of3-when-lt-xlarge.xlast {
      width: 66.66667%; }

    .x1of4-when-lt-xlarge.xlast {
      width: 25%; }

    .x3of4-when-lt-xlarge.xlast {
      width: 75%; }

    .x1of5-when-lt-xlarge.xlast {
      width: 20%; }

    .x2of5-when-lt-xlarge.xlast {
      width: 40%; }

    .x3of5-when-lt-xlarge.xlast {
      width: 60%; }

    .x4of5-when-lt-xlarge.xlast {
      width: 80%; }

    .x1of6-when-lt-xlarge.xlast {
      width: 16.66667%; }

    .x5of6-when-lt-xlarge.xlast {
      width: 83.33335%; } }

  .l1of2-when-lt-xlarge {
    margin-left: 50%; }

  .l1of3-when-lt-xlarge {
    margin-left: 33.33333%; }

  .l2of3-when-lt-xlarge {
    margin-left: 66.66667%; }

  .l1of4-when-lt-xlarge {
    margin-left: 25%; }

  .l3of4-when-lt-xlarge {
    margin-left: 75%; }

  .l1of5-when-lt-xlarge {
    margin-left: 20%; }

  .l2of5-when-lt-xlarge {
    margin-left: 40%; }

  .l3of5-when-lt-xlarge {
    margin-left: 60%; }

  .l4of5-when-lt-xlarge {
    margin-left: 80%; }

  .l1of6-when-lt-xlarge {
    margin-left: 16.66667%; }

  .l5of6-when-lt-xlarge {
    margin-left: 83.33335%; }

  .r1of2-when-lt-xlarge {
    margin-right: 50%; }

  .r1of3-when-lt-xlarge {
    margin-right: 33.33333%; }

  .r2of3-when-lt-xlarge {
    margin-right: 66.66667%; }

  .r1of4-when-lt-xlarge {
    margin-right: 25%; }

  .r3of4-when-lt-xlarge {
    margin-right: 75%; }

  .r1of5-when-lt-xlarge {
    margin-right: 20%; }

  .r2of5-when-lt-xlarge {
    margin-right: 40%; }

  .r3of5-when-lt-xlarge {
    margin-right: 60%; }

  .r4of5-when-lt-xlarge {
    margin-right: 80%; }

  .r1of6-when-lt-xlarge {
    margin-right: 16.66667%; }

  .r5of6-when-lt-xlarge {
    margin-right: 83.33335%; }

  .break-when-lt-xlarge.x1of1, .break-when-lt-xlarge.x1of2, .break-when-lt-xlarge.x1of3, .break-when-lt-xlarge.x2of3, .break-when-lt-xlarge.x1of4, .break-when-lt-xlarge.x3of4, .break-when-lt-xlarge.x1of5, .break-when-lt-xlarge.x2of5, .break-when-lt-xlarge.x3of5, .break-when-lt-xlarge.x4of5, .break-when-lt-xlarge.x1of6, .break-when-lt-xlarge.x5of6, .break-when-lt-xlarge.xlast,
  .break-when-lt-xlarge > .x1of1, .break-when-lt-xlarge > .x1of2, .break-when-lt-xlarge > .x1of3, .break-when-lt-xlarge > .x2of3,
  .break-when-lt-xlarge > .x1of4, .break-when-lt-xlarge > .x3of4, .break-when-lt-xlarge > .x1of5, .break-when-lt-xlarge > .x2of5,
  .break-when-lt-xlarge > .x3of5, .break-when-lt-xlarge > .x4of5, .break-when-lt-xlarge > .x1of6, .break-when-lt-xlarge > .x5of6,
  .break-when-lt-xlarge > .xlast, .break-when-lt-xlarge > .xcell {
    clear: both;
    width: 100%; }
  .break-when-lt-xlarge.xlast, .break-when-lt-xlarge > .xlast {
    display: block;
    float: none; }
  .break-when-lt-xlarge.l1of2, .break-when-lt-xlarge.l1of3, .break-when-lt-xlarge.l2of3, .break-when-lt-xlarge.l1of4, .break-when-lt-xlarge.l3of4, .break-when-lt-xlarge.l1of5, .break-when-lt-xlarge.l2of5, .break-when-lt-xlarge.l3of5, .break-when-lt-xlarge.l4of5, .break-when-lt-xlarge.l1of6, .break-when-lt-xlarge.l5of6 {
    margin-left: 0; }
  .break-when-lt-xlarge.r1of2, .break-when-lt-xlarge.r1of3, .break-when-lt-xlarge.r2of3, .break-when-lt-xlarge.r1of4, .break-when-lt-xlarge.r3of4, .break-when-lt-xlarge.r1of5, .break-when-lt-xlarge.r2of5, .break-when-lt-xlarge.r3of5, .break-when-lt-xlarge.r4of5, .break-when-lt-xlarge.r1of6, .break-when-lt-xlarge.r5of6 {
    margin-right: 0; }

  .xgrid2-when-lt-xlarge > .xcell:nth-child(1n),
  .xgrid3-when-lt-xlarge > .xcell:nth-child(1n),
  .xgrid4-when-lt-xlarge > .xcell:nth-child(1n),
  .xgrid5-when-lt-xlarge > .xcell:nth-child(1n),
  .xgrid6-when-lt-xlarge > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-lt-xlarge > .xcell {
    width: 50%; }
  .xgrid2-when-lt-xlarge > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-lt-xlarge > .xcell {
    width: 33.3333%; }
  .xgrid3-when-lt-xlarge > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-lt-xlarge > .xcell {
    width: 25%; }
  .xgrid4-when-lt-xlarge > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-lt-xlarge > .xcell {
    width: 20%; }
  .xgrid5-when-lt-xlarge > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-lt-xlarge > .xcell {
    width: 16.66667%; }
  .xgrid6-when-lt-xlarge > .xcell:nth-child(6n+1) {
    clear: left; } }
@media screen and (min-width: 1601px) {
  .hide-when-gt-xlarge {
    display: none !important; }

  .x1of1-when-gt-xlarge {
    width: 100%; }

  .x1of2-when-gt-xlarge {
    width: 50%; }

  .x1of3-when-gt-xlarge {
    width: 33.33333%; }

  .x2of3-when-gt-xlarge {
    width: 66.66667%; }

  .x1of4-when-gt-xlarge {
    width: 25%; }

  .x3of4-when-gt-xlarge {
    width: 75%; }

  .x1of5-when-gt-xlarge {
    width: 20%; }

  .x2of5-when-gt-xlarge {
    width: 40%; }

  .x3of5-when-gt-xlarge {
    width: 60%; }

  .x4of5-when-gt-xlarge {
    width: 80%; }

  .x1of6-when-gt-xlarge {
    width: 16.66667%; }

  .x5of6-when-gt-xlarge {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-gt-xlarge.xlast {
      width: 100%; }

    .x1of2-when-gt-xlarge.xlast {
      width: 50%; }

    .x1of3-when-gt-xlarge.xlast {
      width: 33.33333%; }

    .x2of3-when-gt-xlarge.xlast {
      width: 66.66667%; }

    .x1of4-when-gt-xlarge.xlast {
      width: 25%; }

    .x3of4-when-gt-xlarge.xlast {
      width: 75%; }

    .x1of5-when-gt-xlarge.xlast {
      width: 20%; }

    .x2of5-when-gt-xlarge.xlast {
      width: 40%; }

    .x3of5-when-gt-xlarge.xlast {
      width: 60%; }

    .x4of5-when-gt-xlarge.xlast {
      width: 80%; }

    .x1of6-when-gt-xlarge.xlast {
      width: 16.66667%; }

    .x5of6-when-gt-xlarge.xlast {
      width: 83.33335%; } }

  .l1of2-when-gt-xlarge {
    margin-left: 50%; }

  .l1of3-when-gt-xlarge {
    margin-left: 33.33333%; }

  .l2of3-when-gt-xlarge {
    margin-left: 66.66667%; }

  .l1of4-when-gt-xlarge {
    margin-left: 25%; }

  .l3of4-when-gt-xlarge {
    margin-left: 75%; }

  .l1of5-when-gt-xlarge {
    margin-left: 20%; }

  .l2of5-when-gt-xlarge {
    margin-left: 40%; }

  .l3of5-when-gt-xlarge {
    margin-left: 60%; }

  .l4of5-when-gt-xlarge {
    margin-left: 80%; }

  .l1of6-when-gt-xlarge {
    margin-left: 16.66667%; }

  .l5of6-when-gt-xlarge {
    margin-left: 83.33335%; }

  .r1of2-when-gt-xlarge {
    margin-right: 50%; }

  .r1of3-when-gt-xlarge {
    margin-right: 33.33333%; }

  .r2of3-when-gt-xlarge {
    margin-right: 66.66667%; }

  .r1of4-when-gt-xlarge {
    margin-right: 25%; }

  .r3of4-when-gt-xlarge {
    margin-right: 75%; }

  .r1of5-when-gt-xlarge {
    margin-right: 20%; }

  .r2of5-when-gt-xlarge {
    margin-right: 40%; }

  .r3of5-when-gt-xlarge {
    margin-right: 60%; }

  .r4of5-when-gt-xlarge {
    margin-right: 80%; }

  .r1of6-when-gt-xlarge {
    margin-right: 16.66667%; }

  .r5of6-when-gt-xlarge {
    margin-right: 83.33335%; }

  .break-when-gt-xlarge.x1of1, .break-when-gt-xlarge.x1of2, .break-when-gt-xlarge.x1of3, .break-when-gt-xlarge.x2of3, .break-when-gt-xlarge.x1of4, .break-when-gt-xlarge.x3of4, .break-when-gt-xlarge.x1of5, .break-when-gt-xlarge.x2of5, .break-when-gt-xlarge.x3of5, .break-when-gt-xlarge.x4of5, .break-when-gt-xlarge.x1of6, .break-when-gt-xlarge.x5of6, .break-when-gt-xlarge.xlast,
  .break-when-gt-xlarge > .x1of1, .break-when-gt-xlarge > .x1of2, .break-when-gt-xlarge > .x1of3, .break-when-gt-xlarge > .x2of3,
  .break-when-gt-xlarge > .x1of4, .break-when-gt-xlarge > .x3of4, .break-when-gt-xlarge > .x1of5, .break-when-gt-xlarge > .x2of5,
  .break-when-gt-xlarge > .x3of5, .break-when-gt-xlarge > .x4of5, .break-when-gt-xlarge > .x1of6, .break-when-gt-xlarge > .x5of6,
  .break-when-gt-xlarge > .xlast, .break-when-gt-xlarge > .xcell {
    clear: both;
    width: 100%; }
  .break-when-gt-xlarge.xlast, .break-when-gt-xlarge > .xlast {
    display: block;
    float: none; }
  .break-when-gt-xlarge.l1of2, .break-when-gt-xlarge.l1of3, .break-when-gt-xlarge.l2of3, .break-when-gt-xlarge.l1of4, .break-when-gt-xlarge.l3of4, .break-when-gt-xlarge.l1of5, .break-when-gt-xlarge.l2of5, .break-when-gt-xlarge.l3of5, .break-when-gt-xlarge.l4of5, .break-when-gt-xlarge.l1of6, .break-when-gt-xlarge.l5of6 {
    margin-left: 0; }
  .break-when-gt-xlarge.r1of2, .break-when-gt-xlarge.r1of3, .break-when-gt-xlarge.r2of3, .break-when-gt-xlarge.r1of4, .break-when-gt-xlarge.r3of4, .break-when-gt-xlarge.r1of5, .break-when-gt-xlarge.r2of5, .break-when-gt-xlarge.r3of5, .break-when-gt-xlarge.r4of5, .break-when-gt-xlarge.r1of6, .break-when-gt-xlarge.r5of6 {
    margin-right: 0; }

  .xgrid2-when-gt-xlarge > .xcell:nth-child(1n),
  .xgrid3-when-gt-xlarge > .xcell:nth-child(1n),
  .xgrid4-when-gt-xlarge > .xcell:nth-child(1n),
  .xgrid5-when-gt-xlarge > .xcell:nth-child(1n),
  .xgrid6-when-gt-xlarge > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-gt-xlarge > .xcell {
    width: 50%; }
  .xgrid2-when-gt-xlarge > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-gt-xlarge > .xcell {
    width: 33.3333%; }
  .xgrid3-when-gt-xlarge > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-gt-xlarge > .xcell {
    width: 25%; }
  .xgrid4-when-gt-xlarge > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-gt-xlarge > .xcell {
    width: 20%; }
  .xgrid5-when-gt-xlarge > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-gt-xlarge > .xcell {
    width: 16.66667%; }
  .xgrid6-when-gt-xlarge > .xcell:nth-child(6n+1) {
    clear: left; } }
/*! -- xxlarge styles (>= 1601px) */
/*! --------------------------------------------------- */
@media screen and (min-width: 1601px) {
  .hide-when-xxlarge {
    display: none !important; }

  .x1of1-when-xxlarge {
    width: 100%; }

  .x1of2-when-xxlarge {
    width: 50%; }

  .x1of3-when-xxlarge {
    width: 33.33333%; }

  .x2of3-when-xxlarge {
    width: 66.66667%; }

  .x1of4-when-xxlarge {
    width: 25%; }

  .x3of4-when-xxlarge {
    width: 75%; }

  .x1of5-when-xxlarge {
    width: 20%; }

  .x2of5-when-xxlarge {
    width: 40%; }

  .x3of5-when-xxlarge {
    width: 60%; }

  .x4of5-when-xxlarge {
    width: 80%; }

  .x1of6-when-xxlarge {
    width: 16.66667%; }

  .x5of6-when-xxlarge {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-xxlarge.xlast {
      width: 100%; }

    .x1of2-when-xxlarge.xlast {
      width: 50%; }

    .x1of3-when-xxlarge.xlast {
      width: 33.33333%; }

    .x2of3-when-xxlarge.xlast {
      width: 66.66667%; }

    .x1of4-when-xxlarge.xlast {
      width: 25%; }

    .x3of4-when-xxlarge.xlast {
      width: 75%; }

    .x1of5-when-xxlarge.xlast {
      width: 20%; }

    .x2of5-when-xxlarge.xlast {
      width: 40%; }

    .x3of5-when-xxlarge.xlast {
      width: 60%; }

    .x4of5-when-xxlarge.xlast {
      width: 80%; }

    .x1of6-when-xxlarge.xlast {
      width: 16.66667%; }

    .x5of6-when-xxlarge.xlast {
      width: 83.33335%; } }

  .l1of2-when-xxlarge {
    margin-left: 50%; }

  .l1of3-when-xxlarge {
    margin-left: 33.33333%; }

  .l2of3-when-xxlarge {
    margin-left: 66.66667%; }

  .l1of4-when-xxlarge {
    margin-left: 25%; }

  .l3of4-when-xxlarge {
    margin-left: 75%; }

  .l1of5-when-xxlarge {
    margin-left: 20%; }

  .l2of5-when-xxlarge {
    margin-left: 40%; }

  .l3of5-when-xxlarge {
    margin-left: 60%; }

  .l4of5-when-xxlarge {
    margin-left: 80%; }

  .l1of6-when-xxlarge {
    margin-left: 16.66667%; }

  .l5of6-when-xxlarge {
    margin-left: 83.33335%; }

  .r1of2-when-xxlarge {
    margin-right: 50%; }

  .r1of3-when-xxlarge {
    margin-right: 33.33333%; }

  .r2of3-when-xxlarge {
    margin-right: 66.66667%; }

  .r1of4-when-xxlarge {
    margin-right: 25%; }

  .r3of4-when-xxlarge {
    margin-right: 75%; }

  .r1of5-when-xxlarge {
    margin-right: 20%; }

  .r2of5-when-xxlarge {
    margin-right: 40%; }

  .r3of5-when-xxlarge {
    margin-right: 60%; }

  .r4of5-when-xxlarge {
    margin-right: 80%; }

  .r1of6-when-xxlarge {
    margin-right: 16.66667%; }

  .r5of6-when-xxlarge {
    margin-right: 83.33335%; }

  .break-when-xxlarge.x1of1, .break-when-xxlarge.x1of2, .break-when-xxlarge.x1of3, .break-when-xxlarge.x2of3, .break-when-xxlarge.x1of4, .break-when-xxlarge.x3of4, .break-when-xxlarge.x1of5, .break-when-xxlarge.x2of5, .break-when-xxlarge.x3of5, .break-when-xxlarge.x4of5, .break-when-xxlarge.x1of6, .break-when-xxlarge.x5of6, .break-when-xxlarge.xlast,
  .break-when-xxlarge > .x1of1, .break-when-xxlarge > .x1of2, .break-when-xxlarge > .x1of3, .break-when-xxlarge > .x2of3,
  .break-when-xxlarge > .x1of4, .break-when-xxlarge > .x3of4, .break-when-xxlarge > .x1of5, .break-when-xxlarge > .x2of5,
  .break-when-xxlarge > .x3of5, .break-when-xxlarge > .x4of5, .break-when-xxlarge > .x1of6, .break-when-xxlarge > .x5of6,
  .break-when-xxlarge > .xlast, .break-when-xxlarge > .xcell {
    clear: both;
    width: 100%; }
  .break-when-xxlarge.xlast, .break-when-xxlarge > .xlast {
    display: block;
    float: none; }
  .break-when-xxlarge.l1of2, .break-when-xxlarge.l1of3, .break-when-xxlarge.l2of3, .break-when-xxlarge.l1of4, .break-when-xxlarge.l3of4, .break-when-xxlarge.l1of5, .break-when-xxlarge.l2of5, .break-when-xxlarge.l3of5, .break-when-xxlarge.l4of5, .break-when-xxlarge.l1of6, .break-when-xxlarge.l5of6 {
    margin-left: 0; }
  .break-when-xxlarge.r1of2, .break-when-xxlarge.r1of3, .break-when-xxlarge.r2of3, .break-when-xxlarge.r1of4, .break-when-xxlarge.r3of4, .break-when-xxlarge.r1of5, .break-when-xxlarge.r2of5, .break-when-xxlarge.r3of5, .break-when-xxlarge.r4of5, .break-when-xxlarge.r1of6, .break-when-xxlarge.r5of6 {
    margin-right: 0; }

  .xgrid2-when-xxlarge > .xcell:nth-child(1n),
  .xgrid3-when-xxlarge > .xcell:nth-child(1n),
  .xgrid4-when-xxlarge > .xcell:nth-child(1n),
  .xgrid5-when-xxlarge > .xcell:nth-child(1n),
  .xgrid6-when-xxlarge > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-xxlarge > .xcell {
    width: 50%; }
  .xgrid2-when-xxlarge > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-xxlarge > .xcell {
    width: 33.3333%; }
  .xgrid3-when-xxlarge > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-xxlarge > .xcell {
    width: 25%; }
  .xgrid4-when-xxlarge > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-xxlarge > .xcell {
    width: 20%; }
  .xgrid5-when-xxlarge > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-xxlarge > .xcell {
    width: 16.66667%; }
  .xgrid6-when-xxlarge > .xcell:nth-child(6n+1) {
    clear: left; } }
@media screen and (max-width: 1600px) {
  .hide-when-lt-xxlarge {
    display: none !important; }

  .x1of1-when-lt-xxlarge {
    width: 100%; }

  .x1of2-when-lt-xxlarge {
    width: 50%; }

  .x1of3-when-lt-xxlarge {
    width: 33.33333%; }

  .x2of3-when-lt-xxlarge {
    width: 66.66667%; }

  .x1of4-when-lt-xxlarge {
    width: 25%; }

  .x3of4-when-lt-xxlarge {
    width: 75%; }

  .x1of5-when-lt-xxlarge {
    width: 20%; }

  .x2of5-when-lt-xxlarge {
    width: 40%; }

  .x3of5-when-lt-xxlarge {
    width: 60%; }

  .x4of5-when-lt-xxlarge {
    width: 80%; }

  .x1of6-when-lt-xxlarge {
    width: 16.66667%; }

  .x5of6-when-lt-xxlarge {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-lt-xxlarge.xlast {
      width: 100%; }

    .x1of2-when-lt-xxlarge.xlast {
      width: 50%; }

    .x1of3-when-lt-xxlarge.xlast {
      width: 33.33333%; }

    .x2of3-when-lt-xxlarge.xlast {
      width: 66.66667%; }

    .x1of4-when-lt-xxlarge.xlast {
      width: 25%; }

    .x3of4-when-lt-xxlarge.xlast {
      width: 75%; }

    .x1of5-when-lt-xxlarge.xlast {
      width: 20%; }

    .x2of5-when-lt-xxlarge.xlast {
      width: 40%; }

    .x3of5-when-lt-xxlarge.xlast {
      width: 60%; }

    .x4of5-when-lt-xxlarge.xlast {
      width: 80%; }

    .x1of6-when-lt-xxlarge.xlast {
      width: 16.66667%; }

    .x5of6-when-lt-xxlarge.xlast {
      width: 83.33335%; } }

  .l1of2-when-lt-xxlarge {
    margin-left: 50%; }

  .l1of3-when-lt-xxlarge {
    margin-left: 33.33333%; }

  .l2of3-when-lt-xxlarge {
    margin-left: 66.66667%; }

  .l1of4-when-lt-xxlarge {
    margin-left: 25%; }

  .l3of4-when-lt-xxlarge {
    margin-left: 75%; }

  .l1of5-when-lt-xxlarge {
    margin-left: 20%; }

  .l2of5-when-lt-xxlarge {
    margin-left: 40%; }

  .l3of5-when-lt-xxlarge {
    margin-left: 60%; }

  .l4of5-when-lt-xxlarge {
    margin-left: 80%; }

  .l1of6-when-lt-xxlarge {
    margin-left: 16.66667%; }

  .l5of6-when-lt-xxlarge {
    margin-left: 83.33335%; }

  .r1of2-when-lt-xxlarge {
    margin-right: 50%; }

  .r1of3-when-lt-xxlarge {
    margin-right: 33.33333%; }

  .r2of3-when-lt-xxlarge {
    margin-right: 66.66667%; }

  .r1of4-when-lt-xxlarge {
    margin-right: 25%; }

  .r3of4-when-lt-xxlarge {
    margin-right: 75%; }

  .r1of5-when-lt-xxlarge {
    margin-right: 20%; }

  .r2of5-when-lt-xxlarge {
    margin-right: 40%; }

  .r3of5-when-lt-xxlarge {
    margin-right: 60%; }

  .r4of5-when-lt-xxlarge {
    margin-right: 80%; }

  .r1of6-when-lt-xxlarge {
    margin-right: 16.66667%; }

  .r5of6-when-lt-xxlarge {
    margin-right: 83.33335%; }

  .break-when-lt-xxlarge.x1of1, .break-when-lt-xxlarge.x1of2, .break-when-lt-xxlarge.x1of3, .break-when-lt-xxlarge.x2of3, .break-when-lt-xxlarge.x1of4, .break-when-lt-xxlarge.x3of4, .break-when-lt-xxlarge.x1of5, .break-when-lt-xxlarge.x2of5, .break-when-lt-xxlarge.x3of5, .break-when-lt-xxlarge.x4of5, .break-when-lt-xxlarge.x1of6, .break-when-lt-xxlarge.x5of6, .break-when-lt-xxlarge.xlast,
  .break-when-lt-xxlarge > .x1of1, .break-when-lt-xxlarge > .x1of2, .break-when-lt-xxlarge > .x1of3, .break-when-lt-xxlarge > .x2of3,
  .break-when-lt-xxlarge > .x1of4, .break-when-lt-xxlarge > .x3of4, .break-when-lt-xxlarge > .x1of5, .break-when-lt-xxlarge > .x2of5,
  .break-when-lt-xxlarge > .x3of5, .break-when-lt-xxlarge > .x4of5, .break-when-lt-xxlarge > .x1of6, .break-when-lt-xxlarge > .x5of6,
  .break-when-lt-xxlarge > .xlast, .break-when-lt-xxlarge > .xcell {
    clear: both;
    width: 100%; }
  .break-when-lt-xxlarge.xlast, .break-when-lt-xxlarge > .xlast {
    display: block;
    float: none; }
  .break-when-lt-xxlarge.l1of2, .break-when-lt-xxlarge.l1of3, .break-when-lt-xxlarge.l2of3, .break-when-lt-xxlarge.l1of4, .break-when-lt-xxlarge.l3of4, .break-when-lt-xxlarge.l1of5, .break-when-lt-xxlarge.l2of5, .break-when-lt-xxlarge.l3of5, .break-when-lt-xxlarge.l4of5, .break-when-lt-xxlarge.l1of6, .break-when-lt-xxlarge.l5of6 {
    margin-left: 0; }
  .break-when-lt-xxlarge.r1of2, .break-when-lt-xxlarge.r1of3, .break-when-lt-xxlarge.r2of3, .break-when-lt-xxlarge.r1of4, .break-when-lt-xxlarge.r3of4, .break-when-lt-xxlarge.r1of5, .break-when-lt-xxlarge.r2of5, .break-when-lt-xxlarge.r3of5, .break-when-lt-xxlarge.r4of5, .break-when-lt-xxlarge.r1of6, .break-when-lt-xxlarge.r5of6 {
    margin-right: 0; }

  .xgrid2-when-lt-xxlarge > .xcell:nth-child(1n),
  .xgrid3-when-lt-xxlarge > .xcell:nth-child(1n),
  .xgrid4-when-lt-xxlarge > .xcell:nth-child(1n),
  .xgrid5-when-lt-xxlarge > .xcell:nth-child(1n),
  .xgrid6-when-lt-xxlarge > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-lt-xxlarge > .xcell {
    width: 50%; }
  .xgrid2-when-lt-xxlarge > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-lt-xxlarge > .xcell {
    width: 33.3333%; }
  .xgrid3-when-lt-xxlarge > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-lt-xxlarge > .xcell {
    width: 25%; }
  .xgrid4-when-lt-xxlarge > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-lt-xxlarge > .xcell {
    width: 20%; }
  .xgrid5-when-lt-xxlarge > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-lt-xxlarge > .xcell {
    width: 16.66667%; }
  .xgrid6-when-lt-xxlarge > .xcell:nth-child(6n+1) {
    clear: left; } }
@media screen and (orientation: landscape) {
  .hide-when-landscape {
    display: none !important; }

  .x1of1-when-landscape {
    width: 100%; }

  .x1of2-when-landscape {
    width: 50%; }

  .x1of3-when-landscape {
    width: 33.33333%; }

  .x2of3-when-landscape {
    width: 66.66667%; }

  .x1of4-when-landscape {
    width: 25%; }

  .x3of4-when-landscape {
    width: 75%; }

  .x1of5-when-landscape {
    width: 20%; }

  .x2of5-when-landscape {
    width: 40%; }

  .x3of5-when-landscape {
    width: 60%; }

  .x4of5-when-landscape {
    width: 80%; }

  .x1of6-when-landscape {
    width: 16.66667%; }

  .x5of6-when-landscape {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-landscape.xlast {
      width: 100%; }

    .x1of2-when-landscape.xlast {
      width: 50%; }

    .x1of3-when-landscape.xlast {
      width: 33.33333%; }

    .x2of3-when-landscape.xlast {
      width: 66.66667%; }

    .x1of4-when-landscape.xlast {
      width: 25%; }

    .x3of4-when-landscape.xlast {
      width: 75%; }

    .x1of5-when-landscape.xlast {
      width: 20%; }

    .x2of5-when-landscape.xlast {
      width: 40%; }

    .x3of5-when-landscape.xlast {
      width: 60%; }

    .x4of5-when-landscape.xlast {
      width: 80%; }

    .x1of6-when-landscape.xlast {
      width: 16.66667%; }

    .x5of6-when-landscape.xlast {
      width: 83.33335%; } }

  .l1of2-when-landscape {
    margin-left: 50%; }

  .l1of3-when-landscape {
    margin-left: 33.33333%; }

  .l2of3-when-landscape {
    margin-left: 66.66667%; }

  .l1of4-when-landscape {
    margin-left: 25%; }

  .l3of4-when-landscape {
    margin-left: 75%; }

  .l1of5-when-landscape {
    margin-left: 20%; }

  .l2of5-when-landscape {
    margin-left: 40%; }

  .l3of5-when-landscape {
    margin-left: 60%; }

  .l4of5-when-landscape {
    margin-left: 80%; }

  .l1of6-when-landscape {
    margin-left: 16.66667%; }

  .l5of6-when-landscape {
    margin-left: 83.33335%; }

  .r1of2-when-landscape {
    margin-right: 50%; }

  .r1of3-when-landscape {
    margin-right: 33.33333%; }

  .r2of3-when-landscape {
    margin-right: 66.66667%; }

  .r1of4-when-landscape {
    margin-right: 25%; }

  .r3of4-when-landscape {
    margin-right: 75%; }

  .r1of5-when-landscape {
    margin-right: 20%; }

  .r2of5-when-landscape {
    margin-right: 40%; }

  .r3of5-when-landscape {
    margin-right: 60%; }

  .r4of5-when-landscape {
    margin-right: 80%; }

  .r1of6-when-landscape {
    margin-right: 16.66667%; }

  .r5of6-when-landscape {
    margin-right: 83.33335%; }

  .break-when-landscape.x1of1, .break-when-landscape.x1of2, .break-when-landscape.x1of3, .break-when-landscape.x2of3, .break-when-landscape.x1of4, .break-when-landscape.x3of4, .break-when-landscape.x1of5, .break-when-landscape.x2of5, .break-when-landscape.x3of5, .break-when-landscape.x4of5, .break-when-landscape.x1of6, .break-when-landscape.x5of6, .break-when-landscape.xlast,
  .break-when-landscape > .x1of1, .break-when-landscape > .x1of2, .break-when-landscape > .x1of3, .break-when-landscape > .x2of3,
  .break-when-landscape > .x1of4, .break-when-landscape > .x3of4, .break-when-landscape > .x1of5, .break-when-landscape > .x2of5,
  .break-when-landscape > .x3of5, .break-when-landscape > .x4of5, .break-when-landscape > .x1of6, .break-when-landscape > .x5of6,
  .break-when-landscape > .xlast, .break-when-landscape > .xcell {
    clear: both;
    width: 100%; }
  .break-when-landscape.xlast, .break-when-landscape > .xlast {
    display: block;
    float: none; }
  .break-when-landscape.l1of2, .break-when-landscape.l1of3, .break-when-landscape.l2of3, .break-when-landscape.l1of4, .break-when-landscape.l3of4, .break-when-landscape.l1of5, .break-when-landscape.l2of5, .break-when-landscape.l3of5, .break-when-landscape.l4of5, .break-when-landscape.l1of6, .break-when-landscape.l5of6 {
    margin-left: 0; }
  .break-when-landscape.r1of2, .break-when-landscape.r1of3, .break-when-landscape.r2of3, .break-when-landscape.r1of4, .break-when-landscape.r3of4, .break-when-landscape.r1of5, .break-when-landscape.r2of5, .break-when-landscape.r3of5, .break-when-landscape.r4of5, .break-when-landscape.r1of6, .break-when-landscape.r5of6 {
    margin-right: 0; }

  .xgrid2-when-landscape > .xcell:nth-child(1n),
  .xgrid3-when-landscape > .xcell:nth-child(1n),
  .xgrid4-when-landscape > .xcell:nth-child(1n),
  .xgrid5-when-landscape > .xcell:nth-child(1n),
  .xgrid6-when-landscape > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-landscape > .xcell {
    width: 50%; }
  .xgrid2-when-landscape > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-landscape > .xcell {
    width: 33.3333%; }
  .xgrid3-when-landscape > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-landscape > .xcell {
    width: 25%; }
  .xgrid4-when-landscape > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-landscape > .xcell {
    width: 20%; }
  .xgrid5-when-landscape > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-landscape > .xcell {
    width: 16.66667%; }
  .xgrid6-when-landscape > .xcell:nth-child(6n+1) {
    clear: left; } }
@media screen and (orientation: portrait) {
  .hide-when-portrait {
    display: none !important; }

  .x1of1-when-portrait {
    width: 100%; }

  .x1of2-when-portrait {
    width: 50%; }

  .x1of3-when-portrait {
    width: 33.33333%; }

  .x2of3-when-portrait {
    width: 66.66667%; }

  .x1of4-when-portrait {
    width: 25%; }

  .x3of4-when-portrait {
    width: 75%; }

  .x1of5-when-portrait {
    width: 20%; }

  .x2of5-when-portrait {
    width: 40%; }

  .x3of5-when-portrait {
    width: 60%; }

  .x4of5-when-portrait {
    width: 80%; }

  .x1of6-when-portrait {
    width: 16.66667%; }

  .x5of6-when-portrait {
    width: 83.33335%; }

  @-moz-document url-prefix() {
    .x1of1-when-portrait.xlast {
      width: 100%; }

    .x1of2-when-portrait.xlast {
      width: 50%; }

    .x1of3-when-portrait.xlast {
      width: 33.33333%; }

    .x2of3-when-portrait.xlast {
      width: 66.66667%; }

    .x1of4-when-portrait.xlast {
      width: 25%; }

    .x3of4-when-portrait.xlast {
      width: 75%; }

    .x1of5-when-portrait.xlast {
      width: 20%; }

    .x2of5-when-portrait.xlast {
      width: 40%; }

    .x3of5-when-portrait.xlast {
      width: 60%; }

    .x4of5-when-portrait.xlast {
      width: 80%; }

    .x1of6-when-portrait.xlast {
      width: 16.66667%; }

    .x5of6-when-portrait.xlast {
      width: 83.33335%; } }

  .l1of2-when-portrait {
    margin-left: 50%; }

  .l1of3-when-portrait {
    margin-left: 33.33333%; }

  .l2of3-when-portrait {
    margin-left: 66.66667%; }

  .l1of4-when-portrait {
    margin-left: 25%; }

  .l3of4-when-portrait {
    margin-left: 75%; }

  .l1of5-when-portrait {
    margin-left: 20%; }

  .l2of5-when-portrait {
    margin-left: 40%; }

  .l3of5-when-portrait {
    margin-left: 60%; }

  .l4of5-when-portrait {
    margin-left: 80%; }

  .l1of6-when-portrait {
    margin-left: 16.66667%; }

  .l5of6-when-portrait {
    margin-left: 83.33335%; }

  .r1of2-when-portrait {
    margin-right: 50%; }

  .r1of3-when-portrait {
    margin-right: 33.33333%; }

  .r2of3-when-portrait {
    margin-right: 66.66667%; }

  .r1of4-when-portrait {
    margin-right: 25%; }

  .r3of4-when-portrait {
    margin-right: 75%; }

  .r1of5-when-portrait {
    margin-right: 20%; }

  .r2of5-when-portrait {
    margin-right: 40%; }

  .r3of5-when-portrait {
    margin-right: 60%; }

  .r4of5-when-portrait {
    margin-right: 80%; }

  .r1of6-when-portrait {
    margin-right: 16.66667%; }

  .r5of6-when-portrait {
    margin-right: 83.33335%; }

  .break-when-portrait.x1of1, .break-when-portrait.x1of2, .break-when-portrait.x1of3, .break-when-portrait.x2of3, .break-when-portrait.x1of4, .break-when-portrait.x3of4, .break-when-portrait.x1of5, .break-when-portrait.x2of5, .break-when-portrait.x3of5, .break-when-portrait.x4of5, .break-when-portrait.x1of6, .break-when-portrait.x5of6, .break-when-portrait.xlast,
  .break-when-portrait > .x1of1, .break-when-portrait > .x1of2, .break-when-portrait > .x1of3, .break-when-portrait > .x2of3,
  .break-when-portrait > .x1of4, .break-when-portrait > .x3of4, .break-when-portrait > .x1of5, .break-when-portrait > .x2of5,
  .break-when-portrait > .x3of5, .break-when-portrait > .x4of5, .break-when-portrait > .x1of6, .break-when-portrait > .x5of6,
  .break-when-portrait > .xlast, .break-when-portrait > .xcell {
    clear: both;
    width: 100%; }
  .break-when-portrait.xlast, .break-when-portrait > .xlast {
    display: block;
    float: none; }
  .break-when-portrait.l1of2, .break-when-portrait.l1of3, .break-when-portrait.l2of3, .break-when-portrait.l1of4, .break-when-portrait.l3of4, .break-when-portrait.l1of5, .break-when-portrait.l2of5, .break-when-portrait.l3of5, .break-when-portrait.l4of5, .break-when-portrait.l1of6, .break-when-portrait.l5of6 {
    margin-left: 0; }
  .break-when-portrait.r1of2, .break-when-portrait.r1of3, .break-when-portrait.r2of3, .break-when-portrait.r1of4, .break-when-portrait.r3of4, .break-when-portrait.r1of5, .break-when-portrait.r2of5, .break-when-portrait.r3of5, .break-when-portrait.r4of5, .break-when-portrait.r1of6, .break-when-portrait.r5of6 {
    margin-right: 0; }

  .xgrid2-when-portrait > .xcell:nth-child(1n),
  .xgrid3-when-portrait > .xcell:nth-child(1n),
  .xgrid4-when-portrait > .xcell:nth-child(1n),
  .xgrid5-when-portrait > .xcell:nth-child(1n),
  .xgrid6-when-portrait > .xcell:nth-child(1n) {
    clear: none; }

  .xgrid2-when-portrait > .xcell {
    width: 50%; }
  .xgrid2-when-portrait > .xcell:nth-child(2n+1) {
    clear: left; }

  .xgrid3-when-portrait > .xcell {
    width: 33.3333%; }
  .xgrid3-when-portrait > .xcell:nth-child(3n+1) {
    clear: left; }

  .xgrid4-when-portrait > .xcell {
    width: 25%; }
  .xgrid4-when-portrait > .xcell:nth-child(4n+1) {
    clear: left; }

  .xgrid5-when-portrait > .xcell {
    width: 20%; }
  .xgrid5-when-portrait > .xcell:nth-child(5n+1) {
    clear: left; }

  .xgrid6-when-portrait > .xcell {
    width: 16.66667%; }
  .xgrid6-when-portrait > .xcell:nth-child(6n+1) {
    clear: left; } }
@media screen and (max-width: 1120px) {
  .xgrid2.xgutters,
  .xgrid3.xgutters,
  .xgrid4.xgutters,
  .xgrid5.xgutters,
  .xgrid6.xgutters {
    margin-left: -0.375em;
    margin-right: -0.375em; }

  .xgrid2.xgutters > .xcell,
  .xgrid3.xgutters > .xcell,
  .xgrid4.xgutters > .xcell,
  .xgrid5.xgutters > .xcell,
  .xgrid6.xgutters > .xcell {
    padding-left: 0.375em;
    padding-right: 0.375em; }

  .xgrid2.xgutters-double,
  .xgrid3.xgutters-double,
  .xgrid4.xgutters-double,
  .xgrid5.xgutters-double,
  .xgrid6.xgutters-double {
    margin-left: -0.75em;
    margin-right: -0.75em; }

  .xgrid2.xgutters-double > .xcell,
  .xgrid3.xgutters-double > .xcell,
  .xgrid4.xgutters-double > .xcell,
  .xgrid5.xgutters-double > .xcell,
  .xgrid6.xgutters-double > .xcell {
    padding-left: 0.75em;
    padding-right: 0.75em; }

  .xgutter {
    padding-left: 0.75em;
    padding-right: 0.75em; }

  .xgutter2 {
    padding-left: 1.5em;
    padding-right: 1.5em; }

  .xgutter3 {
    padding-left: 2.25em;
    padding-right: 2.25em; }

  .xgutter4 {
    padding-left: 3em;
    padding-right: 3em; }

  .lgutter {
    padding-left: 0.75em; }

  .lgutter2 {
    padding-left: 1.5em; }

  .lgutter3 {
    padding-left: 2.25em; }

  .lgutter4 {
    padding-left: 3em; }

  .rgutter {
    padding-right: 0.75em; }

  .rgutter2 {
    padding-right: 1.5em; }

  .rgutter3 {
    padding-right: 2.25em; }

  .rgutter4 {
    padding-right: 3em; } }