/* Minification failed. Returning unminified contents.
(931,30): run-time error CSS1019: Unexpected token, found '*'
(931,30): run-time error CSS1042: Expected function, found '*'
(931,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(934,29): run-time error CSS1019: Unexpected token, found '*'
(934,29): run-time error CSS1042: Expected function, found '*'
(934,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(960,32): run-time error CSS1019: Unexpected token, found '*'
(960,32): run-time error CSS1042: Expected function, found '*'
(960,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(963,31): run-time error CSS1019: Unexpected token, found '*'
(963,31): run-time error CSS1042: Expected function, found '*'
(963,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(993,32): run-time error CSS1019: Unexpected token, found '*'
(993,32): run-time error CSS1042: Expected function, found '*'
(993,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(996,31): run-time error CSS1019: Unexpected token, found '*'
(996,31): run-time error CSS1042: Expected function, found '*'
(996,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**
 * Sets a translucent background color to all elements it affects. Helpful while setting up, or debugging, the structure of your site to make sure all items are cleared correctly.
 *
 * @param {color} [@bg=blue] - A color to be lightened, so make sure you pick a darkish color.
 *
 * @example
 *   section {
 *     .edit(red);
 *   }
 */
/**
 * Clearfix used to clear floated children elements. http://nicolasgallagher.com/micro-clearfix-hack
 *
 * @example
 *   .parent {
 *     .clearfix();
 *     .child {
 *       .column(1 of 2);
 *     }
 *   }
 */
/**
 * Creates a Flexbox container.
 *
 * @param {string} [$direction=row] - The flex-direction the container should create. This is typically opposite to the element you're creating so a row() would need flex-container(column).
 *
 * @example
 *   @flexbox: true;
 *
 *   section {
 *     .flex-container();
 *     figure {
 *       .column('1/2');
 *     }
 *   }
 */
/**
 * Horizontally center a container element and apply padding to it.
 *
 * @param {unit} [@max-size=1140px] - A max-width to assign. Can be any unit.
 * @param {unit} [@pad=0] - Padding on the left and right of the element. Can be any unit.
 * @param {boolean} [@flex=@flexbox] - Determines whether this element should use Flexbox or not.
 *
 * @example
 *   section {
 *     .center(900px);
 *   }
 */
/**
 * Align nested elements.
 *
 * @param {string} [@location=middle-center] - The position the nested element takes relative to the containing element.
 * @param {boolean} [@flex=@flexbox] - Determines whether this element should use Flexbox or not.
 *
 * - reset
 * - top-left
 * - top-center or top
 * - top-right
 * - middle-left or left
 * - middle-right or right
 * - bottom-left
 * - bottom-center or bottom
 * - bottom-right
 *
 * @example
 *   .parent {
 *     .align(right);
 *     width: 600px;
 *     height: 400px;
 *     .child {
 *       width: 300px;
 *       height: 150px;
 *     }
 *   }
 */
/**
 * Creates a column that is a fraction of the size of it's containing element with a gutter. You don't need to pass any additional ratios (fractions) as the grid system will make use of calc(). Note that fractions must always be wrapped in quotes.
 *
 * @param {string} [@fraction=1 of 1] - This is a simple fraction of the containing element's width. This must be a string written as a fraction.
 * @param {number} [@cycle=extract(@fraction, 3)] - Lost works by assigning a margin-right to all elements except the last in the row. It does this by default by using the denominator of the fraction you pick. To override this default use this param. e.g. column(2 of 4, @cycle: 2)
 * @param {number} [@gut=@gutter] - The margin on the right side of the element used to create a gutter. Typically this is left alone and the global @gutter will be used, but you can override it here if you want certain elements to have a particularly large or small gutter (pass 0 for no gutter at all).
 * @param {boolean} [@flex=@flexbox] - Determines whether this element should use Flexbox or not.
 *
 * @example
 *   figure {
 *     .column(1 of 3);
 *   }
 */
/**
 * Creates a row that is a fraction of the size of it's containing element with a gutter. You don't need to pass any additional ratios (fractions) as the grid system will make use of calc(). Note that fractions must always be wrapped in quotes.
 *
 * @param {string} [@fraction=1 of 1] - This is a simple fraction of the containing element's height. This must be a string written as a fraction.
 * @param {number} [@gut=@gutter] - The margin on the bottom of the element used to create a gutter. Typically this is left alone and the global @gutter will be used, but you can override it here if you want certain elements to have a particularly large or small gutter (pass 0 for no gutter at all).
 * @param {boolean} [@flex=@flexbox] - Determines whether this element should use Flexbox or not.
 *
 * @example
 *   figure {
 *     .row(1 of 3);
 *   }
 */
/**
 * Creates a block that is a fraction of the size of it's containing element with a gutter on the right and bottom. You don't need to pass any additional ratios (fractions) as the grid system will make use of calc(). Note that fractions must always be wrapped in quotes.
 *
 * @param {string} [@fraction=1 of 1] - This is a simple fraction of the containing element's width/height. This must be a string written as a fraction.
 * @param {number} [@cycle=extract(@fraction, 3)] - Lost works by assigning a margin-right/bottom to all elements except the last row (no margin-bottom) and the last column (no margin-right). It does this by default by using the denominator of the fraction you pick. To override this default use this param. e.g. waffle(2 of 4, @cycle: 2)
 * @param {number} [@gut=@gutter] - The margin on the right and bottom side of the element used to create a gutter. Typically this is left alone and the global @gutter will be used, but you can override it here if you want certain elements to have a particularly large or small gutter (pass 0 for no gutter at all).
 * @param {boolean} [@flex=@flexbox] - Determines whether this element should use Flexbox or not.
 *
 * @example
 *   figure {
 *     .waffle(1 of 3);
 *   }
 */
/**
 * Margin to the left, right, bottom, or top, of an element depending on if the fraction passed is positive or negative. It works for both horizontal and vertical grids but not both.
 *
 * @param {string} [@fraction=1 of 1] - Fraction of the container to be offset. Must be a string.
 * @param {string} [@dir=row] - Direction the grid is going. Should be the opposite of the column() or row() it's being used on.
 * @param {number} [@gut=@gutter] - How large the gutter involved is, typically this won't be adjusted, but if you have set the elements for that container to have different gutters than default, you will need to match that gutter here as well.
 *
 * @example
 *   .two-elements {
 *     .column(1 of 3);
 *     &:first-child {
 *       .offset(1 of 3);
 *     }
 *   }
 */
/**
 * Source ordering. Shift elements left, right, up, or down, by their left or top position by passing a positive or negative fraction.
 *
 * @param {string} [@fraction=1 of 1] - Fraction of the container to be shifted. Must be a string.
 * @param {string} [@dir=row] - Direction the grid is going. Should be the opposite of the column() or row() it's being used on.
 * @param {number} [@gut=@gutter] - Adjust the size of the gutter for this movement. Should match the element's @gut.
 *
 * @example
 *   figure {
 *     .column(1 of 2);
 *     &:first-child {
 *       .move(1 of 2);
 *     }
 *     &:last-child {
 *       .move(-1 of 2);
 *     }
 *   }
 */
/**
 * Creates a row element for working with JS masonry libraries like Isotope. Assigns a negative margin on each side of this wrapping element.
 *
 * @param {number} [@gut=@gutter] - How large the gutter involved is, typically this won't be adjusted and will inherit the global @gutter setting, but it's made available if you want your masonry grid to have a special @gut, it should match your masonry-column's @gut.
 * @param {boolean} [@flex=@flexbox] - Determines whether this element should use Flexbox or not.
 *
 * @example
 *   section {
 *     .masonry-wrap();
 *   }
 *   figure {
 *     .masonry-column(1 of 3);
 *   }
 */
/**
 * Creates a column for working with JS masonry libraries like Isotope. Assigns a margin to each side of the element.
 *
 * @param {number} [@gut=@gutter] - How large the gutter involved is, typically this won't be adjusted and will inherit the global @gutter setting, but it's made available if you want your masonry grid to have a special @gut, it should match your masonry-row's @gut.
 * @param {boolean} [@flex=@flexbox] - Determines whether this element should use Flexbox or not.
 *
 * @example
 *   section {
 *     .masonry-wrap();
 *   }
 *   figure {
 *     .masonry-column(1 of 3');
 *   }
 */
/**
 * Apply directly to ul in order to left align items
 */
/**
 * Apply directly to ol in order to left align items
 */
/**
 * Defines a somehow cross-browser inline-block
 * layout for an element.
 */
/**
 * Mixin which causes text break before element.
 * http://stackoverflow.com/questions/7363766/how-to-insert-a-line-break-before-an-element-using-css
 */
/**
 * Causes justification of the last line of a
 * block of text. In case there is only one line,
 * this (obviously) will cause this one line to
 * be justified.
 */
/**
 * This mixin adds height and min-height declarations to provide
 * a cross-browser min-height setting.
 *
 * First the height is set to auto which is marked as important
 * for normal browsers.
 * Then the min-height setting is applied using the given height
 * and after that the height will be set using the given height.
 * This setting, however, will only take effect in browsers without
 * appropriate min-height and !important support (IE..) because of
 * the first rule (auto).
 */
/**
 * Color swatch names
 */
/**
 * Font settings
 */
/**
 * Breakpoint variables
 */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  overflow-y: scroll;
}
body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: normal 15px / 1.571em Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #333333;
  background: #f5f5f5;
}
h2 {
  font: bold 25px / 1.571em Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
  text-transform: uppercase;
  color: #3399cc;
}
h3 {
  color: #3399cc;
}
a {
  color: #3399cc;
  text-decoration: none;
  border-bottom: 1px solid #3399cc;
  -webkit-transition: border-color 0.3s ease, color 0.3s ease;
       -o-transition: border-color 0.3s ease, color 0.3s ease;
          transition: border-color 0.3s ease, color 0.3s ease;
}
a:hover,
a:active,
a:focus {
  color: #1f5c7a;
  border-bottom: 1px solid #1f5c7a;
}
.form-text {
  width: auto;
  max-width: 100%;
  padding: 15px;
  background: white;
  border: 1px solid #cccccc;
  border-radius: 3px;
  outline: none;
  -webkit-transition: border-color 0.3s ease;
       -o-transition: border-color 0.3s ease;
          transition: border-color 0.3s ease;
}
.form-text:hover,
.form-text:focus {
  border: 1px solid #3399cc;
}
.form-required {
  color: #ff0000;
}
.form-email {
  width: auto;
  max-width: 100%;
  padding: 15px;
  background: white;
  border: 1px solid #cccccc;
  border-radius: 3px;
  outline: none;
  -webkit-transition: border-color 0.3s ease;
       -o-transition: border-color 0.3s ease;
          transition: border-color 0.3s ease;
}
.form-email:hover,
.form-email:focus {
  border: 1px solid #3399cc;
}
.form-radio {
  vertical-align: middle;
}
.form-radio:focus {
  outline-color: #3399cc;
}
.form-textarea {
  margin: 0;
  padding: 10px;
  resize: none;
  border: 1px solid #cccccc;
  border-radius: 3px;
  outline: none;
  -webkit-transition: border-color 0.3s ease;
       -o-transition: border-color 0.3s ease;
          transition: border-color 0.3s ease;
}
.form-textarea:hover,
.form-textarea:focus {
  border: 1px solid #3399cc;
}
.form-submit {
  padding: 12px 34px;
  color: white;
  background: #3399cc;
  border: none;
  border-radius: 3px;
  outline: none;
  -webkit-transition: background-color 0.3s ease;
       -o-transition: background-color 0.3s ease;
          transition: background-color 0.3s ease;
}
.form-submit:hover,
.form-submit:focus {
  background: #1f5c7a;
}
.form-field-container {
  margin-bottom: 20px;
}
.form-radio-item {
  margin: 15px 0;
}
.form-radio-item > label {
  margin-left: 9px;
  vertical-align: middle;
}
.form-radio-item > .form-radio-item__sub {
  display: none;
}
.form-radio-item > .form-radio:checked ~ .form-radio-item__sub {
  display: block;
}
.form-radio-item__sub {
  margin-top: 5px;
}
.form-radio-item__sub--fields {
  margin-left: 25px;
  background: #f5f5f5;
  padding: 10px;
  border-radius: 3px;
}
.form-radio-item__sub--fields p {
  margin: 8px 0;
}
.form-radio-item__sub--fields > *:first-child {
  margin-top: 0;
}
.form-radio-item__sub--fields > *:last-child {
  margin-bottom: 0;
}
.infield-label {
  position: relative;
}
.infield-label > label:first-child {
  position: absolute;
  top: 0;
  left: 0;
  padding: 13px 16px;
}
.page-header {
  padding-top: 30px;
  padding-bottom: 50px;
  background-image: url(../Content/Images/page-header-background.png);
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
}
.page-header__inner {
  *zoom: 1;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}
.page-header__inner:before,
.page-header__inner:after {
  content: '';
  display: table;
}
.page-header__inner:after {
  clear: both;
}
.page-header__inner__content {
  position: relative;
  width: 600px;
  height: 120px;
  padding-left: 342px;
  background: white;
  border-radius: 4px;
}
.page-header__inner__content h1 {
  margin: 0;
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
  vertical-align: middle;
}
.page-header__inner__content h1 a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  width: 280px;
  background: transparent url(../gfx/logo.png) no-repeat center;
  border: none;
}
.page-header__inner__content h1 a:focus,
.page-header__inner__content h1 a:active {
  outline: none;
}
.page-header__inner__content h2 {
  margin: 0;
  line-height: 120px;
}
@media (max-width: 969px) {
  .page-header {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .page-header__inner {
    padding: 20px;
  }
  .page-header__inner__content {
    width: auto;
    text-align: right;
    padding-left: 260px;
    padding-right: 30px;
  }
}
@media (max-width: 619px) {
  .page-header {
    width: auto !important;
    min-width: 320px;
    width: 320px;
    padding: 0;
  }
  .page-header__inner {
    padding: 10px;
  }
  .page-header__inner__content {
    width: auto;
    height: auto;
    padding: 10px;
    text-align: center;
  }
  .page-header__inner__content h1 a {
    right: 0;
    bottom: auto;
    width: auto;
    height: 140px;
  }
  .page-header__inner__content h2 {
    margin-top: 120px;
    margin-bottom: 10px;
    line-height: 1.571em;
  }
}
.page-main {
  background: #f5f5f5;
  padding-top: 40px;
  padding-bottom: 40px;
}
.page-main__inner {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  background: white;
  border-radius: 4px;
}
.page-main__inner:before,
.page-main__inner:after {
  content: '';
  display: table;
}
.page-main__inner:after {
  clear: both;
}
.page-main__inner:before,
.page-main__inner:after {
  content: '';
  display: table;
}
.page-main__inner:after {
  clear: both;
}
.page-main__inner__content {
  width: -webkit-calc(99.99% * 8/12 - (30px - 30px * 8/12));
  width: calc(99.99% * 8/12 - (30px - 30px * 8/12));
  position: relative;
  left: -webkit-calc(99.99% * 3/12 - (30px - 30px * 3/12) + 30px);
  left: calc(99.99% * 3/12 - (30px - 30px * 3/12) + 30px);
  padding-top: 30px;
  padding-bottom: 30px;
}
.page-main__inner__content:nth-child(n) {
  margin-right: 30px;
  float: left;
  clear: none;
}
.page-main__inner__content:last-child {
  margin-right: 0;
}
.page-main__inner__content:nth-child(12n) {
  margin-right: 0;
  float: right;
}
.page-main__inner__content:nth-child(12n + 1) {
  clear: left;
}
@media (max-width: 969px) {
  .page-main {
    padding: 20px 40px;
  }
  .page-main__inner__content {
    padding: 5px 15px;
    width: -webkit-calc(99.99% * 12/12 - (30px - 30px * 12/12));
    width: calc(99.99% * 12/12 - (30px - 30px * 12/12));
    position: relative;
    left: -webkit-calc(99.99% * 0/12 - (30px - 30px * 0/12) + 30px);
    left: calc(99.99% * 0/12 - (30px - 30px * 0/12) + 30px);
  }
  .page-main__inner__content:nth-child(n) {
    margin-right: 30px;
    float: left;
    clear: none;
  }
  .page-main__inner__content:last-child {
    margin-right: 0;
  }
  .page-main__inner__content:nth-child(12n) {
    margin-right: 0;
    float: right;
  }
  .page-main__inner__content:nth-child(12n + 1) {
    clear: left;
  }
}
@media (max-width: 619px) {
  .page-main {
    width: auto !important;
    min-width: 320px;
    width: 320px;
    padding: 20px;
  }
  .page-main__inner {
    width: auto;
  }
  .page-main__inner__content {
    width: -webkit-calc(99.99% * 12/12 - (30px - 30px * 12/12));
    width: calc(99.99% * 12/12 - (30px - 30px * 12/12));
    position: relative;
    left: -webkit-calc(99.99% * 0/12 - (30px - 30px * 0/12) + 30px);
    left: calc(99.99% * 0/12 - (30px - 30px * 0/12) + 30px);
    padding: 5px 15px;
  }
  .page-main__inner__content:nth-child(n) {
    margin-right: 30px;
    float: left;
    clear: none;
  }
  .page-main__inner__content:last-child {
    margin-right: 0;
  }
  .page-main__inner__content:nth-child(12n) {
    margin-right: 0;
    float: right;
  }
  .page-main__inner__content:nth-child(12n + 1) {
    clear: left;
  }
}
.signout-form__data .form-text,
.signout-form__data .form-email {
  width: 100%;
  display: block;
}
@media (min-width: 620px) {
  .signout-form__data .form-text,
  .signout-form__data .form-email {
    width: 100%;
    display: block;
    padding-left: 163px;
  }
  .signout-form__data .infield-label > label:first-child {
    bottom: 0;
    width: 146px;
    display: block !important;
    opacity: 1 !important;
    font-weight: bold;
    text-align: right;
    border-right: 1px solid #cccccc;
  }
  .signout-form__data .infield-label > label:first-child .form-required {
    font-weight: normal;
  }
}
.signout-form__reason .form-textarea {
  width: 100%;
  display: block;
}
@media (min-width: 620px) {
  .signout-form__reason .form-textarea {
    width: 50%;
    display: inline;
  }
}