responsive.css

/*  ==|== Responsive =============================================================
    Author: James South
    twitter : http://twitter.com/James_M_South
    github : https://github.com/ResponsiveBP/Responsive
    Copyright (c),  James South.
    Licensed under the MIT License.
    ============================================================================== */

/*! Responsive v2.5.4 | MIT License | responsivebp.com */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

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

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

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

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

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

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

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

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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

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

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

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

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

b,
strong {
  font-weight: bold;
}

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

dfn {
  font-style: italic;
}

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

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

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

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.
 */

img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

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

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

figure {
  margin: 1em 40px;
}

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

hr {
  -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 5, 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.
 */

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+, 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"] {
  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 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

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

/**
 * Remove inner padding and search cancel button in Safari 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.
 * 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.
 */

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;
}
/*
 * Fix the box model
 * Overwrite Normalize rather than edit it.
 */
*, *:before, *:after,
hr, input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
 * IE10 in Windows (Phone) 8
 * Support for responsive views via media queries do not work in IE10 on mobile for
 * versions prior to WP8 Update 3 (GDR3).
 */
@-ms-viewport {
    width: device-width;
}

/*
 * 1. Use the iOS devices hardware accelerator to provide native scrolling.
 */
html {
    -webkit-overflow-scrolling: touch; /* 1 */
    font-size: 16px;
    line-height: 1.4;
    color: #222;
}

/*
 * Headers
 * 1: Improve rendering of screen fonts.
 * 2: Prevent page breaking.
 */
h1, h2, h3, h4, h5, h6 {
    text-rendering: optimizeLegibility; /* 1 */
    page-break-after: avoid; /* 2 */
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background colour to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c0c0c0;
    margin: 1em 0;
    padding: 0;
}

/*
 * Add query indicator to abbr
 */
abbr {
    cursor: help;
}
.container {
    margin: 0 auto;
    /* Manages width in a single place */
    width: 95%;
    max-width: 1140px;
}

    .fixed .container,
    .container.fixed {
        /* Manages width in a single place */
        width: 1140px;
    }

/*
 * Clearfix: contain floats
 */
.row:before,
.row:after {
    content: "";
    display: table;
}

.row:after {
    clear: both;
}

/*cols*/
[class*="col-"] {
    position: relative;
    display: block;
    min-height: 1px;
    float: left;
    width: 100%;
}

.row [class*="col-"] + [class*="col-"] {
    margin-left: 2%;
}

.row.no-gutter > [class*="col-"] + [class*="col-"],
.row [class*="col-"] + [class*="col-s"],
.row [class*="col-"] + [class*="col-m"],
.row [class*="col-"] + [class*="col-l"] {
    margin-left: 0;
}

.row [class*="col-xs"] + [class*="col-"] {
    margin-left: 2%;
}

.row [class*="col-xs-12"] + [class*="col-xs-"],
.row [class*="col-xs-"] + [class*="col-xs-12"] {
    margin-left: 0;
}

.row.no-gutter.pad-gutter > [class*="col-"] {
    padding: 0 1%;
}

@media (max-width: 47.99em) {
    .row [class*="col-"].reset-xs-only {
        margin-left: 0 !important;
        clear: both;
    }

    .row [class*="col-"][class*="push-xs-right-only"] {
        float: right;
    }
}

.row [class*="col-"].reset-xs {
    margin-left: 0 !important;
    clear: both;
}

.row [class*="col-"][class*="push-xs-right"] {
    float: right;
}

/* Full width calculated with margins */
.row [class*="col-"] + [class*="col-xs-12"],
.col-xs-12 {
    width: 100%;
    margin-left: 0;
}

.col-xs-11 {
    width: 91.5%;
}

.col-xs-10 {
    width: 83%;
}

.col-xs-9 {
    width: 74.5%;
}

.col-xs-8 {
    width: 66%;
}

.col-xs-7 {
    width: 57.5%;
}

.col-xs-6 {
    width: 49%;
}

.col-xs-5 {
    width: 40.5%;
}

.col-xs-4 {
    width: 32%;
}

.col-xs-3 {
    width: 23.5%;
}

.col-xs-2 {
    width: 15%;
}

.col-xs-1 {
    width: 6.5%;
}

/* No gutter margins */
.no-gutter > .col-xs-11 {
    width: 91.6667%;
}

.no-gutter > .col-xs-10 {
    width: 83.3333%;
}

.no-gutter > .col-xs-9 {
    width: 75%;
}

.no-gutter > .col-xs-8 {
    width: 66.6667%;
}

.no-gutter > .col-xs-7 {
    width: 58.3333%;
}

.no-gutter > .col-xs-6 {
    width: 50%;
}

.no-gutter > .col-xs-5 {
    width: 41.6667%;
}

.no-gutter > .col-xs-4 {
    width: 33.3333%;
}

.no-gutter > .col-xs-3 {
    width: 25%;
}

.no-gutter > .col-xs-2 {
    width: 16.6667%;
}

.no-gutter > .col-xs-1 {
    width: 8.3333%;
}


/* offsetting cols */
.offset-xs-11 {
    margin-left: 93.5%;
}

.row [class*="col-"] + .offset-xs-11 {
    margin-left: 95.5%;
}

.offset-xs-10 {
    margin-left: 85%;
}

.row [class*="col-"] + .offset-xs-10 {
    margin-left: 87%;
}

.offset-xs-9 {
    margin-left: 76.5%;
}

.row [class*="col-"] + .offset-xs-9 {
    margin-left: 78.5%;
}

.offset-xs-8 {
    margin-left: 68%;
}

.row [class*="col-"] + .offset-xs-8 {
    margin-left: 70%;
}

.offset-xs-7 {
    margin-left: 59.5%;
}

.row [class*="col-"] + .offset-xs-7 {
    margin-left: 61.5%;
}

.offset-xs-6 {
    margin-left: 51%;
}

.row [class*="col-"] + .offset-xs-6 {
    margin-left: 53%;
}

.offset-xs-5 {
    margin-left: 42.5%;
}

.row [class*="col-"] + .offset-xs-5 {
    margin-left: 44.5%;
}

.offset-xs-4 {
    margin-left: 34%;
}

.row [class*="col-"] + .offset-xs-4 {
    margin-left: 36%;
}

.offset-xs-3 {
    margin-left: 25.5%;
}

.row [class*="col-"] + .offset-xs-3 {
    margin-left: 27.5%;
}

.offset-xs-2 {
    margin-left: 17%;
}

.row [class*="col-"] + .offset-xs-2 {
    margin-left: 19%;
}

.offset-xs-1 {
    margin-left: 8.5%;
}

.row [class*="col-"] + .offset-xs-1 {
    margin-left: 10.5%;
}

/*No gutter margin*/
.no-gutter > .offset-xs-11,
.no-gutter > [class*="col-"] + [class*="col-"].offset-xs-11 {
    margin-left: 91.6667%;
}

.no-gutter > .offset-xs-10,
.no-gutter > [class*="col-"] + [class*="col-"].offset-xs-10 {
    margin-left: 83.3333%;
}

.no-gutter > .offset-xs-9,
.no-gutter > [class*="col-"] + [class*="col-"].offset-xs-9 {
    margin-left: 75%;
}

.no-gutter > .offset-xs-8,
.no-gutter > [class*="col-"] + [class*="col-"].offset-xs-8 {
    margin-left: 66.6667%;
}

.no-gutter > .offset-xs-7,
.no-gutter > [class*="col-"] + [class*="col-"].offset-xs-7 {
    margin-left: 58.3333%;
}

.no-gutter > .offset-xs-6,
.no-gutter > [class*="col-"] + [class*="col-"].offset-xs-6 {
    margin-left: 50%;
}

.no-gutter > .offset-xs-5,
.no-gutter > [class*="col-"] + [class*="col-"].offset-xs-5 {
    margin-left: 41.6667%;
}

.no-gutter > .offset-xs-4,
.no-gutter > [class*="col-"] + [class*="col-"].offset-xs-4 {
    margin-left: 33.3333%;
}

.no-gutter > .offset-xs-3,
.no-gutter > [class*="col-"] + [class*="col-"].offset-xs-3 {
    margin-left: 25%;
}

.no-gutter > .offset-xs-2,
.no-gutter > [class*="col-"] + [class*="col-"].offset-xs-2 {
    margin-left: 16.6667%;
}

.no-gutter > .offset-xs-1,
.no-gutter > [class*="col-"] + [class*="col-"].offset-xs-1 {
    margin-left: 8.3333%;
}

/* pushing cols */
.push-xs-11 {
    left: 93.5%;
}

.push-xs-10 {
    left: 85%;
}

.push-xs-9 {
    left: 76.5%;
}

.push-xs-8 {
    left: 68%;
}

.push-xs-7 {
    left: 59.5%;
}

.push-xs-6 {
    left: 51%;
}

.push-xs-5 {
    left: 42.5%;
}

.push-xs-4 {
    left: 34%;
}

.push-xs-3 {
    left: 25.5%;
}

.push-xs-2 {
    left: 17%;
}

.push-xs-1 {
    left: 8.5%;
}

/*No gutter margin*/
.no-gutter > .push-xs-11 {
    left: 91.6667%;
}

.no-gutter > .push-xs-10 {
    left: 83.3333%;
}

.no-gutter > .push-xs-9 {
    left: 75%;
}

.no-gutter > .push-xs-8 {
    left: 66.6667%;
}

.no-gutter > .push-xs-7 {
    left: 58.3333%;
}

.no-gutter > .push-xs-6 {
    left: 50%;
}

.no-gutter > .push-xs-5 {
    left: 41.6667%;
}

.no-gutter > .push-xs-4 {
    left: 33.3333%;
}

.no-gutter > .push-xs-3 {
    left: 25%;
}

.no-gutter > .push-xs-2 {
    left: 16.6667%;
}

.no-gutter > .push-xs-1 {
    left: 8.3333%;
}

/* pulling cols */
.pull-xs-11 {
    right: 93.5%;
}

.pull-xs-10 {
    right: 85%;
}

.pull-xs-9 {
    right: 76.5%;
}

.pull-xs-8 {
    right: 68%;
}

.pull-xs-7 {
    right: 59.5%;
}

.pull-xs-6 {
    right: 51%;
}

.pull-xs-5 {
    right: 42.5%;
}

.pull-xs-4 {
    right: 34%;
}

.pull-xs-3 {
    right: 25.5%;
}

.pull-xs-2 {
    right: 17%;
}

.pull-xs-1 {
    right: 8.5%;
}

/*No gutter margin*/
.no-gutter > .pull-xs-11 {
    right: 91.6667%;
}

.no-gutter > .pull-xs-10 {
    right: 83.3333%;
}

.no-gutter > .pull-xs-9 {
    right: 75%;
}

.no-gutter > .pull-xs-8 {
    right: 66.6667%;
}

.no-gutter > .pull-xs-7 {
    right: 58.3333%;
}

.no-gutter > .pull-xs-6 {
    right: 50%;
}

.no-gutter > .pull-xs-5 {
    right: 41.6667%;
}

.no-gutter > .pull-xs-4 {
    right: 33.3333%;
}

.no-gutter > .pull-xs-3 {
    right: 25%;
}

.no-gutter > .pull-xs-2 {
    right: 16.6667%;
}

.no-gutter > .pull-xs-1 {
    right: 8.3333%;
}

@media (min-width: 48em) and (max-width: 61.99em) {
    .row [class*="col-"].reset-s-only {
        margin-left: 0 !important;
        clear: both;
    }

    .row [class*="col-"][class*="push-s-right-only"] {
        float: right;
    }
}

@media (min-width: 48em) {
    .row [class*="col-"].reset-s {
        margin-left: 0 !important;
        clear: both;
    }

    .row [class*="col-"][class*="push-s-right"] {
        float: right;
    }

    .row [class*="col-"] + [class*="col-s"] {
        margin-left: 2%;
    }

    .row [class*="col-"] + [class*="col-s-12"],
    .col-s-12 {
        width: 100%;
        margin-left: 0;
    }

    .col-s-11 {
        width: 91.5%;
    }

    .col-s-10 {
        width: 83%;
    }

    .col-s-9 {
        width: 74.5%;
    }

    .col-s-8 {
        width: 66%;
    }

    .col-s-7 {
        width: 57.5%;
    }

    .col-s-6 {
        width: 49%;
    }

    .col-s-5 {
        width: 40.5%;
    }

    .col-s-4 {
        width: 32%;
    }

    .col-s-3 {
        width: 23.5%;
    }

    .col-s-2 {
        width: 15%;
    }

    .col-s-1 {
        width: 6.5%;
    }

    /* No gutter margins */
    .no-gutter > .col-s-11 {
        width: 91.6667%;
    }

    .no-gutter > .col-s-10 {
        width: 83.3333%;
    }

    .no-gutter > .col-s-9 {
        width: 75%;
    }

    .no-gutter > .col-s-8 {
        width: 66.6667%;
    }

    .no-gutter > .col-s-7 {
        width: 58.3333%;
    }

    .no-gutter > .col-s-6 {
        width: 50%;
    }

    .no-gutter > .col-s-5 {
        width: 41.6667%;
    }

    .no-gutter > .col-s-4 {
        width: 33.3333%;
    }

    .no-gutter > .col-s-3 {
        width: 25%;
    }

    .no-gutter > .col-s-2 {
        width: 16.6667%;
    }

    .no-gutter > .col-s-1 {
        width: 8.3333%;
    }

    /* offsetting cols */
    .offset-s-11 {
        margin-left: 93.5%;
    }

    .row [class*="col-"] + .offset-s-11 {
        margin-left: 95.5%;
    }

    .offset-s-10 {
        margin-left: 85%;
    }

    .row [class*="col-"] + .offset-s-10 {
        margin-left: 87%;
    }

    .offset-s-9 {
        margin-left: 76.5%;
    }

    .row [class*="col-"] + .offset-s-9 {
        margin-left: 78.5%;
    }

    .offset-s-8 {
        margin-left: 68%;
    }

    .row [class*="col-"] + .offset-s-8 {
        margin-left: 70%;
    }

    .offset-s-7 {
        margin-left: 59.5%;
    }

    .row [class*="col-"] + .offset-s-7 {
        margin-left: 61.5%;
    }

    .offset-s-6 {
        margin-left: 51%;
    }

    .row [class*="col-"] + .offset-s-6 {
        margin-left: 53%;
    }

    .offset-s-5 {
        margin-left: 42.5%;
    }

    .row [class*="col-"] + .offset-s-5 {
        margin-left: 44.5%;
    }

    .offset-s-4 {
        margin-left: 34%;
    }

    .row [class*="col-"] + .offset-s-4 {
        margin-left: 36%;
    }

    .offset-s-3 {
        margin-left: 25.5%;
    }

    .row [class*="col-"] + .offset-s-3 {
        margin-left: 27.5%;
    }

    .offset-s-2 {
        margin-left: 17%;
    }

    .row [class*="col-"] + .offset-s-2 {
        margin-left: 19%;
    }

    .offset-s-1 {
        margin-left: 8.5%;
    }

    .row [class*="col-"] + .offset-s-1 {
        margin-left: 10.5%;
    }

    /*No gutter margin*/
    .no-gutter > .offset-s-11,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-s-11 {
        margin-left: 91.6667%;
    }

    .no-gutter > .offset-s-10,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-s-10 {
        margin-left: 83.3333%;
    }

    .no-gutter > .offset-s-9,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-s-9 {
        margin-left: 75%;
    }

    .no-gutter > .offset-s-8,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-s-8 {
        margin-left: 66.6667%;
    }

    .no-gutter > .offset-s-7,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-s-7 {
        margin-left: 58.3333%;
    }

    .no-gutter > .offset-s-6,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-s-6 {
        margin-left: 50%;
    }

    .no-gutter > .offset-s-5,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-s-5 {
        margin-left: 41.6667%;
    }

    .no-gutter > .offset-s-4,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-s-4 {
        margin-left: 33.3333%;
    }

    .no-gutter > .offset-s-3,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-s-3 {
        margin-left: 25%;
    }

    .no-gutter > .offset-s-2,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-s-2 {
        margin-left: 16.6667%;
    }

    .no-gutter > .offset-s-1,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-s-1 {
        margin-left: 8.3333%;
    }

    /* pushing cols */
    .push-s-11 {
        left: 93.5%;
    }

    .push-s-10 {
        left: 85%;
    }

    .push-s-9 {
        left: 76.5%;
    }

    .push-s-8 {
        left: 68%;
    }

    .push-s-7 {
        left: 59.5%;
    }

    .push-s-6 {
        left: 51%;
    }

    .push-s-5 {
        left: 42.5%;
    }

    .push-s-4 {
        left: 34%;
    }

    .push-s-3 {
        left: 25.5%;
    }

    .push-s-2 {
        left: 17%;
    }

    .push-s-1 {
        left: 8.5%;
    }

    /*No gutter margin*/
    .no-gutter > .push-s-11 {
        left: 91.6667%;
    }

    .no-gutter > .push-s-10 {
        left: 83.3333%;
    }

    .no-gutter > .push-s-9 {
        left: 75%;
    }

    .no-gutter > .push-s-8 {
        left: 66.6667%;
    }

    .no-gutter > .push-s-7 {
        left: 58.3333%;
    }

    .no-gutter > .push-s-6 {
        left: 50%;
    }

    .no-gutter > .push-s-5 {
        left: 41.6667%;
    }

    .no-gutter > .push-s-4 {
        left: 33.3333%;
    }

    .no-gutter > .push-s-3 {
        left: 25%;
    }

    .no-gutter > .push-s-2 {
        left: 16.6667%;
    }

    .no-gutter > .push-s-1 {
        left: 8.3333%;
    }

    /* pulling cols */
    .pull-s-11 {
        right: 93.5%;
    }

    .pull-s-10 {
        right: 85%;
    }

    .pull-s-9 {
        right: 76.5%;
    }

    .pull-s-8 {
        right: 68%;
    }

    .pull-s-7 {
        right: 59.5%;
    }

    .pull-s-6 {
        right: 51%;
    }

    .pull-s-5 {
        right: 42.5%;
    }

    .pull-s-4 {
        right: 34%;
    }

    .pull-s-3 {
        right: 25.5%;
    }

    .pull-s-2 {
        right: 17%;
    }

    .pull-s-1 {
        right: 8.5%;
    }

    /*No gutter margin*/
    .no-gutter > .pull-s-11 {
        right: 91.6667%;
    }

    .no-gutter > .pull-s-10 {
        right: 83.3333%;
    }

    .no-gutter > .pull-s-9 {
        right: 75%;
    }

    .no-gutter > .pull-s-8 {
        right: 66.6667%;
    }

    .no-gutter > .pull-s-7 {
        right: 58.3333%;
    }

    .no-gutter > .pull-s-6 {
        right: 50%;
    }

    .no-gutter > .pull-s-5 {
        right: 41.6667%;
    }

    .no-gutter > .pull-s-4 {
        right: 33.3333%;
    }

    .no-gutter > .pull-s-3 {
        right: 25%;
    }

    .no-gutter > .pull-s-2 {
        right: 16.6667%;
    }

    .no-gutter > .pull-s-1 {
        right: 8.3333%;
    }
}

@media (min-width: 62em) and (max-width: 74.99em) {
    .row [class*="col-"].reset-m-only {
        margin-left: 0 !important;
        clear: both;
    }

    .row [class*="col-"][class*="push-m-right-only"] {
        float: right;
    }
}

@media (min-width: 62em) {
    .row [class*="col-"].reset-m {
        margin-left: 0 !important;
        clear: both;
    }

    .row [class*="col-"][class*="push-m-right"] {
        float: right;
    }

    .row [class*="col-"] + [class*="col-m"] {
        margin-left: 2%;
    }

    .row [class*="col-"] + [class*="col-m-12"],
    .col-m-12 {
        width: 100%;
        margin-left: 0;
    }

    .col-m-11 {
        width: 91.5%;
    }

    .col-m-10 {
        width: 83%;
    }

    .col-m-9 {
        width: 74.5%;
    }

    .col-m-8 {
        width: 66%;
    }

    .col-m-7 {
        width: 57.5%;
    }

    .col-m-6 {
        width: 49%;
    }

    .col-m-5 {
        width: 40.5%;
    }

    .col-m-4 {
        width: 32%;
    }

    .col-m-3 {
        width: 23.5%;
    }

    .col-m-2 {
        width: 15%;
    }

    .col-m-1 {
        width: 6.5%;
    }

    /* No gutter margins */
    .no-gutter > .col-m-11 {
        width: 91.6667%;
    }

    .no-gutter > .col-m-10 {
        width: 83.3333%;
    }

    .no-gutter > .col-m-9 {
        width: 75%;
    }

    .no-gutter > .col-m-8 {
        width: 66.6667%;
    }

    .no-gutter > .col-m-7 {
        width: 58.3333%;
    }

    .no-gutter > .col-m-6 {
        width: 50%;
    }

    .no-gutter > .col-m-5 {
        width: 41.6667%;
    }

    .no-gutter > .col-m-4 {
        width: 33.3333%;
    }

    .no-gutter > .col-m-3 {
        width: 25%;
    }

    .no-gutter > .col-m-2 {
        width: 16.6667%;
    }

    .no-gutter > .col-m-1 {
        width: 8.3333%;
    }


    /* offsetting cols */
    .offset-m-11 {
        margin-left: 93.5%;
    }

    .row [class*="col-"] + .offset-m-11 {
        margin-left: 95.5%;
    }

    .offset-m-10 {
        margin-left: 85%;
    }

    .row [class*="col-"] + .offset-m-10 {
        margin-left: 87%;
    }

    .offset-m-9 {
        margin-left: 76.5%;
    }

    .row [class*="col-"] + .offset-m-9 {
        margin-left: 78.5%;
    }

    .offset-m-8 {
        margin-left: 68%;
    }

    .row [class*="col-"] + .offset-m-8 {
        margin-left: 70%;
    }

    .offset-m-7 {
        margin-left: 59.5%;
    }

    .row [class*="col-"] + .offset-m-7 {
        margin-left: 61.5%;
    }

    .offset-m-6 {
        margin-left: 51%;
    }

    .row [class*="col-"] + .offset-m-6 {
        margin-left: 53%;
    }

    .offset-m-5 {
        margin-left: 42.5%;
    }

    .row [class*="col-"] + .offset-m-5 {
        margin-left: 44.5%;
    }

    .offset-m-4 {
        margin-left: 34%;
    }

    .row [class*="col-"] + .offset-m-4 {
        margin-left: 36%;
    }

    .offset-m-3 {
        margin-left: 25.5%;
    }

    .row [class*="col-"] + .offset-m-3 {
        margin-left: 27.5%;
    }

    .offset-m-2 {
        margin-left: 17%;
    }

    .row [class*="col-"] + .offset-m-2 {
        margin-left: 19%;
    }

    .offset-m-1 {
        margin-left: 8.5%;
    }

    .row [class*="col-"] + .offset-m-1 {
        margin-left: 10.5%;
    }

    /*No gutter margin*/
    .no-gutter > .offset-m-11,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-m-11 {
        margin-left: 91.6667%;
    }

    .no-gutter > .offset-m-10,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-m-10 {
        margin-left: 83.3333%;
    }

    .no-gutter > .offset-m-9,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-m-9 {
        margin-left: 75%;
    }

    .no-gutter > .offset-m-8,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-m-8 {
        margin-left: 66.6667%;
    }

    .no-gutter > .offset-m-7,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-m-7 {
        margin-left: 58.3333%;
    }

    .no-gutter > .offset-m-6,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-m-6 {
        margin-left: 50%;
    }

    .no-gutter > .offset-m-5,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-m-5 {
        margin-left: 41.6667%;
    }

    .no-gutter > .offset-m-4,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-m-4 {
        margin-left: 33.3333%;
    }

    .no-gutter > .offset-m-3,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-m-3 {
        margin-left: 25%;
    }

    .no-gutter > .offset-m-2,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-m-2 {
        margin-left: 16.6667%;
    }

    .no-gutter > .offset-m-1,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-m-1 {
        margin-left: 8.3333%;
    }
    /* pushing cols */
    .push-m-11 {
        left: 93.5%;
    }

    .push-m-10 {
        left: 85%;
    }

    .push-m-9 {
        left: 76.5%;
    }

    .push-m-8 {
        left: 68%;
    }

    .push-m-7 {
        left: 59.5%;
    }

    .push-m-6 {
        left: 51%;
    }

    .push-m-5 {
        left: 42.5%;
    }

    .push-m-4 {
        left: 34%;
    }

    .push-m-3 {
        left: 25.5%;
    }

    .push-m-2 {
        left: 17%;
    }

    .push-m-1 {
        left: 8.5%;
    }

    /*No gutter margin*/
    .no-gutter > .push-m-11 {
        left: 91.6667%;
    }

    .no-gutter > .push-m-10 {
        left: 83.3333%;
    }

    .no-gutter > .push-m-9 {
        left: 75%;
    }

    .no-gutter > .push-m-8 {
        left: 66.6667%;
    }

    .no-gutter > .push-m-7 {
        left: 58.3333%;
    }

    .no-gutter > .push-m-6 {
        left: 50%;
    }

    .no-gutter > .push-m-5 {
        left: 41.6667%;
    }

    .no-gutter > .push-m-4 {
        left: 33.3333%;
    }

    .no-gutter > .push-m-3 {
        left: 25%;
    }

    .no-gutter > .push-m-2 {
        left: 16.6667%;
    }

    .no-gutter > .push-m-1 {
        left: 8.3333%;
    }

    /* pulling cols */
    .pull-m-11 {
        right: 93.5%;
    }

    .pull-m-10 {
        right: 85%;
    }

    .pull-m-9 {
        right: 76.5%;
    }

    .pull-m-8 {
        right: 68%;
    }

    .pull-m-7 {
        right: 59.5%;
    }

    .pull-m-6 {
        right: 51%;
    }

    .pull-m-5 {
        right: 42.5%;
    }

    .pull-m-4 {
        right: 34%;
    }

    .pull-m-3 {
        right: 25.5%;
    }

    .pull-m-2 {
        right: 17%;
    }

    .pull-m-1 {
        right: 8.5%;
    }

    /*No gutter margin*/
    .no-gutter > .pull-m-11 {
        right: 91.6667%;
    }

    .no-gutter > .pull-m-10 {
        right: 83.3333%;
    }

    .no-gutter > .pull-m-9 {
        right: 75%;
    }

    .no-gutter > .pull-m-8 {
        right: 66.6667%;
    }

    .no-gutter > .pull-m-7 {
        right: 58.3333%;
    }

    .no-gutter > .pull-m-6 {
        right: 50%;
    }

    .no-gutter > .pull-m-5 {
        right: 41.6667%;
    }

    .no-gutter > .pull-m-4 {
        right: 33.3333%;
    }

    .no-gutter > .pull-m-3 {
        right: 25%;
    }

    .no-gutter > .pull-m-2 {
        right: 16.6667%;
    }

    .no-gutter > .pull-m-1 {
        right: 8.3333%;
    }
}

@media (min-width: 75em) {
    .row [class*="col-"].reset-l {
        margin-left: 0 !important;
        clear: both;
    }

    .row [class*="col-"][class*="push-l-right"] {
        float: right;
    }

    .row [class*="col-"] + [class*="col-l"] {
        margin-left: 2%;
    }

    .row [class*="col-"] + [class*="col-l-12"],
    .col-l-12 {
        width: 100%;
        margin-left: 0;
    }

    .col-l-11 {
        width: 91.5%;
    }

    .col-l-10 {
        width: 83%;
    }

    .col-l-9 {
        width: 74.5%;
    }

    .col-l-8 {
        width: 66%;
    }

    .col-l-7 {
        width: 57.5%;
    }

    .col-l-6 {
        width: 49%;
    }

    .col-l-5 {
        width: 40.5%;
    }

    .col-l-4 {
        width: 32%;
    }

    .col-l-3 {
        width: 23.5%;
    }

    .col-l-2 {
        width: 15%;
    }

    .col-l-1 {
        width: 6.5%;
    }

    /* No gutter margins */
    .no-gutter > .col-l-11 {
        width: 91.6667%;
    }

    .no-gutter > .col-l-10 {
        width: 83.3333%;
    }

    .no-gutter > .col-l-9 {
        width: 75%;
    }

    .no-gutter > .col-l-8 {
        width: 66.6667%;
    }

    .no-gutter > .col-l-7 {
        width: 58.3333%;
    }

    .no-gutter > .col-l-6 {
        width: 50%;
    }

    .no-gutter > .col-l-5 {
        width: 41.6667%;
    }

    .no-gutter > .col-l-4 {
        width: 33.3333%;
    }

    .no-gutter > .col-l-3 {
        width: 25%;
    }

    .no-gutter > .col-l-2 {
        width: 16.6667%;
    }

    .no-gutter > .col-l-1 {
        width: 8.3333%;
    }


    /* offsetting cols */
    .offset-l-11 {
        margin-left: 93.5%;
    }

    .row [class*="col-"] + .offset-l-11 {
        margin-left: 95.5%;
    }

    .offset-l-10 {
        margin-left: 85%;
    }

    .row [class*="col-"] + .offset-l-10 {
        margin-left: 87%;
    }

    .offset-l-9 {
        margin-left: 76.5%;
    }

    .row [class*="col-"] + .offset-l-9 {
        margin-left: 78.5%;
    }

    .offset-l-8 {
        margin-left: 68%;
    }

    .row [class*="col-"] + .offset-l-8 {
        margin-left: 70%;
    }

    .offset-l-7 {
        margin-left: 59.5%;
    }

    .row [class*="col-"] + .offset-l-7 {
        margin-left: 61.5%;
    }

    .offset-l-6 {
        margin-left: 51%;
    }

    .row [class*="col-"] + .offset-l-6 {
        margin-left: 53%;
    }

    .offset-l-5 {
        margin-left: 42.5%;
    }

    .row [class*="col-"] + .offset-l-5 {
        margin-left: 44.5%;
    }

    .offset-l-4 {
        margin-left: 34%;
    }

    .row [class*="col-"] + .offset-l-4 {
        margin-left: 36%;
    }

    .offset-l-3 {
        margin-left: 25.5%;
    }

    .row [class*="col-"] + .offset-l-3 {
        margin-left: 27.5%;
    }

    .offset-l-2 {
        margin-left: 17%;
    }

    .row [class*="col-"] + .offset-l-2 {
        margin-left: 19%;
    }

    .offset-l-1 {
        margin-left: 8.5%;
    }

    .row [class*="col-"] + .offset-l-1 {
        margin-left: 10.5%;
    }

    /*No gutter margin*/
    .no-gutter > .offset-l-11,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-l-11 {
        margin-left: 91.6667%;
    }

    .no-gutter > .offset-l-10,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-l-10 {
        margin-left: 83.3333%;
    }

    .no-gutter > .offset-l-9,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-l-9 {
        margin-left: 75%;
    }

    .no-gutter > .offset-l-8,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-l-8 {
        margin-left: 66.6667%;
    }

    .no-gutter > .offset-l-7,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-l-7 {
        margin-left: 58.3333%;
    }

    .no-gutter > .offset-l-6,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-l-6 {
        margin-left: 50%;
    }

    .no-gutter > .offset-l-5,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-l-5 {
        margin-left: 41.6667%;
    }

    .no-gutter > .offset-l-4,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-l-4 {
        margin-left: 33.3333%;
    }

    .no-gutter > .offset-l-3,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-l-3 {
        margin-left: 25%;
    }

    .no-gutter > .offset-l-2,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-l-2 {
        margin-left: 16.6667%;
    }

    .no-gutter > .offset-l-1,
    .no-gutter > [class*="col-"] + [class*="col-"].offset-l-1 {
        margin-left: 8.3333%;
    }

    /* pushing cols */
    .push-l-11 {
        left: 93.5%;
    }

    .push-l-10 {
        left: 85%;
    }

    .push-l-9 {
        left: 76.5%;
    }

    .push-l-8 {
        left: 68%;
    }

    .push-l-7 {
        left: 59.5%;
    }

    .push-l-6 {
        left: 51%;
    }

    .push-l-5 {
        left: 42.5%;
    }

    .push-l-4 {
        left: 34%;
    }

    .push-l-3 {
        left: 25.5%;
    }

    .push-l-2 {
        left: 17%;
    }

    .push-l-1 {
        left: 8.5%;
    }

    /*No gutter margin*/
    .no-gutter > .push-l-11 {
        left: 91.6667%;
    }

    .no-gutter > .push-l-10 {
        left: 83.3333%;
    }

    .no-gutter > .push-l-9 {
        left: 75%;
    }

    .no-gutter > .push-l-8 {
        left: 66.6667%;
    }

    .no-gutter > .push-l-7 {
        left: 58.3333%;
    }

    .no-gutter > .push-l-6 {
        left: 50%;
    }

    .no-gutter > .push-l-5 {
        left: 41.6667%;
    }

    .no-gutter > .push-l-4 {
        left: 33.3333%;
    }

    .no-gutter > .push-l-3 {
        left: 25%;
    }

    .no-gutter > .push-l-2 {
        left: 16.6667%;
    }

    .no-gutter > .push-l-1 {
        left: 8.3333%;
    }

    /* pulling cols */
    .pull-l-11 {
        right: 93.5%;
    }

    .pull-l-10 {
        right: 85%;
    }

    .pull-l-9 {
        right: 76.5%;
    }

    .pull-l-8 {
        right: 68%;
    }

    .pull-l-7 {
        right: 59.5%;
    }

    .pull-l-6 {
        right: 51%;
    }

    .pull-l-5 {
        right: 42.5%;
    }

    .pull-l-4 {
        right: 34%;
    }

    .pull-l-3 {
        right: 25.5%;
    }

    .pull-l-2 {
        right: 17%;
    }

    .pull-l-1 {
        right: 8.5%;
    }

    /*No gutter margin*/
    .no-gutter > .pull-l-11 {
        right: 91.6667%;
    }

    .no-gutter > .pull-l-10 {
        right: 83.3333%;
    }

    .no-gutter > .pull-l-9 {
        right: 75%;
    }

    .no-gutter > .pull-l-8 {
        right: 66.6667%;
    }

    .no-gutter > .pull-l-7 {
        right: 58.3333%;
    }

    .no-gutter > .pull-l-6 {
        right: 50%;
    }

    .no-gutter > .pull-l-5 {
        right: 41.6667%;
    }

    .no-gutter > .pull-l-4 {
        right: 33.3333%;
    }

    .no-gutter > .pull-l-3 {
        right: 25%;
    }

    .no-gutter > .pull-l-2 {
        right: 16.6667%;
    }

    .no-gutter > .pull-l-1 {
        right: 8.3333%;
    }
}

/* 
 * Unordered and ordered lists 
 * Scale the padding/margin with the base font.
 */
ul, ol {
    margin: 1em 0;
    padding-left: 2.5em;
}

    ul ul, ol ol {
        margin: 0;
    }

    /* 
     * No bullets on first level.
     */
    ul.no-bullets,
    ol.no-bullets {
        padding-left: 0;
    }

        ul.no-bullets > li,
        ol.no-bullets > li {
            list-style: none;
        }

    /* 
     * Coloured lists.
     */
    ul.colored, ol.colored {
        padding-left: 40px;
    }

        ul.colored > li, ol.colored > li {
            list-style-type: none;
            position: relative;
        }

            /*
             * 1. Escaped unicode coloured circle.
             * 2. Edit this property to change all colored class lists.
             * 3. Normalize funky webkit margin
             */
            ul.colored > li:before,
            ol.colored > li:before {
                content: "\25CF"; /* 1 */
                color: #00a9ec; /* 2 */
                font-weight: bold;
                font-size: 1em;
                text-align: right;
                position: absolute;
                left: -1em;
                top: 0;
                text-decoration: none;
                -webkit-margin-start: -.25em; /* 3 */
            }

    /* 
     * Counter increment to replace standard numbers.
     */
    ol.colored {
        counter-reset: foo;
    }

        ol.colored > li {
            counter-increment: foo;
        }

            /* 
             * Use the :before pseudo element to supply numbers.
             * 1. The counter value.
             * 2. Normalize funky webkit margin
             */
            ol.colored > li:before {
                content: counter(foo)"."; /* 1 */
                left: -3.125em;
                font-weight: normal;
                width: 2.5em;
                -webkit-margin-start: 0; /* 2 */
            }

/* 
 * Prevent dt and dd collapse.
 */
dt, dd {
    min-height: 1.4em;
}


@media (min-width: 48em) {

    /* Definition lists */

    /* 
 * Horizontally styled definition list 
 */

    .dl-horizontal > dt {
        float: left;
        clear: left;
        width: 150px;
        overflow: hidden;
        text-align: right;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal > dd {
        margin-left: 166px;
    }
}
/* 
 *  Make it responsive
 */
table {
    max-width: 100%;
    width: 100%;
    margin: 1em 0;
}

    table th, table td {
        padding: .5em;
        text-align: left;
        vertical-align: top;
    }

/* 
 *  Bordered tables
 */
.table-bordered {
    border-collapse: separate;
    border: solid 1px #c0c0c0;
    border-left-width: 0;
}

    .table-bordered th,
    .table-bordered td {
        border-top: 1px solid #c0c0c0;
        border-left: 1px solid #c0c0c0;
    }

    .table-bordered thead:first-child tr:first-child th,
    .table-bordered tbody:first-child tr:first-child td {
        border-top-width: 0;
    }

/* 
 *  Striped tables
 */
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th,
.table-row-alt > td,
.table-row-alt > th {
    background-color: #e7e7e7;
}


/*
 * Overflow helpers
 */
.table-scrollable {
    width: 100%;
    margin: 1em 0;
    overflow: auto;
    overflow-y: hidden;
}

    .table-scrollable table {
        margin: 0;
    }
@media (max-width: 47.99em) {
/*
 * Basic layout.
 */
    [data-table-list] {
        opacity: 0;
    }

    .table-list {
        display: block;
    }

        .table-list thead,
        .table-list tfoot,
        .table-list th {
            display: none;
        }

            .table-list tbody,
            .table-list tr,
            .table-list td,
            .table-list th[scope="row"] {
                display: block;
            }

                .table-list tr:before,
                .table-list tr:after {
                    content: "";
                    display: table;
                }

                .table-list tr:after {
                    clear: both;
                }

            .table-list td,
            .table-list th[scope="row"] {
                float: left;
                width: 100%;
            }

                .table-list td:before,
                .table-list td:after,
                .table-list th[scope="row"]:before,
                .table-list th[scope="row"]:after {
                    content: attr(data-thead);
                    font-weight: bold;
                    display: block;
                    padding: .5em 0;
                }

                .table-list td:after,
                .table-list th[scope="row"]:after {
                    content: attr(data-tfoot);
                }

        /*
         * Bordered
         */
        .table-list.table-bordered {
            border-top-style: none;
        }
}
.alert {
    background-color: #FCF8E3;
    border: 1px solid #F2E187;
    color: #9C8611;
    margin: 1em 0;
    padding: 0 2.17em 0 1em;
}

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

    .alert:after {
        clear: both;
    }

.alert-heading {
    color: inherit;
}

.alert .close {
    color: inherit;
    float: right;
    font-size: 1.17em;
    font-weight: bold;
    line-height: 1em;
    position: relative;
    right: -1.17em;
    text-decoration: none;
    top: 0.33em;
}

    .alert .close:hover {
        text-decoration: underline;
    }
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Make the image responsive.
 */
img {
    max-width: 100%;
    height: auto;
}

/*
 * Remove the border around images in anchors.
 */
a img {
    border: none;
}


/*
 * Properly scale your video on any device based on YouTube/Dailymotion ratio.
 */
.media {
    position: relative;
    padding-top: 30px;
    padding-bottom: 56.25%;
    height: 0;
    height: auto;
    max-width: 100%;
    margin-bottom: 1em;
    overflow: hidden;
}

/* 
 *  Scrollable media 
 */
.media-scroll {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* 
 * Widescreen mode.
 */
.media.widescreen {
    padding-bottom: 45%;
}

/*
 * Vimeo places the controls on the player itself.
 */
.media.vimeo {
    padding-top: 0;
}

/*
 * Instagram
 */
.media.instagram {
    height: auto;
    max-width: none;
    padding-bottom: 120%;
}

/*
 * Vine
 */
.media.vine {
    height: auto;
    max-width: none;
    padding-bottom: 100%;
}

/*
 * Getty
 */
.media.getty {
    height: auto;
    padding-bottom: 79.96632996632997%;
}

.media.video {
    padding-top: 0;
}

/*
 * The actual player.
 */
.media iframe,
.media object,
.media embed,
.media video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    background-color: transparent;
}

/*
 * Position the image absolutely and then move it's four positions
 * 1000000% out of the container. This with an auto margin is the core of the trick.
 * Why such a large number? Firefox seems to have issue when using larger images even
 * at 100%.
 */
.media img {
    position: absolute;
    top: -1000000%;
    right: -1000000%;
    bottom: -1000000%;
    left: -1000000%;
    margin: auto;
    width: 100%;
}
/* Normalize  */
.form {
    margin: 1em 0;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    font-size: 1.17em;
    margin-bottom: 1em;
}

label[for] {
    cursor: pointer;
}

select,
textarea,
input,
.no-edit {
    font-family: inherit;
    padding: .25em;
    color: #222;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #c0c0c0;
    width: 100%;
    display: block;
    margin-bottom: 1em;
}

label,
.input-group {
    display: block;
    margin-bottom: 1em;
}

input[type="color"] {
    max-width: 105px;
}

/*
 * Add range styles for IE8 and IE9
 */
input[type="range"] {
    padding: .25em 0;
    padding: .25em \9;
    background-color: #fff \9;
    border: 1px solid transparent;
    border: 1px solid #c0c0c0 \9;
}

/*
 * 1. Remove borders and padding on range controls in IE10+
 */
x::-ms-reveal,
input[type="range"] { /* 1 */
    border: 1px solid transparent;
    padding: .25em 0;
}

/*
 * Fix field styling on iPhone and iPad.
 * 1. Strip OS styling on IOS
 */
select,
textarea,
input[type="text"],
input[type="search"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="week"],
input[type="month"],
input[type="time"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="color"] {
    -webkit-appearance: none; /* 1 */
}

@media (-webkit-min-device-pixel-ratio:0) {

    /*
     * Fix field styling on iPhone and iPad.
     * 1. Add a select indicator
     */
    select {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4wMzEiIGhlaWdodD0iMTAuNSI+PHBvbHlnb24gZmlsbD0iIzIyMiIgcG9pbnRzPSIxMSwwIDUuNSw5IDAsMCIvPjwvc3ZnPg==); /* 1 */
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 1.67em;
    }

    /*
     * Fix changing height issues on iOS7.
     */
    input[type="datetime-local"],
    input[type="date"],
    input[type="week"],
    input[type="month"],
    input[type="time"],
    input[type="number"] {
        min-height: 2em;
    }

    /*
     * Remove excess padding in Webkit
     */
    input[type="color"] {
        min-height: 1.8em;
        padding: 0;
    }

        input[type="color"]::-webkit-color-swatch-wrapper {
            padding: 0;
        }

        input[type="color"]::-webkit-color-swatch {
            border: none;
        }
}

/*
 * Declared separately to reduce selector duplication
 * for padding
 */
input[type="radio"],
input[type="checkbox"] {
    padding: 0;
    display: block;
    margin: .1875em .1875em .1875em 0;
    width: auto;
    min-height: 1em;
    min-width: 1em;
    line-height: inherit;
}

input[type="radio"] {
    border-color: transparent \9;
    border-radius: 1em;
}

/*
 * Textareas : Multiple resizable options.
 * 1: Horizontal
 * 2: Vertical
 * 3: None
 */
textarea {
    height: auto;
    resize: both;
    min-height: 5.25em;
}

    textarea.horizontal {
        resize: horizontal; /* 1 */
    }

    textarea.vertical {
        resize: vertical; /* 2 */
    }

    textarea.no-resize {
        resize: none; /* 3 */
    }

select option {
    height: 100%;
}

/* 
 * Focus 
 */
textarea:focus,
input:focus,
select:focus,
.no-edit:focus {
    border: 1px solid #00a9ec;
    outline: 0;
}

input[type="range"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:checked {
    border-color: transparent;
    outline: 1px solid #00a9ec;
    outline-offset: -1px;
}

input[type="checkbox"]:focus,
input[type="checkbox"]:checked {
    border-color: #c0c0c0;
}

/*
 * Read only
 */
.no-edit,
[readonly] {
    cursor: not-allowed;
    border-color: #ebebeb;
}

/* 
 * Disabled 
 * 1. Override the value set in normalize.css
 * 2. Fix IOS 6/7 opacity issue
 */
input[disabled],
select[disabled],
textarea[disabled] {
    cursor: not-allowed !important; /* 1 */
    background-color: #ebebeb;
    border-color: #c0c0c0;
    color: #c0c0c0;
    outline: 0 !important;
    opacity: 1;
}

label > input,
label > input[type="checkbox"],
label > input[type="radio"],
label > select {
    display: inline-block;
    margin: 0 1em 0 0;
    vertical-align: text-top;
}

/* 
 * Placeholder : These have to be kept separate
 * 1. Safari and Chrome
 * 2. Firefox 4-18
 * 3. Firefox 19+
 * 4. IE10+
 */
::-webkit-input-placeholder {
    color: #c0c0c0; /* 1 */
}

:-moz-placeholder {
    color: #c0c0c0; /* 2 */
}

::-moz-placeholder {
    color: #c0c0c0; /* 3 */
}

:-ms-input-placeholder {
    color: #c0c0c0; /* 4 */
}

/*
 * Full Width
 */
.full-width {
    max-width: 100% !important;
    width: 100% !important;
}

/*
 * Inline
 */
input.inline-block,
select.inline-block {
    width: auto;
}

/*
 * Actions - Contains buttons 
 */
.form-actions {
    margin: 1em 0;
    padding: 1em 0;
}
/*
 * Normalize button borders, color, and padding.
 * 1: Remove rounded corners on iPhone.
 * 2: Remove 300ms touch delay.
 */

button,
input[type="submit"],
input[type="button"],
input[type="reset"],
[role="button"] {
    -webkit-appearance: none; /* 1 */
    border-radius: 0; /* 1 */
    display: inline-block;
    padding: .5em 1em;
    margin-bottom: 0;
    line-height: normal;
    text-decoration: none !important;
    font-size: 1em;
    border: solid 1px #c0c0c0;
    background-color: #dadada;
    color: #222;
    cursor: pointer;
    position: relative;
    -ms-touch-action: none; /* 2 */
    touch-action: none; /* 2 */
}

/*
 * Reset width for inputs
 */
input[type="submit"],
input[type="reset"],
input[type="button"],
.form-no-grid input[type="submit"],
.form-no-grid input[type="reset"],
.form-no-grid input[type="button"] {
    width: auto;
    max-width: none;
}

    /*
     * Button states.
     */
    button:hover,
    input[type="submit"]:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    [role="button"]:hover {
        color: #222;
        background-color: #cdcdcd;
    }

    button:focus,
    input[type="submit"]:focus,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    [role="button"]:focus {
        color: #222;
        outline: 1px solid #00a9ec;
        outline-offset: -1px;
    }

    button:active,
    input[type="submit"]:active,
    input[type="button"]:active,
    input[type="reset"]:active,
    [role="button"]:active {
        color: #222;
        background-color: #e7e7e7;
        outline: none;
    }

    /*
     * 1. Fix IOS 6/7 opacity issue
     */
    button[disabled],
    input[type="submit"][disabled],
    input[type="button"][disabled],
    input[type="reset"][disabled],
    [role="button"].disabled {
        color: #5d5d5d;
        background-color: #e7e7e7;
        cursor: not-allowed;
        opacity: 1;
    }

    /*
     * Inline buttons designed for rendering next to inputs.
     * 1. Fix inline-block margin.
     * 2. Pad buttons.
     */
    button.btn-inline,
    input[type="submit"].btn-inline,
    input[type="button"].btn-inline,
    input[type="reset"].btn-inline,
    [role="button"].btn-inline {
        margin-left: -.27em; /* 1 */
        padding: .25em 1em; /* 2 */
    }

/*
 * Grouped buttons.
 */

/*
 * Clearfix: contain floats
 */
.btn-group:before,
.btn-group:after {
    content: "";
    display: table;
}

.btn-group:after {
    clear: both;
}

.btn-group {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}

    .btn-group > * {
        float: left;
    }
/*
 * Colors and padding.
 */
pre, code, samp, kbd {
    background-color: #f7f7f9;
    border: 1px solid #c0c0c0;
    color: #ad0d36;
    padding: .5em;
}

/*
 * Prevent overlap on concurrent lines.
 */
code, samp, kbd {
    padding: .067em .25em;
}

/*
 * Prevent wrapping.
 */
kbd {
    white-space: nowrap;
}

/*
 * Remove borders etc in pre.
 */
pre code,
pre samp {
    border: none;
    padding: 0;
}

/*
 * Reassert no wrapping.
 */
pre {
    overflow-x: auto;
}

    pre code {
        -ms-word-wrap: normal;
        word-wrap: normal;
        white-space: pre;
    }

/*
 * Fixed height with overflow.
 */
.pre-scrollable {
    max-height: 20em;
    overflow-y: scroll;
}
.accordion {
    border: solid 1px #c0c0c0;
    margin-bottom: .125em;
}

.accordion-head {
    display: block;
    padding: .5em;
    cursor: pointer;
    border-bottom: solid 1px #c0c0c0;
}

    .accordion-head a {
        outline: none;
    }

.accordion-body {
    padding: 0 .5em;
}

    .accordion-body.collapse {
        margin-top: -1px;
    }

.trans, .collapse {
    -moz-transition: height 0.5s ease, width 0.5s ease;
    -o-transition: height 0.5s ease, width 0.5s ease;
    -webkit-transition: height 0.5s ease, width 0.5s ease;
    transition: height 0.5s ease, width 0.5s ease;
}

.expand, .collapse {
    position: relative;
    display: block;
    height: auto;
    width: auto;
    overflow: hidden;
    margin-top: 0;
}

.collapse {
    height: 0;
}

    .collapse.width {
        height: auto;
        width: 0;
    }
.autosize,
[data-autosize] {
    overflow: hidden;
    -webkit-transition: height 0.3s linear;
    -moz-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
}
.carousel {
    position: relative;
    overflow: hidden;
    margin-bottom: 1em;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

    /* 
     * Default slide version
     */
    .carousel > figure {
        margin: 0;
        display: none;
        position: relative;
        -webkit-transition: .7s ease-in-out -webkit-transform,.7s ease-in-out left;
        -moz-transition: .7s ease-in-out -moz-transform,.7s ease-in-out left;
        -o-transition: .7s ease-in-out -o-transform,.7s ease-in-out left;
        transition: .7s ease-in-out transform,.7s ease-in-out left;
        -webkit-transform: translate3d(0,0,0);
    }

        .carousel > figure > img {
            display: block;
            width: 100%;
        }

    .carousel.no-transition > figure {
        -moz-transition-duration: 0s !important;
        -o-transition-duration: 0s !important;
        -webkit-transition-duration: 0s !important;
        transition-duration: 0s !important;
    }

    /* 
     * Next Last version
     */
    .carousel .carousel-active,
    .carousel .next,
    .carousel .prev,
    .carousel .swipe {
        display: block;
    }

        .carousel .carousel-active,
        .carousel .next.left,
        .carousel .prev.right {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
            left: 0\9;
        }

    .carousel .carousel-active {
        position: relative !important;
        z-index: 1;
    }

    .carousel .next,
    .carousel .prev,
    .carousel .swipe {
        position: absolute;
        top: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
    }

    .carousel .next,
    .carousel .carousel-active.right {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        left: 100%\9;
    }

    .carousel .prev,
    .carousel .carousel-active.left {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        left: -100%\9;
    }

    /*
     * 1.  IE10 is picking up on the left positioning :(
     */
    x::-ms-reveal,
    .carousel .next,
    .carousel .prev,
    .carousel .carousel-active.left,
    .carousel .carousel-active.right {
        left: 0; /* 1 */
    }


.carousel-control,
.carousel-control:visited {
    position: absolute;
    display: block;
    width: 2em;
    top: 40%;
    left: 0;
    padding: .5em;
    margin-top: -1em;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-decoration: none;
    z-index: 3;
}

    .carousel-control.right {
        left: auto;
        right: 0;
    }

    .carousel-control:hover {
        text-decoration: underline;
    }

.carousel > figure > figcaption {
    padding: 1px 1em;
    background-color: #111;
    color: #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.carousel > .carousel-active > figcaption {
    position: static;
}

/* 
 * Fade version
 */
.carousel-fade > figure {
    -webkit-transition: opacity .7s ease-in-out;
    -moz-transition: opacity .7s ease-in-out;
    -o-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.carousel-fade .carousel-active {
    opacity: 1;
}

    .carousel-fade .carousel-active.left,
    .carousel-fade .carousel-active.right {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        left: 0\9;
        opacity: 0;
        z-index: 2;
    }

.carousel-fade > figure.swipe,
.carousel-fade > figure.next,
.carousel-fade > figure.prev {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    left: 0\9;
    z-index: 1;
    opacity: 1;
}

.carousel-fade > .carousel-active.swipe {
    z-index: 2;
}

.carousel-fade > .carousel-active {
    position: relative;
}

.carousel-fade .carousel-control,
.carousel-fade .carousel-control:visited {
    z-index: 3;
}

/*
 * Indicators
 */
.carousel > ol {
    position: absolute;
    top: 1em;
    left: 0;
    right: 0;
    z-index: 3;
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
}

    .carousel > ol li {
        display: inline-block;
        width: 1em;
        height: 1em;
        margin: 1px;
        text-indent: -9999px;
        cursor: pointer;
        border: 2px solid #111;
        background-color: transparent;
    }

    .carousel > ol .active {
        background-color: #fff;
    }

.tabs {
    position: relative;
}

    .tabs > ul {
        list-style: none;
        border-bottom: 1px solid #c0c0c0;
        padding: 0;
        margin-top: 0;
    }

        .tabs > ul:before, .tabs > ul:after {
            content: "";
            display: table;
        }

        .tabs > ul:after {
            clear: both;
        }

        .tabs > ul > li {
            float: left;
            margin-bottom: -1px;
        }

            .tabs > ul > li > a {
                text-decoration: none;
                display: block;
                cursor: pointer;
                padding: 0 1em;
                line-height: 2em;
                border: 1px solid transparent;
                margin-right: .2em;
                outline: none;
            }

                .tabs > ul > li > a:hover {
                    background-color: #ebebeb;
                    border-color: #c0c0c0;
                }

            .tabs > ul > li.tab-active > a,
            .tabs > ul > li.tab-active > a:hover {
                color: #454545;
                cursor: default;
                background-color: #fff;
                border: 1px solid #c0c0c0;
                border-bottom-color: transparent;
            }

    .tabs > * {
        display: none;
    }

        .tabs > ul,
        .tabs > *.tab-pane-active {
            display: block;
        }
.lightbox-on,
.lightbox-lock > body {
    height: 100%;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

/* 
 * 1: Average browser max z-index.
 * 2: IE8 transparent background. 
 * 3. Use the iOS devices hardware accelerator to provide native scrolling.
 * 4. Prevent font rendering issues on Webkit.
 */
.lightbox-overlay {
    position: fixed;
    overflow: hidden;
    z-index: 2147483647; /* 1 */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12NgYGDYDAAAuAC0TCbBxgAAAABJRU5ErkJggg==');
    background-repeat: repeat;
    -webkit-overflow-scrolling: touch; /* 3 */
    -webkit-backface-visibility: hidden; /* 4 */
}

/*
 * 1: Forces height calculations to work in JavaScript.
 */
.lightbox-header, .lightbox-footer {
    padding: 1px 1em; /* 1 */
    margin: -1px 0; /* 1 */
    width: 100%;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    overflow: hidden;
}

.lightbox-header {
    padding-right: 4.555em;
}

.lightbox-footer {
    top: auto;
    bottom: 0;
}

.lightbox-overlay:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1px;
    margin-right: -1px;
    margin-left: -.25em;
}

/*
 * 1: Embedded animated gif.
 */
.lightbox-overlay.lightbox-loader:after {
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(data:image/gif;base64,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); /* 1 */
    background-position: center center;
    background-repeat: no-repeat;
    content: " ";
    z-index: 3;
}

.lightbox {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow: auto;
}

    .lightbox.lightbox-ajax {
        width: 100%;
        max-width: 1140px;
    }

    .lightbox.lightbox-iframe {
        width: 100%;
        max-width: 900px;
        overflow: hidden;
    }

    .lightbox.lightbox-image {
        overflow: hidden;
    }

.lightbox-content {
    background-color: #fff;
    padding: 1em;
    text-align: left;
    max-height: 100%;
    overflow: auto;
}

.lightbox > img {
    max-height: 100%;
    max-width: none\9;
    width: auto\9;
}
    /* IE9 and IE10 still read the \9 hack*/
    .lightbox > img:nth-of-type(1n) {
        max-width: 100%\9;
    }

.lightbox > .media {
    background-color: #111;
    margin: 0 auto;
}

.lightbox-close {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2;
    display: inline-block;
    padding: 0.83em;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
}

    .lightbox-close:hover {
        text-decoration: underline;
    }


.lightbox-direction,
.lightbox-direction:visited {
    position: fixed;
    display: block;
    width: 2em;
    top: 49%;
    left: 0;
    padding: .5em;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-decoration: none;
    z-index: 2;
}

    .lightbox-direction.right {
        left: auto;
        right: 0;
    }

    .lightbox-direction:hover {
        text-decoration: underline;
    }
/*
 * Image replacement
 */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

/*
 * Hide from both screen readers and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /*
     * Extends the .visuallyhidden class to allow the element to be focusable
     * when navigated to via the keyboard: h5bp.com/p
     */

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * Float helpers
 */
.push-left {
    float: left !important;
}

.push-right {
    float: right !important;
}

/*
 * Layout helpers
 */
.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.inline {
    display: inline !important;
}

/*
 * Fade opacity with animation
 */
.fade-out {
    opacity: 0 !important;
}

/*
 * Opacity helper to add to elements to allow fade animation
 */
.fade-in {
    opacity: 1 !important;
}

.fade-out, .fade-in {
    -moz-transition: opacity 0.3s linear 0s;
    -o-transition: opacity 0.3s linear 0s;
    -webkit-transition: opacity 0.3s linear 0s;
    transition: opacity 0.3s linear 0s;
}

/*
 * Responsive helpers to toggle visibility. 
 */

.visible-xs,
.visible-s,
.visible-m,
.visible-l {
    display: none !important;
}

@media (max-width: 47.99em) {
    .hidden-xs {
        display: none !important;
    }

    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    thead.visible-xs {
        display: table-header-group !important;
    }

    tfoot.visible-xs {
        display: table-footer-group !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }

    col.visible-xs {
        display: table-column !important;
    }

    caption.visible-xs {
        display: table-caption !important;
    }
}

/*
 * 769 > viewport < 991px
 */
@media (min-width: 48em) and (max-width: 61.99em) {
    .hidden-s {
        display: none !important;
    }

    .visible-s {
        display: block !important;
    }

    table.visible-s {
        display: table !important;
    }

    thead.visible-s {
        display: table-header-group !important;
    }

    tfoot.visible-s {
        display: table-footer-group !important;
    }

    tr.visible-s {
        display: table-row !important;
    }

    th.visible-s,
    td.visible-s {
        display: table-cell !important;
    }

    col.visible-s {
        display: table-column !important;
    }

    caption.visible-s {
        display: table-caption !important;
    }
}

/*
 * 992px > viewport < 1200px
 */
@media (min-width: 62em) and (max-width: 74.99em) {
    .hidden-m {
        display: none !important;
    }

    .visible-m {
        display: block !important;
    }

    table.visible-m {
        display: table !important;
    }

    thead.visible-m {
        display: table-header-group !important;
    }

    tfoot.visible-m {
        display: table-footer-group !important;
    }

    tr.visible-m {
        display: table-row !important;
    }

    th.visible-m,
    td.visible-m {
        display: table-cell !important;
    }

    col.visible-m {
        display: table-column !important;
    }

    caption.visible-m {
        display: table-caption !important;
    }
}

/*
 * viewport > 1200px
 */
@media (min-width: 75em) {
    .hidden-l {
        display: none !important;
    }

    .visible-l {
        display: block !important;
    }

    table.visible-l {
        display: table !important;
    }

    thead.visible-l {
        display: table-header-group !important;
    }

    tfoot.visible-l {
        display: table-footer-group !important;
    }

    tr.visible-l {
        display: table-row !important;
    }

    th.visible-l,
    td.visible-l {
        display: table-cell !important;
    }

    col.visible-l {
        display: table-column !important;
    }

    caption.visible-l {
        display: table-caption !important;
    }
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}