/*
! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/*
Ensure the default browser behavior of the `hidden` attribute.
*/

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

/* This is all you. */

/*
//bounce
//tada
//swing
//pulse

//flipInX
//flipInY
//flipOutX
//flipOutY

//fadeIn
//fadeInUp
//fadeInDown
//fadeInLeft
//fadeInRight

//fadeInUpBig
//fadeInDownBig
//fadeInLeftBig
//fadeInRightBig

//fadeOut
//fadeOutUp
//fadeOutDown
//fadeOutLeft
//fadeOutRight

//fadeOutUpBig
//fadeOutDownBig
//fadeOutLeftBig
//fadeOutRightBig

//bounceIn
//bounceInUp
//bounceInDown
//bounceInLeft
//bounceInRight

//bounceOut
//bounceOutUp
//bounceOutDown
//bounceOutLeft
//bounceOutRight

//rotateIn
//rotateInUpLeft
//rotateInDownLeft
//rotateInUpRight
//rotateInDownRight

//rotateOut
//rotateOutUpRight
//rotateOutDownLeft
//rotateOutDownRight
*/

.animate {
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
}

@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px)
}
}

@keyframes shake {
0%, 100% {
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
transform:translateX(10px)
}
}

.shake {
  -webkit-animation-name:shake;
  animation-name:shake
}

@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px)
}
}

@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform:translateY(0)
}
40% {
transform:translateY(-30px)
}
60% {
transform:translateY(-15px)
}
}

.bounce {
  -webkit-animation-name:bounce;
  animation-name:bounce
}

@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0)
}
}

@keyframes tada {
0% {
transform:scale(1)
}
10%, 20% {
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
transform:scale(1.1) rotate(-3deg)
}
100% {
transform:scale(1) rotate(0)
}
}

.tada {
  -webkit-animation-name:tada;
  animation-name:tada
}

@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}

@keyframes swing {
20% {
transform:rotate(15deg)
}
40% {
transform:rotate(-10deg)
}
60% {
transform:rotate(5deg)
}
80% {
transform:rotate(-5deg)
}
100% {
transform:rotate(0deg)
}
}

.swing {
  transform-origin:top center;
  -webkit-animation-name:swing;
  animation-name:swing
}

@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1)
}
50% {
-webkit-transform:scale(1.1)
}
100% {
-webkit-transform:scale(1)
}
}

@keyframes pulse {
0% {
transform:scale(1)
}
50% {
transform:scale(1.1)
}
100% {
transform:scale(1)
}
}

.pulse {
  -webkit-animation-name:pulse;
  animation-name:pulse
}

@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}

@keyframes flipInX {
0% {
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
transform:perspective(400px) rotateX(-10deg)
}
70% {
transform:perspective(400px) rotateX(10deg)
}
100% {
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}

.flipInX {
  -webkit-backface-visibility:visible!important;
  -webkit-animation-name:flipInX;
  -moz-backface-visibility:visible!important;
  -moz-animation-name:flipInX;
  -o-backface-visibility:visible!important;
  -o-animation-name:flipInX;
  backface-visibility:visible!important;
  animation-name:flipInX
}

@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
}

@keyframes flipOutX {
0% {
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}

.flipOutX {
  -webkit-animation-name:flipOutX;
  -webkit-backface-visibility:visible!important;
  -moz-animation-name:flipOutX;
  -moz-backface-visibility:visible!important;
  -o-animation-name:flipOutX;
  -o-backface-visibility:visible!important;
  animation-name:flipOutX;
  backface-visibility:visible!important
}

@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}

@keyframes flipInY {
0% {
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
transform:perspective(400px) rotateY(-10deg)
}
70% {
transform:perspective(400px) rotateY(10deg)
}
100% {
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}

.flipInY {
  -webkit-backface-visibility:visible!important;
  -webkit-animation-name:flipInY;
  -moz-backface-visibility:visible!important;
  -moz-animation-name:flipInY;
  -o-backface-visibility:visible!important;
  -o-animation-name:flipInY;
  backface-visibility:visible!important;
  animation-name:flipInY
}

@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0
}
}

@keyframes flipOutY {
0% {
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}

.flipOutY {
  -webkit-backface-visibility:visible!important;
  -webkit-animation-name:flipOutY;
  -moz-backface-visibility:visible!important;
  -moz-animation-name:flipOutY;
  -o-backface-visibility:visible!important;
  -o-animation-name:flipOutY;
  backface-visibility:visible!important;
  animation-name:flipOutY
}

@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}

@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}

.fadeIn {
  -webkit-animation-name:fadeIn;
  animation-name:fadeIn
}

@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}

@keyframes fadeInUp {
0% {
opacity:0;
transform:translateY(20px)
}
100% {
opacity:1;
transform:translateY(0)
}
}

.fadeInUp {
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp
}

@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}

@keyframes fadeInDown {
0% {
opacity:0;
transform:translateY(-20px)
}
100% {
opacity:1;
transform:translateY(0)
}
}

.fadeInDown {
  -webkit-animation-name:fadeInDown;
  animation-name:fadeInDown
}

@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}

@keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(-20px)
}
100% {
opacity:1;
transform:translateX(0)
}
}

.fadeInLeft {
  -webkit-animation-name:fadeInLeft;
  animation-name:fadeInLeft
}

@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}

@keyframes fadeInRight {
0% {
opacity:0;
transform:translateX(20px)
}
100% {
opacity:1;
transform:translateX(0)
}
}

.fadeInRight {
  -webkit-animation-name:fadeInRight;
  animation-name:fadeInRight
}

@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}

@keyframes fadeInUpBig {
0% {
opacity:0;
transform:translateY(2000px)
}
100% {
opacity:1;
transform:translateY(0)
}
}

.fadeInUpBig {
  -webkit-animation-name:fadeInUpBig;
  animation-name:fadeInUpBig
}

@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}

@keyframes fadeInDownBig {
0% {
opacity:0;
transform:translateY(-2000px)
}
100% {
opacity:1;
transform:translateY(0)
}
}

.fadeInDownBig {
  -webkit-animation-name:fadeInDownBig;
  animation-name:fadeInDownBig
}

@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}

@keyframes fadeInLeftBig {
0% {
opacity:0;
transform:translateX(-2000px)
}
100% {
opacity:1;
transform:translateX(0)
}
}

.fadeInLeftBig {
  -webkit-animation-name:fadeInLeftBig;
  animation-name:fadeInLeftBig
}

@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}

@keyframes fadeInRightBig {
0% {
opacity:0;
transform:translateX(2000px)
}
100% {
opacity:1;
transform:translateX(0)
}
}

.fadeInRightBig {
  -webkit-animation-name:fadeInRightBig;
  animation-name:fadeInRightBig
}

@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}

@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}

.fadeOut {
  -webkit-animation-name:fadeOut;
  animation-name:fadeOut
}

@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px)
}
}

@keyframes fadeOutUp {
0% {
opacity:1;
transform:translateY(0)
}
100% {
opacity:0;
transform:translateY(-20px)
}
}

.fadeOutUp {
  -webkit-animation-name:fadeOutUp;
  animation-name:fadeOutUp
}

@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px)
}
}

@keyframes fadeOutDown {
0% {
opacity:1;
transform:translateY(0)
}
100% {
opacity:0;
transform:translateY(20px)
}
}

.fadeOutDown {
  -webkit-animation-name:fadeOutDown;
  animation-name:fadeOutDown
}

@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px)
}
}

@keyframes fadeOutLeft {
0% {
opacity:1;
transform:translateX(0)
}
100% {
opacity:0;
transform:translateX(-20px)
}
}

.fadeOutLeft {
  -webkit-animation-name:fadeOutLeft;
  animation-name:fadeOutLeft
}

@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px)
}
}

@keyframes fadeOutRight {
0% {
opacity:1;
transform:translateX(0)
}
100% {
opacity:0;
transform:translateX(20px)
}
}

.fadeOutRight {
  -webkit-animation-name:fadeOutRight;
  animation-name:fadeOutRight
}

@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
}

@keyframes fadeOutUpBig {
0% {
opacity:1;
transform:translateY(0)
}
100% {
opacity:0;
transform:translateY(-2000px)
}
}

.fadeOutUpBig {
  -webkit-animation-name:fadeOutUpBig;
  animation-name:fadeOutUpBig
}

@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px)
}
}

@keyframes fadeOutDownBig {
0% {
opacity:1;
transform:translateY(0)
}
100% {
opacity:0;
transform:translateY(2000px)
}
}

.fadeOutDownBig {
  -webkit-animation-name:fadeOutDownBig;
  animation-name:fadeOutDownBig
}

@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
}

@keyframes fadeOutLeftBig {
0% {
opacity:1;
transform:translateX(0)
}
100% {
opacity:0;
transform:translateX(-2000px)
}
}

.fadeOutLeftBig {
  -webkit-animation-name:fadeOutLeftBig;
  animation-name:fadeOutLeftBig
}

@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px)
}
}

@keyframes fadeOutRightBig {
0% {
opacity:1;
transform:translateX(0)
}
100% {
opacity:0;
transform:translateX(2000px)
}
}

.fadeOutRightBig {
  -webkit-animation-name:fadeOutRightBig;
  animation-name:fadeOutRightBig
}

@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9)
}
100% {
-webkit-transform:scale(1)
}
}

@keyframes bounceIn {
0% {
opacity:0;
transform:scale(.3)
}
50% {
opacity:1;
transform:scale(1.05)
}
70% {
transform:scale(.9)
}
100% {
transform:scale(1)
}
}

.bounceIn {
  -webkit-animation-name:bounceIn;
  animation-name:bounceIn
}

@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0)
}
}

@keyframes bounceInUp {
0% {
opacity:0;
transform:translateY(2000px)
}
60% {
opacity:1;
transform:translateY(-30px)
}
80% {
transform:translateY(10px)
}
100% {
transform:translateY(0)
}
}

.bounceInUp {
  -webkit-animation-name:bounceInUp;
  animation-name:bounceInUp
}

@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0)
}
}

@keyframes bounceInDown {
0% {
opacity:0;
transform:translateY(-2000px)
}
60% {
opacity:1;
transform:translateY(30px)
}
80% {
transform:translateY(-10px)
}
100% {
transform:translateY(0)
}
}

.bounceInDown {
  -webkit-animation-name:bounceInDown;
  animation-name:bounceInDown
}

@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0)
}
}

@keyframes bounceInLeft {
0% {
opacity:0;
transform:translateX(-2000px)
}
60% {
opacity:1;
transform:translateX(30px)
}
80% {
transform:translateX(-10px)
}
100% {
transform:translateX(0)
}
}

.bounceInLeft {
  -webkit-animation-name:bounceInLeft;
  animation-name:bounceInLeft
}

@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0)
}
}

@keyframes bounceInRight {
0% {
opacity:0;
transform:translateX(2000px)
}
60% {
opacity:1;
transform:translateX(-30px)
}
80% {
transform:translateX(10px)
}
100% {
transform:translateX(0)
}
}

.bounceInRight {
  -webkit-animation-name:bounceInRight;
  animation-name:bounceInRight
}

@-webkit-keyframes bounceOut {
0% {
-webkit-transform:scale(1)
}
25% {
-webkit-transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3)
}
}

@keyframes bounceOut {
0% {
transform:scale(1)
}
25% {
transform:scale(.95)
}
50% {
opacity:1;
transform:scale(1.1)
}
100% {
opacity:0;
transform:scale(.3)
}
}

.bounceOut {
  -webkit-animation-name:bounceOut;
  animation-name:bounceOut
}

@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
}

@keyframes bounceOutUp {
0% {
transform:translateY(0)
}
20% {
opacity:1;
transform:translateY(20px)
}
100% {
opacity:0;
transform:translateY(-2000px)
}
}

.bounceOutUp {
  -webkit-animation-name:bounceOutUp;
  animation-name:bounceOutUp
}

@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px)
}
}

@keyframes bounceOutDown {
0% {
transform:translateY(0)
}
20% {
opacity:1;
transform:translateY(-20px)
}
100% {
opacity:0;
transform:translateY(2000px)
}
}

.bounceOutDown {
  -webkit-animation-name:bounceOutDown;
  animation-name:bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
}

@keyframes bounceOutLeft {
0% {
transform:translateX(0)
}
20% {
opacity:1;
transform:translateX(20px)
}
100% {
opacity:0;
transform:translateX(-2000px)
}
}

.bounceOutLeft {
  -webkit-animation-name:bounceOutLeft;
  animation-name:bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px)
}
}

@keyframes bounceOutRight {
0% {
transform:translateX(0)
}
20% {
opacity:1;
transform:translateX(-20px)
}
100% {
opacity:0;
transform:translateX(2000px)
}
}

.bounceOutRight {
  -webkit-animation-name:bounceOutRight;
  animation-name:bounceOutRight
}

@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1
}
}

@keyframes rotateIn {
0% {
transform-origin:center center;
transform:rotate(-200deg);
opacity:0
}
100% {
transform-origin:center center;
transform:rotate(0);
opacity:1
}
}

.rotateIn {
  -webkit-animation-name:rotateIn;
  animation-name:rotateIn
}

@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
}

@keyframes rotateInUpLeft {
0% {
transform-origin:left bottom;
transform:rotate(90deg);
opacity:0
}
100% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1
}
}

.rotateInUpLeft {
  -webkit-animation-name:rotateInUpLeft;
  animation-name:rotateInUpLeft
}

@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
}

@keyframes rotateInDownLeft {
0% {
transform-origin:left bottom;
transform:rotate(-90deg);
opacity:0
}
100% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1
}
}

.rotateInDownLeft {
  -webkit-animation-name:rotateInDownLeft;
  animation-name:rotateInDownLeft
}

@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
}

@keyframes rotateInUpRight {
0% {
transform-origin:right bottom;
transform:rotate(-90deg);
opacity:0
}
100% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1
}
}

.rotateInUpRight {
  -webkit-animation-name:rotateInUpRight;
  animation-name:rotateInUpRight
}

@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
}

@keyframes rotateInDownRight {
0% {
transform-origin:right bottom;
transform:rotate(90deg);
opacity:0
}
100% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1
}
}

.rotateInDownRight {
  -webkit-animation-name:rotateInDownRight;
  animation-name:rotateInDownRight
}

@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(200deg);
opacity:0
}
}

@keyframes rotateOut {
0% {
transform-origin:center center;
transform:rotate(0);
opacity:1
}
100% {
transform-origin:center center;
transform:rotate(200deg);
opacity:0
}
}

.rotateOut {
  -webkit-animation-name:rotateOut;
  animation-name:rotateOut
}

@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
}

@keyframes rotateOutUpLeft {
0% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1
}
100% {
transform-origin:left bottom;
transform:rotate(-90deg);
opacity:0
}
}

.rotateOutUpLeft {
  -webkit-animation-name:rotateOutUpLeft;
  animation-name:rotateOutUpLeft
}

@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
}

@keyframes rotateOutDownLeft {
0% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1
}
100% {
transform-origin:left bottom;
transform:rotate(90deg);
opacity:0
}
}

.rotateOutDownLeft {
  -webkit-animation-name:rotateOutDownLeft;
  animation-name:rotateOutDownLeft
}

@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
}

@keyframes rotateOutUpRight {
0% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1
}
100% {
transform-origin:right bottom;
transform:rotate(90deg);
opacity:0
}
}

.rotateOutUpRight {
  -webkit-animation-name:rotateOutUpRight;
  animation-name:rotateOutUpRight
}

@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
}

@keyframes rotateOutDownRight {
0% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1
}
100% {
transform-origin:right bottom;
transform:rotate(-90deg);
opacity:0
}
}

.rotateOutDownRight {
  -webkit-animation-name:rotateOutDownRight;
  animation-name:rotateOutDownRight
}

/**
 * Arrange, v1.2
 * A very basic grid system, a bit like Skeleton
 *
 * Copyright (c) 2013, Fred LeBlanc
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without 
 * modification, are permitted provided that the following conditions are met:
 *
 *  - Redistributions of source code must retain the above copyright notice, 
 *    this list of conditions and the following disclaimer.
 *
 *  - Redistributions in binary form must reproduce the above copyright notice, 
 *    this list of conditions and the following disclaimer in the documentation 
 *    and/or other materials provided with the distribution.
 * 
 *  - Neither the name of FredHQ nor the names of its contributors 
 *    may be used to endorse or promote products derived from this software 
 *    without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" 
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE 
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE 
 * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE 
 * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR 
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF 
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS 
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN 
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) 
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE 
 * POSSIBILITY OF SUCH DAMAGE.
 */

/**
 * Base Structure
 * ----------------------------------------------------------------------------
 * The following styles create elements that are used to structure the general
 * page and hold together sets of grid columns. They are self-clearing.
 */

/**
 * Holds the contents of the page, preventing it from spilling out everywhere,
 * you'll probably want to extend this with a max-width and width.
 *
 * Uses the micro-clearfix, by Nicolas Gallagher
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */

.container,
 .row {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
 }

.clearfix {
    *zoom: 1;
 }

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

.container:after,
 .row:after,
 .clearfix:after {
    clear: both;
 }

/**
  * Defines the basics of what a grid column will be
  */

.column,
 .columns {
    float: left;
    display: block;
    margin: 0 0 0 4%;
 }

.column:first-child,
 .columns:first-child {
    margin-left: 0;
 }

/**
  * Old-school clearing elements
  */

hr.clear,
 br.clear {
    clear: both;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    border: 0;
 }

/**
  * Grid Structure
  * ----------------------------------------------------------------------------
  * The following styles create grid columns in percentages.
  *
  * Terminology:
  *    column - 4.6667% - a single-width column of content
  *    gap    - 4.0% - room between content columns
  *
  * The math:
  *    width  = (# of columns * 4.6667%) + ((# of columns - 1) * 4.0%) 
  */

.twelfth.column,
 .twelfth.columns,
 .one-twelfth.column,
 .one-twelfth.columns,
 .one.column,
 .one.columns {
    width: 4.6667%;
 }

.sixth.column,
 .sixth.columns,
 .one-sixth.column,
 .one-sixth.columns,
 .two.column,
 .two.columns {
    width: 13.3333%;
 }

.fourth.column,
 .fourth.columns,
 .quarter.column,
 .quarter.columns,
 .one-quarter.column,
 .one-quarter.columns,
 .one-fourth.column,
 .one-fourth.columns,
 .three.column,
 .three.columns {
    width: 22%;
 }

.third.column,
 .third.columns,
 .one-third.column,
 .one-third.columns,
 .four.column,
 .four.columns {
    width: 30.6667%;
 }

.five.column,
 .five.columns {
    width: 39.3333%;
 }

.half.column,
 .half.columns,
 .one-half.column,
 .one-half.columns,
 .six.column,
 .six.columns {
    width: 48%;
 }

.seven.column,
 .seven.columns {
    width: 56.6667%;
 }

.two-thirds.column,
 .two-thirds.columns,
 .eight.column,
 .eight.columns {
    width: 65.3333%;
 }

.three-quarters.column,
 .three-quarters.columns,
 .three-fourths.column,
 .three-fourths.columns,
 .nine.column,
 .nine.columns {
    width: 74%;
 }

.ten.column,
 .ten.columns {
    width: 82.6667%;
 }

.eleven.column,
 .eleven.columns {
    width: 91.3333%;
 }

.full.column,
 .full.columns,
 .twelve.column,
 .twelve.columns {
    width: 100%;
 }

/**
  * Grid Offsets
  * ----------------------------------------------------------------------------
  * For adding spacing between columns.
  */

.offset-by-twelfth.column,
 .offset-by-twelfth.columns,
 .offset-by-one-twelfth.column,
 .offset-by-one-twelfth.columns,
 .offset-by-one.column,
 .offset-by-one.columns {
    margin-left: 12.6667%;
 }

.offset-by-twelfth.column:first-child,
 .offset-by-twelfth.columns:first-child,
 .offset-by-one-twelfth.column:first-child,
 .offset-by-one-twelfth.columns:first-child,
 .offset-by-one.column:first-child,
 .offset-by-one.columns:first-child {
    margin-left: 8.6667%;
 }

.offset-by-sixth.column,
 .offset-by-sixth.columns,
 .offset-by-one-sixth.column,
 .offset-by-one-sixth.columns,
 .offset-by-two.column,
 .offset-by-two.columns {
    margin-left: 21.3333%;
 }

.offset-by-sixth.column:first-child,
 .offset-by-sixth.columns:first-child,
 .offset-by-one-sixth.column:first-child,
 .offset-by-one-sixth.columns:first-child,
 .offset-by-two.column:first-child,
 .offset-by-two.columns:first-child {
    margin-left: 17.3333%;
 }

.offset-by-quarter.column,
 .offset-by-quarter.columns,
 .offset-by-one-quarter.column,
 .offset-by-one-quarter.columns,
 .offset-by-one-fourth.column,
 .offset-by-one-fourth.columns,
 .offset-by-three.column,
 .offset-by-three.columns {
    margin-left: 30%;
 }

.offset-by-quarter.column:first-child,
 .offset-by-quarter.columns:first-child,
 .offset-by-one-quarter.column:first-child,
 .offset-by-one-quarter.columns:first-child,
 .offset-by-one-fourth.column:first-child,
 .offset-by-one-fourth.columns:first-child,
 .offset-by-three.column:first-child,
 .offset-by-three.columns:first-child {
    margin-left: 26%;
 }

.offset-by-third.column,
 .offset-by-third.columns,
 .offset-by-one-third.column,
 .offset-by-one-third.columns,
 .offset-by-four.column,
 .offset-by-four.columns {
    margin-left: 38.6667%;
 }

.offset-by-third.column:first-child,
 .offset-by-third.columns:first-child,
 .offset-by-one-third.column:first-child,
 .offset-by-one-third.columns:first-child,
 .offset-by-four.column:first-child,
 .offset-by-four.columns:first-child {
    margin-left: 34.6667%;
 }

.offset-by-five.column,
 .offset-by-five.columns {
    margin-left: 47.3333%;
 }

.offset-by-five.column:first-child,
 .offset-by-five.columns:first-child {
    margin-left: 43.3333%;
 }

.offset-by-half.column,
 .offset-by-half.columns,
 .offset-by-one-half.column,
 .offset-by-one-half.columns,
 .offset-by-six.column,
 .offset-by-six.columns {
    margin-left: 56%;
 }

.offset-by-half.column:first-child,
 .offset-by-half.columns:first-child,
 .offset-by-one-half.column:first-child,
 .offset-by-one-half.columns:first-child,
 .offset-by-six.column:first-child,
 .offset-by-six.columns:first-child {
    margin-left: 52%;
 }

.offset-by-seven.column,
 .offset-by-seven.columns {
    margin-left: 64.6667%;
 }

.offset-by-seven.column:first-child,
 .offset-by-seven.columns:first-child {
    margin-left: 60.6667%;
 }

.offset-by-two-thirds.column,
 .offset-by-two-thirds.columns,
 .offset-by-eight.column,
 .offset-by-eight.columns {
    margin-left: 73.3333%;
 }

.offset-by-two-thirds.column:first-child,
 .offset-by-two-thirds.columns:first-child,
 .offset-by-eight.column:first-child,
 .offset-by-eight.columns:first-child {
    margin-left: 69.3333%;
 }

.offset-by-three-quarters.column,
 .offset-by-three-quarters.columns,
 .offset-by-three-fourths.column,
 .offset-by-three-fourths.columns,
 .offset-by-nine.column,
 .offset-by-nine.columns {
    margin-left: 82%;
 }

.offset-by-three-quarters.column:first-child,
 .offset-by-three-quarters.columns:first-child,
 .offset-by-three-fourths.column:first-child,
 .offset-by-three-fourths.columns:first-child,
 .offset-by-nine.column:first-child,
 .offset-by-nine.columns:first-child {
    margin-left: 78%;
 }

.offset-by-ten.column,
 .offset-by-ten.columns {
    margin-left: 90.6667%;
 }

.offset-by-ten.column:first-child,
 .offset-by-ten.columns:first-child {
    margin-left: 86.6667%;
 }

.offset-by-eleven.column:first-child,
 .offset-by-eleven.columns:first-child {
    margin-left: 95.3333%;
 }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/**
  * Collapsed Grid Structure
  * ----------------------------------------------------------------------------
  * The following styles create grid columns in percentages.
  *
  * Terminology:
  *    column - 8.3333% - a single-width column of content
  *
  * The math:
  *    width  = (# of columns * 8.3333%) 
  */

/**
  * Remove the gutters
  */

.collapsed > .column,
 .collapsed > .columns {
    margin: 0;
 }

.collapsed > .twelfth.column,
 .collapsed > .twelfth.columns,
 .collapsed > .one-twelfth.column,
 .collapsed > .one-twelfth.columns,
 .collapsed > .one.column,
 .collapsed > .one.columns {
    width: 8.3333%
 }

.collapsed > .sixth.column,
 .collapsed > .sixth.columns,
 .collapsed > .one-sixth.column,
 .collapsed > .one-sixth.columns,
 .collapsed > .two.column,
 .collapsed > .two.columns {
    width: 16.6667%;
 }

.collapsed > .fourth.column,
 .collapsed > .fourth.columns,
 .collapsed > .quarter.column,
 .collapsed > .quarter.columns,
 .collapsed > .one-quarter.column,
 .collapsed > .one-quarter.columns,
 .collapsed > .one-fourth.column,
 .collapsed > .one-fourth.columns,
 .collapsed > .three.column,
 .collapsed > .three.columns {
    width: 25%;
 }

.collapsed > .third.column,
 .collapsed > .third.columns,
 .collapsed > .one-third.column,
 .collapsed > .one-third.columns,
 .collapsed > .four.column,
 .collapsed > .four.columns {
    width: 33.3333%;
 }

.collapsed > .five.column,
 .collapsed > .five.columns {
    width: 41.6667%;
 }

.collapsed > .half.column,
 .collapsed > .half.columns,
 .collapsed > .one-half.column,
 .collapsed > .one-half.columns,
 .collapsed > .six.column,
 .collapsed > .six.columns {
    width: 50%;
 }

.collapsed > .seven.column,
 .collapsed > .seven.columns {
    width: 58.3333%;
 }

.collapsed > .two-thirds.column,
 .collapsed > .two-thirds.columns,
 .collapsed > .eight.column,
 .collapsed > .eight.columns {
    width: 66.6667%;
 }

.collapsed > .three-quarters.column,
 .collapsed > .three-quarters.columns,
 .collapsed > .three-fourths.column,
 .collapsed > .three-fourths.columns,
 .collapsed > .nine.column,
 .collapsed > .nine.columns {
    width: 75%;
 }

.collapsed > .ten.column,
 .collapsed > .ten.columns {
    width: 83.3333%;
 }

.collapsed > .eleven.column,
 .collapsed > .eleven.columns {
    width: 91.6667%;
 }

.collapsed > .full.column,
 .collapsed > .full.columns,
 .collapsed > .twelve.column,
 .collapsed > .twelve.columns {
    width: 100%;
 }

/**
  * Collapsed Grid Offsets
  * ----------------------------------------------------------------------------
  * For adding spacing between columns.
  */

.collapsed > .offset-by-twelfth.column,
 .collapsed > .offset-by-twelfth.columns,
 .collapsed > .offset-by-one-twelfth.column,
 .collapsed > .offset-by-one-twelfth.columns,
 .collapsed > .offset-by-one.column,
 .collapsed > .offset-by-one.columns {
    margin-left: 8.3333%;
 }

.collapsed > .offset-by-sixth.column,
 .collapsed > .offset-by-sixth.columns,
 .collapsed > .offset-by-one-sixth.column,
 .collapsed > .offset-by-one-sixth.columns,
 .collapsed > .offset-by-two.column,
 .collapsed > .offset-by-two.columns {
    margin-left: 16.6667%;
 }

.collapsed > .offset-by-quarter.column,
 .collapsed > .offset-by-quarter.columns,
 .collapsed > .offset-by-one-quarter.column,
 .collapsed > .offset-by-one-quarter.columns,
 .collapsed > .offset-by-one-fourth.column,
 .collapsed > .offset-by-one-fourth.columns,
 .collapsed > .offset-by-three.column,
 .collapsed > .offset-by-three.columns {
    margin-left: 25%;
 }

.collapsed > .offset-by-third.column,
 .collapsed > .offset-by-third.columns,
 .collapsed > .offset-by-one-third.column,
 .collapsed > .offset-by-one-third.columns,
 .collapsed > .offset-by-four.column,
 .collapsed > .offset-by-four.columns {
    margin-left: 33.3333%;
 }

.collapsed > .offset-by-five.column,
 .collapsed > .offset-by-five.columns {
    margin-left: 41.6667%;
 }

.collapsed > .offset-by-half.column,
 .collapsed > .offset-by-half.columns,
 .collapsed > .offset-by-one-half.column,
 .collapsed > .offset-by-one-half.columns,
 .collapsed > .offset-by-six.column,
 .collapsed > .offset-by-six.columns {
    margin-left: 50%;
 }

.collapsed > .offset-by-seven.column,
 .collapsed > .offset-by-seven.columns {
    margin-left: 58.3333%;
 }

.collapsed > .offset-by-two-thirds.column,
 .collapsed > .offset-by-two-thirds.columns,
 .collapsed > .offset-by-eight.column,
 .collapsed > .offset-by-eight.columns {
    margin-left: 66.6667%;
 }

.collapsed > .offset-by-three-quarters.column,
 .collapsed > .offset-by-three-quarters.columns,
 .collapsed > .offset-by-three-fourths.column,
 .collapsed > .offset-by-three-fourths.columns,
 .collapsed > .offset-by-nine.column,
 .collapsed > .offset-by-nine.columns {
    margin-left: 75%;
 }

.collapsed > .offset-by-ten.column,
 .collapsed > .offset-by-ten.columns {
    margin-left: 83.3333%;
 }

.collapsed > .offset-by-eleven.column,
 .collapsed > .offset-by-eleven.columns {
    margin-left: 91.6667%;
 }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/**
  * Reversing (optional)
  * ----------------------------------------------------------------------------
  * Flip the order in which the columns are laid out.
  */

.reverse > .column,
 .reverse > .columns {
    float: right;
    margin: 0 4% 0 0;
 }

.reverse > .column:first-child,
 .reverse > .columns:first-child {
    margin-right: 0;
 }

.reverse > .offset-by-twelfth.column,
 .reverse > .offset-by-twelfth.columns,
 .reverse > .offset-by-one-twelfth.column,
 .reverse > .offset-by-one-twelfth.columns,
 .reverse > .offset-by-one.column,
 .reverse > .offset-by-one.columns {
    margin-left: 0;
    margin-right: 12.6667%;
 }

.reverse > .offset-by-twelfth.column:first-child,
 .reverse > .offset-by-twelfth.columns:first-child,
 .reverse > .offset-by-one-twelfth.column:first-child,
 .reverse > .offset-by-one-twelfth.columns:first-child,
 .reverse > .offset-by-one.column:first-child,
 .reverse > .offset-by-one.columns:first-child {
    margin-right: 8.6667%;
 }

.reverse > .offset-by-sixth.column,
 .reverse > .offset-by-sixth.columns,
 .reverse > .offset-by-one-sixth.column,
 .reverse > .offset-by-one-sixth.columns,
 .reverse > .offset-by-two.column,
 .reverse > .offset-by-two.columns {
    margin-left: 0;
    margin-right: 21.3333%;
 }

.reverse > .offset-by-sixth.column:first-child,
 .reverse > .offset-by-sixth.columns:first-child,
 .reverse > .offset-by-one-sixth.column:first-child,
 .reverse > .offset-by-one-sixth.columns:first-child,
 .reverse > .offset-by-two.column:first-child,
 .reverse > .offset-by-two.columns:first-child {
    margin-right: 17.3333%;
 }

.reverse > .offset-by-quarter.column,
 .reverse > .offset-by-quarter.columns,
 .reverse > .offset-by-one-quarter.column,
 .reverse > .offset-by-one-quarter.columns,
 .reverse > .offset-by-one-fourth.column,
 .reverse > .offset-by-one-fourth.columns,
 .reverse > .offset-by-three.column,
 .reverse > .offset-by-three.columns {
    margin-left: 0;
    margin-right: 30%;
 }

.reverse > .offset-by-quarter.column:first-child,
 .reverse > .offset-by-quarter.columns:first-child,
 .reverse > .offset-by-one-quarter.column:first-child,
 .reverse > .offset-by-one-quarter.columns:first-child,
 .reverse > .offset-by-one-fourth.column:first-child,
 .reverse > .offset-by-one-fourth.columns:first-child,
 .reverse > .offset-by-three.column:first-child,
 .reverse > .offset-by-three.columns:first-child {
    margin-right: 26%;
 }

.reverse > .offset-by-third.column,
 .reverse > .offset-by-third.columns,
 .reverse > .offset-by-one-third.column,
 .reverse > .offset-by-one-third.columns,
 .reverse > .offset-by-four.column,
 .reverse > .offset-by-four.columns {
    margin-left: 0;
    margin-right: 38.6667%;
 }

.reverse > .offset-by-third.column:first-child,
 .reverse > .offset-by-third.columns:first-child,
 .reverse > .offset-by-one-third.column:first-child,
 .reverse > .offset-by-one-third.columns:first-child,
 .reverse > .offset-by-four.column:first-child,
 .reverse > .offset-by-four.columns:first-child {
    margin-right: 34.6667%;
 }

.reverse > .offset-by-five.column,
 .reverse > .offset-by-five.columns {
    margin-left: 0;
    margin-right: 47.3333%;
 }

.reverse > .offset-by-five.column:first-child,
 .reverse > .offset-by-five.columns:first-child {
    margin-right: 43.3333%;
 }

.reverse > .offset-by-half.column,
 .reverse > .offset-by-half.columns,
 .reverse > .offset-by-one-half.column,
 .reverse > .offset-by-one-half.columns,
 .reverse > .offset-by-six.column,
 .reverse > .offset-by-six.columns {
    margin-left: 0;
    margin-right: 56%;
 }

.reverse > .offset-by-half.column:first-child,
 .reverse > .offset-by-half.columns:first-child,
 .reverse > .offset-by-one-half.column:first-child,
 .reverse > .offset-by-one-half.columns:first-child,
 .reverse > .offset-by-six.column:first-child,
 .reverse > .offset-by-six.columns:first-child {
    margin-right: 52%;
 }

.reverse > .offset-by-seven.column,
 .reverse > .offset-by-seven.columns {
    margin-left: 0;
    margin-right: 64.6667%;
 }

.reverse > .offset-by-seven.column:first-child,
 .reverse > .offset-by-seven.columns:first-child {
    margin-right: 60.6667%;
 }

.reverse > .offset-by-two-thirds.column,
 .reverse > .offset-by-two-thirds.columns,
 .reverse > .offset-by-eight.column,
 .reverse > .offset-by-eight.columns {
    margin-left: 0;
    margin-right: 73.3333%;
 }

.reverse > .offset-by-two-thirds.column:first-child,
 .reverse > .offset-by-two-thirds.columns:first-child,
 .reverse > .offset-by-eight.column:first-child,
 .reverse > .offset-by-eight.columns:first-child {
    margin-right: 69.3333%;
 }

.reverse > .offset-by-three-quarters.column,
 .reverse > .offset-by-three-quarters.columns,
 .reverse > .offset-by-three-fourths.column,
 .reverse > .offset-by-three-fourths.columns,
 .reverse > .offset-by-nine.column,
 .reverse > .offset-by-nine.columns {
    margin-left: 0;
    margin-right: 82%;
 }

.reverse > .offset-by-three-quarters.column:first-child,
 .reverse > .offset-by-three-quarters.columns:first-child,
 .reverse > .offset-by-three-fourths.column:first-child,
 .reverse > .offset-by-three-fourths.columns:first-child,
 .reverse > .offset-by-nine.column:first-child,
 .reverse > .offset-by-nine.columns:first-child {
    margin-right: 78%;
 }

.reverse > .offset-by-ten.column,
 .reverse > .offset-by-ten.columns {
    margin-left: 0;
    margin-right: 90.6667%;
 }

.reverse > .offset-by-ten.column:first-child,
 .reverse > .offset-by-ten.columns:first-child {
    margin-right: 86.6667%;
 }

.reverse > .offset-by-eleven.column:first-child,
 .reverse > .offset-by-eleven.columns:first-child {
    margin-left: 0;
    margin-right: 95.3333%;
 }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/**
  * Collapsed Reversing (optional)
  * ----------------------------------------------------------------------------
  * Flip the order in which the columns are laid out.
  */

.collapsed.reverse > .offset-by-twelfth.column,
 .collapsed.reverse > .offset-by-twelfth.columns,
 .collapsed.reverse > .offset-by-one-twelfth.column,
 .collapsed.reverse > .offset-by-one-twelfth.columns,
 .collapsed.reverse > .offset-by-one.column,
 .collapsed.reverse > .offset-by-one.columns {
    margin-left: 0;
    margin-right: 8.3333%;
 }

.collapsed.reverse > .offset-by-sixth.column,
 .collapsed.reverse > .offset-by-sixth.columns,
 .collapsed.reverse > .offset-by-one-sixth.column,
 .collapsed.reverse > .offset-by-one-sixth.columns,
 .collapsed.reverse > .offset-by-two.column,
 .collapsed.reverse > .offset-by-two.columns {
    margin-left: 0;
    margin-right: 16.6667%;
 }

.collapsed.reverse > .offset-by-quarter.column,
 .collapsed.reverse > .offset-by-quarter.columns,
 .collapsed.reverse > .offset-by-one-quarter.column,
 .collapsed.reverse > .offset-by-one-quarter.columns,
 .collapsed.reverse > .offset-by-one-fourth.column,
 .collapsed.reverse > .offset-by-one-fourth.columns,
 .collapsed.reverse > .offset-by-three.column,
 .collapsed.reverse > .offset-by-three.columns {
    margin-left: 0;
    margin-right: 25%;
 }

.collapsed.reverse > .offset-by-third.column,
 .collapsed.reverse > .offset-by-third.columns,
 .collapsed.reverse > .offset-by-one-third.column,
 .collapsed.reverse > .offset-by-one-third.columns,
 .collapsed.reverse > .offset-by-four.column,
 .collapsed.reverse > .offset-by-four.columns {
    margin-left: 0;
    margin-right: 33.3333%;
 }

.collapsed.reverse > .offset-by-five.column,
 .collapsed.reverse > .offset-by-five.columns {
    margin-left: 0;
    margin-right: 41.6667%;
 }

.collapsed.reverse > .offset-by-half.column,
 .collapsed.reverse > .offset-by-half.columns,
 .collapsed.reverse > .offset-by-one-half.column,
 .collapsed.reverse > .offset-by-one-half.columns,
 .collapsed.reverse > .offset-by-six.column,
 .collapsed.reverse > .offset-by-six.columns {
    margin-left: 0;
    margin-right: 50%;
 }

.collapsed.reverse > .offset-by-seven.column,
 .collapsed.reverse > .offset-by-seven.columns {
    margin-left: 0;
    margin-right: 58.3333%;
 }

.collapsed.reverse > .offset-by-two-thirds.column,
 .collapsed.reverse > .offset-by-two-thirds.columns,
 .collapsed.reverse > .offset-by-eight.column,
 .collapsed.reverse > .offset-by-eight.columns {
    margin-left: 0;
    margin-right: 66.6667%;
 }

.collapsed.reverse > .offset-by-three-quarters.column,
 .collapsed.reverse > .offset-by-three-quarters.columns,
 .collapsed.reverse > .offset-by-three-fourths.column,
 .collapsed.reverse > .offset-by-three-fourths.columns,
 .collapsed.reverse > .offset-by-nine.column,
 .collapsed.reverse > .offset-by-nine.columns {
    margin-left: 0;
    margin-right: 75%;
 }

.collapsed.reverse > .offset-by-ten.column,
 .collapsed.reverse > .offset-by-ten.columns {
    margin-left: 0;
    margin-right: 83.3333%;
 }

.collapsed.reverse > .offset-by-eleven.column,
 .collapsed.reverse > .offset-by-eleven.columns {
    margin-left: 0;
    margin-right: 91.6667%;
 }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/**
  * Off-Grid Even Column Sets (optional)
  * ----------------------------------------------------------------------------
  * Because sometimes you need to go off-the-grid
  */

/**
  * 1/5
  */

.fifth.column,
 .fifth.columns,
 .one-fifth.column,
 .one-fifth.columns {
    width: 16.8%
 }

.two-fifths.column,
 .two-fifths.columns {
    width: 37.6%
 }

.three-fifths.column,
 .three-fifths.columns {
    width: 58.4%
 }

.four-fifths.column,
 .four-fifths.columns {
    width: 79.2%
 }

.offset-by-fifth.column,
 .offset-by-fifth.columns,
 .offset-by-one-fifth.column,
 .offset-by-one-fifth.columns {
    margin-left: 24.8%;
 }

.offset-by-fifth.column:first-child,
 .offset-by-fifth.columns:first-child,
 .offset-by-one-fifth.column:first-child,
 .offset-by-one-fifth.columns:first-child {
    margin-left: 20.8%;
 }

.offset-by-two-fifths.column,
 .offset-by-two-fifths.columns {
    margin-left: 45.6%;
 }

.offset-by-two-fifths.column:first-child,
 .offset-by-two-fifths.columns:first-child {
    margin-left: 41.6%;
 }

.offset-by-three-fifths.column,
 .offset-by-three-fifths.columns {
    margin-left: 66.4%;
 }

.offset-by-three-fifths.column:first-child,
 .offset-by-three-fifths.columns:first-child {
    margin-left: 62.4%;
 }

.offset-by-four-fifths.column:first-child,
 .offset-by-four-fifths.columns:first-child {
    margin-left: 83.2%;
 }

/* reverse offsets */

.reverse > .offset-by-fifth.column,
 .reverse > .offset-by-fifth.columns,
 .reverse > .offset-by-one-fifth.column,
 .reverse > .offset-by-one-fifth.columns {
    margin-left: 0;
    margin-right: 24.8%;
 }

.reverse > .offset-by-fifth.column:first-child,
 .reverse > .offset-by-fifth.columns:first-child,
 .reverse > .offset-by-one-fifth.column:first-child,
 .reverse > .offset-by-one-fifth.columns:first-child {
    margin-right: 20.8%;
 }

.reverse > .offset-by-two-fifths.column,
 .reverse > .offset-by-two-fifths.columns {
    margin-left: 0;
    margin-right: 45.6%;
 }

.reverse > .offset-by-two-fifths.column:first-child,
 .reverse > .offset-by-two-fifths.columns:first-child {
    margin-right: 41.6%;
 }

.reverse > .offset-by-three-fifths.column,
 .reverse > .offset-by-three-fifths.columns {
    margin-left: 0;
    margin-right: 66.4%;
 }

.reverse > .offset-by-three-fifths.column:first-child,
 .reverse > .offset-by-three-fifths.columns:first-child {
    margin-right: 62.4%;
 }

.reverse > .offset-by-four-fifths.column:first-child,
 .reverse > .offset-by-four-fifths.columns:first-child {
    margin-right: 83.2%;
 }

/**
  * 1/7
  */

.seventh.column,
 .seventh.columns,
 .one-seventh.column,
 .one-seventh.columns {
    width: 10.8571%
 }

.two-sevenths.column,
 .two-sevenths.columns {
    width: 25.7143%
 }

.three-sevenths.column,
 .three-sevenths.columns {
    width: 40.5714%
 }

.four-sevenths.column,
 .four-sevenths.columns {
    width: 55.4286%
 }

.five-sevenths.column,
 .five-sevenths.columns {
    width: 70.2857%
 }

.six-sevenths.column,
 .six-sevenths.columns {
    width: 85.1459%
 }

.offset-by-seventh.column,
 .offset-by-seventh.columns,
 .offset-by-one-seventh.column,
 .offset-by-one-seventh.columns {
    margin-left: 18.8571%;
 }

.offset-by-seventh.column:first-child,
 .offset-by-seventh.columns:first-child,
 .offset-by-one-seventh.column:first-child,
 .offset-by-one-seventh.columns:first-child {
    margin-left: 14.8571%;
 }

.offset-by-two-sevenths.column,
 .offset-by-two-sevenths.columns {
    margin-left: 33.7143%;
 }

.offset-by-two-sevenths.column:first-child,
 .offset-by-two-sevenths.columns:first-child {
    margin-left: 29.7143%;
 }

.offset-by-three-sevenths.column,
 .offset-by-three-sevenths.columns {
    margin-left: 48.5714%;
 }

.offset-by-three-sevenths.column:first-child,
 .offset-by-three-sevenths.columns:first-child {
    margin-left: 44.5714%;
 }

.offset-by-four-sevenths.column,
 .offset-by-four-sevenths.columns {
    margin-left: 63.4286%;
 }

.offset-by-four-sevenths.column:first-child,
 .offset-by-four-sevenths.columns:first-child {
    margin-left: 59.4286%;
 }

.offset-by-five-sevenths.column,
 .offset-by-five-sevenths.columns {
    margin-left: 78.2857%;
 }

.offset-by-five-sevenths.column:first-child,
 .offset-by-five-sevenths.columns:first-child {
    margin-left: 74.2857%;
 }

.offset-by-six-sevenths.column:first-child,
 .offset-by-six-sevenths.columns:first-child {
    margin-left: 89.1459%;
 }

/* reverse offsets */

.reverse > .offset-by-seventh.column,
 .reverse > .offset-by-seventh.columns,
 .reverse > .offset-by-one-seventh.column,
 .reverse > .offset-by-one-seventh.columns {
    margin-left: 0;
    margin-right: 18.8571%;
 }

.reverse > .offset-by-seventh.column:first-child,
 .reverse > .offset-by-seventh.columns:first-child,
 .reverse > .offset-by-one-seventh.column:first-child,
 .reverse > .offset-by-one-seventh.columns:first-child {
    margin-right: 14.8471%;
 }

.reverse > .offset-by-two-sevenths.column,
 .reverse > .offset-by-two-sevenths.columns {
    margin-left: 0;
    margin-right: 33.7143%;
 }

.reverse > .offset-by-two-sevenths.column:first-child,
 .reverse > .offset-by-two-sevenths.columns:first-child {
    margin-right: 29.7143%;
 }

.reverse > .offset-by-three-sevenths.column,
 .reverse > .offset-by-three-sevenths.columns {
    margin-left: 0;
    margin-right: 48.5714%;
 }

.reverse > .offset-by-three-sevenths.column:first-child,
 .reverse > .offset-by-three-sevenths.columns:first-child {
    margin-right: 44.5714%;
 }

.reverse > .offset-by-four-sevenths.column,
 .reverse > .offset-by-four-sevenths.columns {
    margin-left: 0;
    margin-right: 63.4286%;
 }

.reverse > .offset-by-four-sevenths.column:first-child,
 .reverse > .offset-by-four-sevenths.columns:first-child {
    margin-right: 59.4286%;
 }

.reverse > .offset-by-five-sevenths.column,
 .reverse > .offset-by-five-sevenths.columns {
    margin-left: 0;
    margin-right: 78.2857%;
 }

.reverse > .offset-by-five-sevenths.column:first-child,
 .reverse > .offset-by-five-sevenths.columns:first-child {
    margin-right: 74.2857%;
 }

.reverse > .offset-by-six-sevenths.column:first-child,
 .reverse > .offset-by-six-sevenths.columns:first-child {
    margin-right: 89.1459%;
 }

/**
  * 1/8
  */

.eighth.column,
 .eighth.columns,
 .one-eighth.column,
 .one-eighth.columns {
    width: 9%;
 }

.three-eighths.column,
 .three-eighths.columns {
    width: 35%;
 }

.five-eighths.column,
 .five-eighths.columns {
    width: 61%;
 }

.seven-eighths.column,
 .seven-eighths.columns {
    width: 87%
 }

.offset-by-eighth.column,
 .offset-by-eighth.columns,
 .offset-by-one-eighth.column,
 .offset-by-one-eighth.columns {
    margin-left: 17%;
 }

.offset-by-eighth.column:first-child,
 .offset-by-eighth.columns:first-child,
 .offset-by-one-eighth.column:first-child,
 .offset-by-one-eighth.columns:first-child {
    margin-left: 13%;
 }

.offset-by-three-eighths.column,
 .offset-by-three-eighths.columns {
    margin-left: 43%;
 }

.offset-by-three-eighths.column:first-child,
 .offset-by-three-eighths.columns:first-child {
    margin-left: 39%;
 }

.offset-by-five-eighths.column,
 .offset-by-five-eighths.columns {
    margin-left: 69%;
 }

.offset-by-five-eighths.column:first-child,
 .offset-by-five-eighths.columns:first-child {
    margin-left: 65%;
 }

.offset-by-seven-eighths.column:first-child,
 .offset-by-seven-eighths.columns:first-child {
    margin-left: 91%;
 }

/* reverse offsets */

.reverse > .offset-by-eighth.column,
 .reverse > .offset-by-eighth.columns,
 .reverse > .offset-by-one-eighth.column,
 .reverse > .offset-by-one-eighth.columns {
    margin-left: 0;
    margin-right: 17%;
 }

.reverse > .offset-by-eighth.column:first-child,
 .reverse > .offset-by-eighth.columns:first-child,
 .reverse > .offset-by-one-eighth.column:first-child,
 .reverse > .offset-by-one-eighth.columns:first-child {
    margin-right: 13%;
 }

.reverse > .offset-by-three-eighths.column,
 .reverse > .offset-by-three-eighths.columns {
    margin-left: 0;
    margin-right: 43%;
 }

.reverse > .offset-by-three-eighths.column:first-child,
 .reverse > .offset-by-three-eighths.columns:first-child {
    margin-right: 39%;
 }

.reverse > .offset-by-five-eighths.column,
 .reverse > .offset-by-five-eighths.columns {
    margin-left: 0;
    margin-right: 69%;
 }

.reverse > .offset-by-five-eighths.column:first-child,
 .reverse > .offset-by-five-eighths.columns:first-child {
    margin-right: 65%;
 }

.reverse > .offset-by-seven-eighths.column:first-child,
 .reverse > .offset-by-seven-eighths.columns:first-child {
    margin-right: 91%;
 }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/**
  * Collapsed Off-Grid Even Column Sets (optional)
  * ----------------------------------------------------------------------------
  * Because sometimes you need to go off-the-grid
  */

/**
  * 1/5
  */

.collapsed > .fifth.column,
 .collapsed > .fifth.columns,
 .collapsed > .one-fifth.column,
 .collapsed > .one-fifth.columns {
    width: 20%;
 }

.collapsed > .two-fifths.column,
 .collapsed > .two-fifths.columns {
    width: 40%;
 }

.collapsed > .three-fifths.column,
 .collapsed > .three-fifths.columns {
    width: 60%;
 }

.collapsed > .four-fifths.column,
 .collapsed > .four-fifths.columns {
    width: 80%;
 }

.collapsed > .offset-by-fifth.column,
 .collapsed > .offset-by-fifth.columns,
 .collapsed > .offset-by-one-fifth.column,
 .collapsed > .offset-by-one-fifth.columns {
    margin-left: 20%;
 }

.collapsed > .offset-by-two-fifths.column,
 .collapsed > .offset-by-two-fifths.columns {
    margin-left: 40%;
 }

.collapsed > .offset-by-three-fifths.column,
 .collapsed > .offset-by-three-fifths.columns {
    margin-left: 60%;
 }

.collapsed > .offset-by-four-fifths.column,
 .collapsed > .offset-by-four-fifths.columns {
    margin-left: 80%;
 }

/* reverse offsets */

.collapsed.reverse > .offset-by-fifth.column,
 .collapsed.reverse > .offset-by-fifth.columns,
 .collapsed.reverse > .offset-by-one-fifth.column,
 .collapsed.reverse > .offset-by-one-fifth.columns {
    margin-left: 0;
    margin-right: 20%;
 }

.collapsed.reverse > .offset-by-two-fifths.column,
 .collapsed.reverse > .offset-by-two-fifths.columns {
    margin-left: 0;
    margin-right: 40%;
 }

.collapsed.reverse > .offset-by-three-fifths.column,
 .collapsed.reverse > .offset-by-three-fifths.columns {
    margin-left: 0;
    margin-right: 60%;
 }

.collapsed.reverse > .offset-by-four-fifths.column,
 .collapsed.reverse > .offset-by-four-fifths.columns {
    margin-right: 80%;
 }

/**
  * 1/7
  */

.collapsed > .seventh.column,
 .collapsed > .seventh.columns,
 .collapsed > .one-seventh.column,
 .collapsed > .one-seventh.columns {
    width: 14.2857%;
 }

.collapsed > .two-sevenths.column,
 .collapsed > .two-sevenths.columns {
    width: 28.5714%;
 }

.collapsed > .three-sevenths.column,
 .collapsed > .three-sevenths.columns {
    width: 42.8571%;
 }

.collapsed > .four-sevenths.column,
 .collapsed > .four-sevenths.columns {
    width: 57.1429%;
 }

.collapsed > .five-sevenths.column,
 .collapsed > .five-sevenths.columns {
    width: 71.4286%;
 }

.collapsed > .six-sevenths.column,
 .collapsed > .six-sevenths.columns {
    width: 85.7143%;
 }

.collapsed > .offset-by-seventh.column,
 .collapsed > .offset-by-seventh.columns,
 .collapsed > .offset-by-one-seventh.column,
 .collapsed > .offset-by-one-seventh.columns {
    margin-left: 14.2857%;
 }

.collapsed > .offset-by-two-sevenths.column,
 .collapsed > .offset-by-two-sevenths.columns {
    margin-left: 28.5714%;
 }

.collapsed > .offset-by-three-sevenths.column,
 .collapsed > .offset-by-three-sevenths.columns {
    margin-left: 42.8571%;
 }

.collapsed > .offset-by-four-sevenths.column,
 .collapsed > .offset-by-four-sevenths.columns {
    margin-left: 57.1429%;
 }

.collapsed > .offset-by-five-sevenths.column,
 .collapsed > .offset-by-five-sevenths.columns {
    margin-left: 71.4286%;
 }

.collapsed > .offset-by-six-sevenths.column,
 .collapsed > .offset-by-six-sevenths.columns {
    margin-left: 85.7143%;
 }

/* reverse offsets */

.collapsed.reverse > .offset-by-seventh.column,
 .collapsed.reverse > .offset-by-seventh.columns,
 .collapsed.reverse > .offset-by-one-seventh.column,
 .collapsed.reverse > .offset-by-one-seventh.columns {
    margin-left: 0;
    margin-right: 14.2857%;
 }

.collapsed.reverse > .offset-by-two-sevenths.column,
 .collapsed.reverse > .offset-by-two-sevenths.columns {
    margin-left: 0;
    margin-right: 28.5714%;
 }

.collapsed.reverse > .offset-by-three-sevenths.column,
 .collapsed.reverse > .offset-by-three-sevenths.columns {
    margin-left: 0;
    margin-right: 42.8571%;
 }

.collapsed.reverse > .offset-by-four-sevenths.column,
 .collapsed.reverse > .offset-by-four-sevenths.columns {
    margin-left: 0;
    margin-right: 57.1429%;
 }

.collapsed.reverse > .offset-by-five-sevenths.column,
 .collapsed.reverse > .offset-by-five-sevenths.columns {
    margin-left: 0;
    margin-right: 71.4286%;
 }

.collapsed.reverse > .offset-by-six-sevenths.column,
 .collapsed.reverse > .offset-by-six-sevenths.columns {
    margin-right: 85.7143%;
 }

/**
  * 1/8
  */

.collapsed > .eighth.column,
 .collapsed > .eighth.columns,
 .collapsed > .one-eighth.column,
 .collapsed > .one-eighth.columns {
    width: 12.5%;
 }

.collapsed > .three-eighths.column,
 .collapsed > .three-eighths.columns {
    width: 37.5%;
 }

.collapsed > .five-eighths.column,
 .collapsed > .five-eighths.columns {
    width: 62.5%;
 }

.collapsed > .seven-eighths.column,
 .collapsed > .seven-eighths.columns {
    width: 87.5%
 }

.collapsed > .offset-by-eighth.column,
 .collapsed > .offset-by-eighth.columns,
 .collapsed > .offset-by-one-eighth.column,
 .collapsed > .offset-by-one-eighth.columns {
    margin-left: 12.5%;
 }

.collapsed > .offset-by-three-eighths.column,
 .collapsed > .offset-by-three-eighths.columns {
    margin-left: 37.5%;
 }

.collapsed > .offset-by-five-eighths.column,
 .collapsed > .offset-by-five-eighths.columns {
    margin-left: 62.5%;
 }

.collapsed > .offset-by-seven-eighths.column,
 .collapsed > .offset-by-seven-eighths.columns {
    margin-left: 87.5%;
 }

/* reverse offsets */

.collapsed.reverse > .offset-by-eighth.column,
 .collapsed.reverse > .offset-by-eighth.columns,
 .collapsed.reverse > .offset-by-one-eighth.column,
 .collapsed.reverse > .offset-by-one-eighth.columns {
    margin-left: 0;
    margin-right: 12.5%;
 }

.collapsed.reverse > .offset-by-three-eighths.column,
 .collapsed.reverse > .offset-by-three-eighths.columns {
    margin-left: 0;
    margin-right: 37.5%;
 }

.collapsed.reverse > .offset-by-five-eighths.column,
 .collapsed.reverse > .offset-by-five-eighths.columns {
    margin-left: 0;
    margin-right: 62.5%;
 }

.collapsed.reverse > .offset-by-seven-eighths.column,
 .collapsed.reverse > .offset-by-seven-eighths.columns {
    margin-right: 87.5%;
 }

/* -------------------------------------------------------- 
 *  Centurion Framework v3.5.5 
 *  Justin Hough (http://www.justinhough.com/) 
 *  Licensed under GPL and MIT. 
 * -------------------------------------------------------- */

body {
  font-size: 100%;
  line-height: 1; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
          -moz-text-size-adjust: 100%;
       text-size-adjust: 100%; }

body {
  margin: 0; }

/* HTML5 display definitions */

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

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

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

[hidden], template {
  display: none; }

/* Links */

a {
  background: transparent; }

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

/* Text-level semantics */

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

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: yellow;
  color: black; }

small {
  font-size: 80%; }

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

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content */

img {
  border: 0; }

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

/* Grouping content */

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

/* Forms */

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible;
  text-transform: none; }

select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  cursor: pointer; }

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

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

input {
  line-height: normal; }

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

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0; }

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

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

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

/* Tables */

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

td, th {
  padding: 0; }

.ctn-container .ctn-grid-1, .ctn-container .ctn-grid-2, .ctn-container .ctn-grid-3, .ctn-container .ctn-grid-4, .ctn-container .ctn-grid-5, .ctn-container .ctn-grid-6, .ctn-container .ctn-grid-7, .ctn-container .ctn-grid-8, .ctn-container .ctn-grid-9, .ctn-container .ctn-grid-10, .ctn-container .ctn-grid-11, .ctn-container .ctn-grid-12, .ctn-container .ctn-grid-13, .ctn-container .ctn-grid-14, .ctn-container .ctn-grid-15, .ctn-container .ctn-grid-16, .ctn-container .ctn-grid-17, .ctn-container .ctn-grid-18, .ctn-container .ctn-grid-19, .ctn-container .ctn-grid-20, .ctn-container .ctn-grid-21, .ctn-container .ctn-grid-22, .ctn-container .ctn-grid-23, .ctn-container .ctn-grid-24, .ctn-container .ctn-tablet-1, .ctn-container .ctn-tablet-2, .ctn-container .ctn-tablet-3, .ctn-container .ctn-tablet-4, .ctn-container .ctn-tablet-5, .ctn-container .ctn-tablet-6, .ctn-container .ctn-tablet-7, .ctn-container .ctn-tablet-8, .ctn-container .ctn-tablet-9, .ctn-container .ctn-tablet-10, .ctn-container .ctn-tablet-11, .ctn-container .ctn-tablet-12, .ctn-container .ctn-mobile-1, .ctn-container .ctn-mobile-2, .ctn-container .ctn-mobile-3, .ctn-container .ctn-mobile-4, .ctn-container .ctn-mobile-5, .ctn-container .ctn-mobile-6 {
  box-sizing: border-box;
  float: left;
  padding: 0 10px;
  position: relative; }

/* Large Destkop Grid */

/* ---------------------------- */

.ctn-container {
  margin: 0 auto;
  padding: 0;
  width: 1100px; }

.ctn-container .ctn-grid-1 {
    width: 4.1667%; }

.ctn-container .ctn-push-1 {
    margin-left: 4.1667%; }

.ctn-container .ctn-pull-1 {
    margin-left: -4.1667%; }

.ctn-container .ctn-grid-2 {
    width: 8.3333%; }

.ctn-container .ctn-push-2 {
    margin-left: 8.3333%; }

.ctn-container .ctn-pull-2 {
    margin-left: -8.3333%; }

.ctn-container .ctn-grid-3 {
    width: 12.5%; }

.ctn-container .ctn-push-3 {
    margin-left: 12.5%; }

.ctn-container .ctn-pull-3 {
    margin-left: -12.5%; }

.ctn-container .ctn-grid-4 {
    width: 16.6667%; }

.ctn-container .ctn-push-4 {
    margin-left: 16.6667%; }

.ctn-container .ctn-pull-4 {
    margin-left: -16.6667%; }

.ctn-container .ctn-grid-5 {
    width: 20.8333%; }

.ctn-container .ctn-push-5 {
    margin-left: 20.8333%; }

.ctn-container .ctn-pull-5 {
    margin-left: -20.8333%; }

.ctn-container .ctn-grid-6 {
    width: 25%; }

.ctn-container .ctn-push-6 {
    margin-left: 25%; }

.ctn-container .ctn-pull-6 {
    margin-left: -25%; }

.ctn-container .ctn-grid-7 {
    width: 29.1667%; }

.ctn-container .ctn-push-7 {
    margin-left: 29.1667%; }

.ctn-container .ctn-pull-7 {
    margin-left: -29.1667%; }

.ctn-container .ctn-grid-8 {
    width: 33.3333%; }

.ctn-container .ctn-push-8 {
    margin-left: 33.3333%; }

.ctn-container .ctn-pull-8 {
    margin-left: -33.3333%; }

.ctn-container .ctn-grid-9 {
    width: 37.5%; }

.ctn-container .ctn-push-9 {
    margin-left: 37.5%; }

.ctn-container .ctn-pull-9 {
    margin-left: -37.5%; }

.ctn-container .ctn-grid-10 {
    width: 41.6667%; }

.ctn-container .ctn-push-10 {
    margin-left: 41.6667%; }

.ctn-container .ctn-pull-10 {
    margin-left: -41.6667%; }

.ctn-container .ctn-grid-11 {
    width: 45.8333%; }

.ctn-container .ctn-push-11 {
    margin-left: 45.8333%; }

.ctn-container .ctn-pull-11 {
    margin-left: -45.8333%; }

.ctn-container .ctn-grid-12 {
    width: 50%; }

.ctn-container .ctn-push-12 {
    margin-left: 50%; }

.ctn-container .ctn-pull-12 {
    margin-left: -50%; }

.ctn-container .ctn-grid-13 {
    width: 54.1667%; }

.ctn-container .ctn-push-13 {
    margin-left: 54.1667%; }

.ctn-container .ctn-pull-13 {
    margin-left: -54.1667%; }

.ctn-container .ctn-grid-14 {
    width: 58.3333%; }

.ctn-container .ctn-push-14 {
    margin-left: 58.3333%; }

.ctn-container .ctn-pull-14 {
    margin-left: -58.3333%; }

.ctn-container .ctn-grid-15 {
    width: 62.5%; }

.ctn-container .ctn-push-15 {
    margin-left: 62.5%; }

.ctn-container .ctn-pull-15 {
    margin-left: -62.5%; }

.ctn-container .ctn-grid-16 {
    width: 66.6667%; }

.ctn-container .ctn-push-16 {
    margin-left: 66.6667%; }

.ctn-container .ctn-pull-16 {
    margin-left: -66.6667%; }

.ctn-container .ctn-grid-17 {
    width: 70.8333%; }

.ctn-container .ctn-push-17 {
    margin-left: 70.8333%; }

.ctn-container .ctn-pull-17 {
    margin-left: -70.8333%; }

.ctn-container .ctn-grid-18 {
    width: 75%; }

.ctn-container .ctn-push-18 {
    margin-left: 75%; }

.ctn-container .ctn-pull-18 {
    margin-left: -75%; }

.ctn-container .ctn-grid-19 {
    width: 79.1667%; }

.ctn-container .ctn-push-19 {
    margin-left: 79.1667%; }

.ctn-container .ctn-pull-19 {
    margin-left: -79.1667%; }

.ctn-container .ctn-grid-20 {
    width: 83.3333%; }

.ctn-container .ctn-push-20 {
    margin-left: 83.3333%; }

.ctn-container .ctn-pull-20 {
    margin-left: -83.3333%; }

.ctn-container .ctn-grid-21 {
    width: 87.5%; }

.ctn-container .ctn-push-21 {
    margin-left: 87.5%; }

.ctn-container .ctn-pull-21 {
    margin-left: -87.5%; }

.ctn-container .ctn-grid-22 {
    width: 91.6667%; }

.ctn-container .ctn-push-22 {
    margin-left: 91.6667%; }

.ctn-container .ctn-pull-22 {
    margin-left: -91.6667%; }

.ctn-container .ctn-grid-23 {
    width: 95.8333%; }

.ctn-container .ctn-push-23 {
    margin-left: 95.8333%; }

.ctn-container .ctn-pull-23 {
    margin-left: -95.8333%; }

.ctn-container .ctn-grid-24 {
    width: 100%; }

.ctn-container .ctn-push-24 {
    margin-left: 100%; }

.ctn-container .ctn-pull-24 {
    margin-left: -100%; }

.ctn-container .ctn-row [class*=ctn-grid]:first-of-type, .ctn-container [class*=ctn-grid] [class*=ctn-grid]:first-of-type {
    padding-left: 0px; }

.ctn-container .ctn-row [class*=ctn-grid]:last-of-type, .ctn-container [class*=ctn-grid] [class*=ctn-grid]:last-of-type {
    padding-right: 0px; }

/* Full Width Container */

.ctn-container-full {
  width: 100%; }

/* Small Desktop Grid */

/* ---------------------------- */

@media screen and (max-width: 1100px) {
  .ctn-container {
    width: 100%; }

  .show-desktop, .hide-tablet, .hide-mobile {
    display: block !important; }

  .hide-desktop, .show-tablet, .show-mobile {
    display: none !important; }
 }

/* Tablet Grid */

/* ---------------------------- */

@media screen and (max-width: 961px) {
  .ctn-container .ctn-grid-1, .ctn-container .ctn-grid-2, .ctn-container .ctn-grid-3, .ctn-container .ctn-grid-4, .ctn-container .ctn-grid-5, .ctn-container .ctn-grid-6, .ctn-container .ctn-grid-7, .ctn-container .ctn-grid-8, .ctn-container .ctn-grid-9, .ctn-container .ctn-grid-10, .ctn-container .ctn-grid-11, .ctn-container .ctn-grid-12, .ctn-container .ctn-grid-13, .ctn-container .ctn-grid-14, .ctn-container .ctn-grid-15, .ctn-container .ctn-grid-16, .ctn-container .ctn-grid-17, .ctn-container .ctn-grid-18, .ctn-container .ctn-grid-19, .ctn-container .ctn-grid-20, .ctn-container .ctn-grid-21, .ctn-container .ctn-grid-22, .ctn-container .ctn-grid-23, .ctn-container .ctn-grid-24 {
    padding-left: 10px !important;
    padding-left: 0.66667rem !important;
    padding-right: 10px !important;
    padding-right: 0.66667rem !important;
    width: 100%; }
  .ctn-container .ctn-push-1, .ctn-container .ctn-pull-1, .ctn-container .ctn-push-2, .ctn-container .ctn-pull-2, .ctn-container .ctn-push-3, .ctn-container .ctn-pull-3, .ctn-container .ctn-push-4, .ctn-container .ctn-pull-4, .ctn-container .ctn-push-5, .ctn-container .ctn-pull-5, .ctn-container .ctn-push-6, .ctn-container .ctn-pull-6, .ctn-container .ctn-push-7, .ctn-container .ctn-pull-7, .ctn-container .ctn-push-8, .ctn-container .ctn-pull-8, .ctn-container .ctn-push-9, .ctn-container .ctn-pull-9, .ctn-container .ctn-push-10, .ctn-container .ctn-pull-10, .ctn-container .ctn-push-11, .ctn-container .ctn-pull-11, .ctn-container .ctn-push-12, .ctn-container .ctn-pull-12, .ctn-container .ctn-push-13, .ctn-container .ctn-pull-13, .ctn-container .ctn-push-14, .ctn-container .ctn-pull-14, .ctn-container .ctn-push-15, .ctn-container .ctn-pull-15, .ctn-container .ctn-push-16, .ctn-container .ctn-pull-16, .ctn-container .ctn-push-17, .ctn-container .ctn-pull-17, .ctn-container .ctn-push-18, .ctn-container .ctn-pull-18, .ctn-container .ctn-push-19, .ctn-container .ctn-pull-19, .ctn-container .ctn-push-20, .ctn-container .ctn-pull-20, .ctn-container .ctn-push-21, .ctn-container .ctn-pull-21, .ctn-container .ctn-push-22, .ctn-container .ctn-pull-22, .ctn-container .ctn-push-23, .ctn-container .ctn-pull-23, .ctn-container .ctn-push-24, .ctn-container .ctn-pull-24 {
    left: 0; }
  .ctn-container .ctn-tablet-1 {
    width: 8.3333%; }
  .ctn-container .ctn-t-push-1 {
    margin-left: 8.3333%; }
  .ctn-container .ctn-t-pull-1 {
    margin-left: -8.3333%; }
  .ctn-container .ctn-tablet-2 {
    width: 16.6667%; }
  .ctn-container .ctn-t-push-2 {
    margin-left: 16.6667%; }
  .ctn-container .ctn-t-pull-2 {
    margin-left: -16.6667%; }
  .ctn-container .ctn-tablet-3 {
    width: 25%; }
  .ctn-container .ctn-t-push-3 {
    margin-left: 25%; }
  .ctn-container .ctn-t-pull-3 {
    margin-left: -25%; }
  .ctn-container .ctn-tablet-4 {
    width: 33.3333%; }
  .ctn-container .ctn-t-push-4 {
    margin-left: 33.3333%; }
  .ctn-container .ctn-t-pull-4 {
    margin-left: -33.3333%; }
  .ctn-container .ctn-tablet-5 {
    width: 41.6667%; }
  .ctn-container .ctn-t-push-5 {
    margin-left: 41.6667%; }
  .ctn-container .ctn-t-pull-5 {
    margin-left: -41.6667%; }
  .ctn-container .ctn-tablet-6 {
    width: 50%; }
  .ctn-container .ctn-t-push-6 {
    margin-left: 50%; }
  .ctn-container .ctn-t-pull-6 {
    margin-left: -50%; }
  .ctn-container .ctn-tablet-7 {
    width: 58.3333%; }
  .ctn-container .ctn-t-push-7 {
    margin-left: 58.3333%; }
  .ctn-container .ctn-t-pull-7 {
    margin-left: -58.3333%; }
  .ctn-container .ctn-tablet-8 {
    width: 66.6667%; }
  .ctn-container .ctn-t-push-8 {
    margin-left: 66.6667%; }
  .ctn-container .ctn-t-pull-8 {
    margin-left: -66.6667%; }
  .ctn-container .ctn-tablet-9 {
    width: 75%; }
  .ctn-container .ctn-t-push-9 {
    margin-left: 75%; }
  .ctn-container .ctn-t-pull-9 {
    margin-left: -75%; }
  .ctn-container .ctn-tablet-10 {
    width: 83.3333%; }
  .ctn-container .ctn-t-push-10 {
    margin-left: 83.3333%; }
  .ctn-container .ctn-t-pull-10 {
    margin-left: -83.3333%; }
  .ctn-container .ctn-tablet-11 {
    width: 91.6667%; }
  .ctn-container .ctn-t-push-11 {
    margin-left: 91.6667%; }
  .ctn-container .ctn-t-pull-11 {
    margin-left: -91.6667%; }
  .ctn-container .ctn-tablet-12 {
    width: 100%; }
  .ctn-container .ctn-t-push-12 {
    margin-left: 100%; }
  .ctn-container .ctn-t-pull-12 {
    margin-left: -100%; }
  .ctn-container .ctn-row [class*=ctn-grid]:first-of-type, .ctn-container [class*=ctn-grid] [class*=ctn-grid]:first-of-type {
    padding-left: 0px; }
  .ctn-container .ctn-row [class*=ctn-grid]:last-of-type, .ctn-container [class*=ctn-grid] [class*=ctn-grid]:last-of-type {
    padding-right: 0px; }
 }

/* Mobile Grid */

/* ---------------------------- */

@media screen and (max-width: 481!important) {
  .ctn-container .ctn-grid-1, .ctn-container .ctn-grid-2, .ctn-container .ctn-grid-3, .ctn-container .ctn-grid-4, .ctn-container .ctn-grid-5, .ctn-container .ctn-grid-6, .ctn-container .ctn-grid-7, .ctn-container .ctn-grid-8, .ctn-container .ctn-grid-9, .ctn-container .ctn-grid-10, .ctn-container .ctn-grid-11, .ctn-container .ctn-grid-12, .ctn-container .ctn-grid-13, .ctn-container .ctn-grid-14, .ctn-container .ctn-grid-15, .ctn-container .ctn-grid-16, .ctn-container .ctn-grid-17, .ctn-container .ctn-grid-18, .ctn-container .ctn-grid-19, .ctn-container .ctn-grid-20, .ctn-container .ctn-grid-21, .ctn-container .ctn-grid-22, .ctn-container .ctn-grid-23, .ctn-container .ctn-grid-24 {
    padding-left: 10px !important;
    padding-left: 0.66667rem !important;
    padding-right: 10px !important;
    padding-right: 0.66667rem !important;
    width: 100%; }
  .ctn-container .ctn-push-1, .ctn-container .ctn-pull-1, .ctn-container .ctn-push-2, .ctn-container .ctn-pull-2, .ctn-container .ctn-push-3, .ctn-container .ctn-pull-3, .ctn-container .ctn-push-4, .ctn-container .ctn-pull-4, .ctn-container .ctn-push-5, .ctn-container .ctn-pull-5, .ctn-container .ctn-push-6, .ctn-container .ctn-pull-6, .ctn-container .ctn-push-7, .ctn-container .ctn-pull-7, .ctn-container .ctn-push-8, .ctn-container .ctn-pull-8, .ctn-container .ctn-push-9, .ctn-container .ctn-pull-9, .ctn-container .ctn-push-10, .ctn-container .ctn-pull-10, .ctn-container .ctn-push-11, .ctn-container .ctn-pull-11, .ctn-container .ctn-push-12, .ctn-container .ctn-pull-12, .ctn-container .ctn-push-13, .ctn-container .ctn-pull-13, .ctn-container .ctn-push-14, .ctn-container .ctn-pull-14, .ctn-container .ctn-push-15, .ctn-container .ctn-pull-15, .ctn-container .ctn-push-16, .ctn-container .ctn-pull-16, .ctn-container .ctn-push-17, .ctn-container .ctn-pull-17, .ctn-container .ctn-push-18, .ctn-container .ctn-pull-18, .ctn-container .ctn-push-19, .ctn-container .ctn-pull-19, .ctn-container .ctn-push-20, .ctn-container .ctn-pull-20, .ctn-container .ctn-push-21, .ctn-container .ctn-pull-21, .ctn-container .ctn-push-22, .ctn-container .ctn-pull-22, .ctn-container .ctn-push-23, .ctn-container .ctn-pull-23, .ctn-container .ctn-push-24, .ctn-container .ctn-pull-24 {
    left: 0; }
  .ctn-container .ctn-grid-1, .ctn-container .ctn-grid-2, .ctn-container .ctn-grid-3, .ctn-container .ctn-grid-4, .ctn-container .ctn-grid-5, .ctn-container .ctn-grid-6, .ctn-container .ctn-grid-7, .ctn-container .ctn-grid-8, .ctn-container .ctn-grid-9, .ctn-container .ctn-grid-10, .ctn-container .ctn-grid-11, .ctn-container .ctn-grid-12 {
    padding-left: 10px !important;
    padding-left: 0.66667rem !important;
    padding-right: 10px !important;
    padding-right: 0.66667rem !important;
    width: 100%; }
  .ctn-container .ctn-t-push-1, .ctn-container .ctn-t-pull-1, .ctn-container .ctn-t-push-2, .ctn-container .ctn-t-pull-2, .ctn-container .ctn-t-push-3, .ctn-container .ctn-t-pull-3, .ctn-container .ctn-t-push-4, .ctn-container .ctn-t-pull-4, .ctn-container .ctn-t-push-5, .ctn-container .ctn-t-pull-5, .ctn-container .ctn-t-push-6, .ctn-container .ctn-t-pull-6, .ctn-container .ctn-t-push-7, .ctn-container .ctn-t-pull-7, .ctn-container .ctn-t-push-8, .ctn-container .ctn-t-pull-8, .ctn-container .ctn-t-push-9, .ctn-container .ctn-t-pull-9, .ctn-container .ctn-t-push-10, .ctn-container .ctn-t-pull-10, .ctn-container .ctn-t-push-11, .ctn-container .ctn-t-pull-11, .ctn-container .ctn-t-push-12, .ctn-container .ctn-t-pull-12 {
    left: 0; }
  .ctn-container .ctn-mobile-1 {
    width: 16.6667%; }
  .ctn-container .ctn-m-push-1 {
    margin-left: 16.6667%; }
  .ctn-container .ctn-m-pull-1 {
    margin-left: -16.6667%; }
  .ctn-container .ctn-mobile-2 {
    width: 33.3333%; }
  .ctn-container .ctn-m-push-2 {
    margin-left: 33.3333%; }
  .ctn-container .ctn-m-pull-2 {
    margin-left: -33.3333%; }
  .ctn-container .ctn-mobile-3 {
    width: 50%; }
  .ctn-container .ctn-m-push-3 {
    margin-left: 50%; }
  .ctn-container .ctn-m-pull-3 {
    margin-left: -50%; }
  .ctn-container .ctn-mobile-4 {
    width: 66.6667%; }
  .ctn-container .ctn-m-push-4 {
    margin-left: 66.6667%; }
  .ctn-container .ctn-m-pull-4 {
    margin-left: -66.6667%; }
  .ctn-container .ctn-mobile-5 {
    width: 83.3333%; }
  .ctn-container .ctn-m-push-5 {
    margin-left: 83.3333%; }
  .ctn-container .ctn-m-pull-5 {
    margin-left: -83.3333%; }
  .ctn-container .ctn-mobile-6 {
    width: 100%; }
  .ctn-container .ctn-m-push-6 {
    margin-left: 100%; }
  .ctn-container .ctn-m-pull-6 {
    margin-left: -100%; }
  .ctn-container .ctn-row [class*=ctn-grid]:first-of-type, .ctn-container [class*=ctn-grid] [class*=ctn-grid]:first-of-type {
    padding-left: 0px; }
  .ctn-container .ctn-row [class*=ctn-grid]:last-of-type, .ctn-container [class*=ctn-grid] [class*=ctn-grid]:last-of-type {
    padding-right: 0px; }
 }

.ctn-grid-center {
  float: none !important;
  margin: 0 auto; }

.ctn-container .ctn-grid-1:before, .ctn-container .ctn-grid-2:before, .ctn-container .ctn-grid-3:before, .ctn-container .ctn-grid-4:before, .ctn-container .ctn-grid-5:before, .ctn-container .ctn-grid-6:before, .ctn-container .ctn-grid-7:before, .ctn-container .ctn-grid-8:before, .ctn-container .ctn-grid-9:before, .ctn-container .ctn-grid-10:before, .ctn-container .ctn-grid-11:before, .ctn-container .ctn-grid-12:before, .ctn-container .ctn-grid-13:before, .ctn-container .ctn-grid-14:before, .ctn-container .ctn-grid-15:before, .ctn-container .ctn-grid-16:before, .ctn-container .ctn-grid-17:before, .ctn-container .ctn-grid-18:before, .ctn-container .ctn-grid-19:before, .ctn-container .ctn-grid-20:before, .ctn-container .ctn-grid-21:before, .ctn-container .ctn-grid-22:before, .ctn-container .ctn-grid-23:before, .ctn-container .ctn-grid-24:before, .ctn-container .ctn-tablet-1:before, .ctn-container .ctn-tablet-2:before, .ctn-container .ctn-tablet-3:before, .ctn-container .ctn-tablet-4:before, .ctn-container .ctn-tablet-5:before, .ctn-container .ctn-tablet-6:before, .ctn-container .ctn-tablet-7:before, .ctn-container .ctn-tablet-8:before, .ctn-container .ctn-tablet-9:before, .ctn-container .ctn-tablet-10:before, .ctn-container .ctn-tablet-11:before, .ctn-container .ctn-tablet-12:before, .ctn-container .ctn-mobile-1:before, .ctn-container .ctn-mobile-2:before, .ctn-container .ctn-mobile-3:before, .ctn-container .ctn-mobile-4:before, .ctn-container .ctn-mobile-5:before, .ctn-container .ctn-mobile-6:before, .ctn-container:before, .clearfix:before, .cf:before, .callout:before, .red-callout:before, .blue-callout:before, .purple-callout:before, .green-callout:before, .orange-callout:before, .alert-expand:before, .ctn-container .ctn-grid-1:after, .ctn-container .ctn-grid-2:after, .ctn-container .ctn-grid-3:after, .ctn-container .ctn-grid-4:after, .ctn-container .ctn-grid-5:after, .ctn-container .ctn-grid-6:after, .ctn-container .ctn-grid-7:after, .ctn-container .ctn-grid-8:after, .ctn-container .ctn-grid-9:after, .ctn-container .ctn-grid-10:after, .ctn-container .ctn-grid-11:after, .ctn-container .ctn-grid-12:after, .ctn-container .ctn-grid-13:after, .ctn-container .ctn-grid-14:after, .ctn-container .ctn-grid-15:after, .ctn-container .ctn-grid-16:after, .ctn-container .ctn-grid-17:after, .ctn-container .ctn-grid-18:after, .ctn-container .ctn-grid-19:after, .ctn-container .ctn-grid-20:after, .ctn-container .ctn-grid-21:after, .ctn-container .ctn-grid-22:after, .ctn-container .ctn-grid-23:after, .ctn-container .ctn-grid-24:after, .ctn-container .ctn-tablet-1:after, .ctn-container .ctn-tablet-2:after, .ctn-container .ctn-tablet-3:after, .ctn-container .ctn-tablet-4:after, .ctn-container .ctn-tablet-5:after, .ctn-container .ctn-tablet-6:after, .ctn-container .ctn-tablet-7:after, .ctn-container .ctn-tablet-8:after, .ctn-container .ctn-tablet-9:after, .ctn-container .ctn-tablet-10:after, .ctn-container .ctn-tablet-11:after, .ctn-container .ctn-tablet-12:after, .ctn-container .ctn-mobile-1:after, .ctn-container .ctn-mobile-2:after, .ctn-container .ctn-mobile-3:after, .ctn-container .ctn-mobile-4:after, .ctn-container .ctn-mobile-5:after, .ctn-container .ctn-mobile-6:after, .ctn-container:after, .clearfix:after, .cf:after, .callout:after, .red-callout:after, .blue-callout:after, .purple-callout:after, .green-callout:after, .orange-callout:after, .alert-expand:after {
  content: " ";
  display: table; }

.ctn-container .ctn-grid-1:after, .ctn-container .ctn-grid-2:after, .ctn-container .ctn-grid-3:after, .ctn-container .ctn-grid-4:after, .ctn-container .ctn-grid-5:after, .ctn-container .ctn-grid-6:after, .ctn-container .ctn-grid-7:after, .ctn-container .ctn-grid-8:after, .ctn-container .ctn-grid-9:after, .ctn-container .ctn-grid-10:after, .ctn-container .ctn-grid-11:after, .ctn-container .ctn-grid-12:after, .ctn-container .ctn-grid-13:after, .ctn-container .ctn-grid-14:after, .ctn-container .ctn-grid-15:after, .ctn-container .ctn-grid-16:after, .ctn-container .ctn-grid-17:after, .ctn-container .ctn-grid-18:after, .ctn-container .ctn-grid-19:after, .ctn-container .ctn-grid-20:after, .ctn-container .ctn-grid-21:after, .ctn-container .ctn-grid-22:after, .ctn-container .ctn-grid-23:after, .ctn-container .ctn-grid-24:after, .ctn-container .ctn-tablet-1:after, .ctn-container .ctn-tablet-2:after, .ctn-container .ctn-tablet-3:after, .ctn-container .ctn-tablet-4:after, .ctn-container .ctn-tablet-5:after, .ctn-container .ctn-tablet-6:after, .ctn-container .ctn-tablet-7:after, .ctn-container .ctn-tablet-8:after, .ctn-container .ctn-tablet-9:after, .ctn-container .ctn-tablet-10:after, .ctn-container .ctn-tablet-11:after, .ctn-container .ctn-tablet-12:after, .ctn-container .ctn-mobile-1:after, .ctn-container .ctn-mobile-2:after, .ctn-container .ctn-mobile-3:after, .ctn-container .ctn-mobile-4:after, .ctn-container .ctn-mobile-5:after, .ctn-container .ctn-mobile-6:after, .ctn-container:after, .clearfix:after, .cf:after, .callout:after, .red-callout:after, .blue-callout:after, .purple-callout:after, .green-callout:after, .orange-callout:after, .alert-expand:after {
  clear: both; }

.clear, red-badge, blue-badge, purple-badge, orange-badge, green-badge, red-badge-lt, blue-badge-lt, purple-badge-lt, orange-badge-lt, green-badge-lt, red-badge-bdr, blue-badge-bdr, purple-badge-bdr, orange-badge-bdr, green-badge-bdr {
  clear: both; }

.btn, .small-btn, .large-btn, .full-btn, .blue-btn, .red-btn, .purple-btn, .orange-btn, .green-btn, .dark-grey-btn, .blue-btn-bdr, .red-btn-bdr, .purple-btn-bdr, .orange-btn-bdr, .green-btn-bdr, .dark-grey-btn-bdr {
  text-decoration: none; }

.btn, .small-btn, .large-btn, .full-btn, .blue-btn, .red-btn, .purple-btn, .orange-btn, .green-btn, .dark-grey-btn, .blue-btn-bdr, .red-btn-bdr, .purple-btn-bdr, .orange-btn-bdr, .green-btn-bdr, .dark-grey-btn-bdr, input[type='button'], input[type='reset'], input[type='submit'], button {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, .btn, .small-btn, .large-btn, .full-btn, .blue-btn, .red-btn, .purple-btn, .orange-btn, .green-btn, .dark-grey-btn, .blue-btn-bdr, .red-btn-bdr, .purple-btn-bdr, .orange-btn-bdr, .green-btn-bdr, .dark-grey-btn-bdr, red-badge, blue-badge, purple-badge, orange-badge, green-badge, red-badge-lt, blue-badge-lt, purple-badge-lt, orange-badge-lt, green-badge-lt, red-badge-bdr, blue-badge-bdr, purple-badge-bdr, orange-badge-bdr, green-badge-bdr, label, input, select, textarea, legend, input[type="search"], input[type='button'], input[type='reset'], input[type='submit'], button, table {
  color: #333333;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-smoothing: antialiased;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  margin: 15px 0px;
  margin: 1rem 0rem;
  text-align: left;
  text-rendering: optimizeLegibility; }

h1 {
  font-size: 35px;
  font-size: 2.33333rem; }

h2 {
  font-size: 29px;
  font-size: 1.93333rem; }

h3 {
  font-size: 25px;
  font-size: 1.66667rem; }

h4 {
  font-size: 21px;
  font-size: 1.4rem; }

h5 {
  font-size: 19px;
  font-size: 1.26667rem; }

h6 {
  font-size: 17px;
  font-size: 1.13333rem; }

p {
  font-size: 15px;
  font-size: 1.3rem; }

ul, ol {
  margin-left: 15px;
  margin-left: 1rem;
  padding-left: 15px;
  padding-left: 1rem; }

li {
  font-size: 15px;
  font-size: 1rem;
  margin: 0;
  padding-left: 7px;
  padding-left: 0.46667rem; }

a {
  transition: color 120ms linear; }

blockquote {
  border-left: 5px solid #dedede;
  margin-left: 18px;
  margin-left: 1.2rem;
  padding-left: 15px;
  padding-left: 1rem;
  position: relative; }

blockquote .byline {
    display: block;
    font-weight: bold;
    text-align: right; }

blockquote .byline:before {
      content: "-";
      display: inline-block;
      margin-right: 8px;
      margin-right: 0.53333rem; }

blockquote.quote {
    border-left: none;
    margin-left: 0;
    padding-left: 31px;
    padding-left: 2.06667rem; }

blockquote.quote:before, blockquote.quote:after {
      content: '"';
      font-size: 72px;
      font-size: 4.8rem;
      line-height: 0;
      position: absolute; }

blockquote.quote:before {
      top: 20px;
      left: 0; }

blockquote.quote:after {
      bottom: -20px;
      right: 0; }

strong {
  font-weight: bold; }

em {
  font-style: italics; }

big, .text-large {
  font-size: 120%; }

small, .text-small {
  font-size: 75%; }

.text-muted {
  color: #CCCCCC !important; }

.btn, .small-btn, .large-btn, .full-btn, .blue-btn, .red-btn, .purple-btn, .orange-btn, .green-btn, .dark-grey-btn, .blue-btn-bdr, .red-btn-bdr, .purple-btn-bdr, .orange-btn-bdr, .green-btn-bdr, .dark-grey-btn-bdr {
  background: #EDEDED;
  border: none;
  color: #000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  display: inline-block;
  font-size: 15px;
  font-size: 1rem;
  font-weight: normal;
  margin: 15px 0px;
  margin: 1rem 0rem;
  outline: 0;
  padding: 8px 16px;
  padding: 0.53333rem 1.06667rem;
  text-decoration: none;
  vertical-align: middle;
  zoom: 1;
  transition: background 120ms linear; }

.btn:hover, .small-btn:hover, .large-btn:hover, .full-btn:hover, .blue-btn:hover, .red-btn:hover, .purple-btn:hover, .orange-btn:hover, .green-btn:hover, .dark-grey-btn:hover, .blue-btn-bdr:hover, .red-btn-bdr:hover, .purple-btn-bdr:hover, .orange-btn-bdr:hover, .green-btn-bdr:hover, .dark-grey-btn-bdr:hover {
    background-color: #CCCCCC;
    color: #000; }

.blue-btn-bdr, .red-btn-bdr, .purple-btn-bdr, .orange-btn-bdr, .green-btn-bdr, .dark-grey-btn-bdr {
  background-color: transparent;
  border: 1px solid #999999; }

.small-btn {
  font-size: 10px;
  font-size: 0.66667rem;
  padding: 6px 12px;
  padding: 0.4rem 0.8rem; }

.large-btn {
  font-size: 18px;
  font-size: 1.2rem;
  padding: 8px 36px;
  padding: 0.53333rem 2.4rem; }

.full-btn {
  padding: 10px 0px;
  padding: 0.66667rem 0rem;
  text-align: center;
  width: 100%; }

.inline-btn {
  margin: 0; }

.blue-btn {
  background-color: #2971b2;
  color: #FFF; }

.blue-btn:hover {
    background-color: #1f5789;
    color: #FFF; }

.red-btn {
  background-color: #e04646;
  color: #FFF; }

.red-btn:hover {
    background-color: #d02323;
    color: #FFF; }

.purple-btn {
  background-color: #553a99;
  color: #FFF; }

.purple-btn:hover {
    background-color: #402c74;
    color: #FFF; }

.orange-btn {
  background-color: #fe9300;
  color: #FFF; }

.orange-btn:hover {
    background-color: #cb7500;
    color: #FFF; }

.green-btn {
  background-color: #4a742c;
  color: #FFF; }

.green-btn:hover {
    background-color: #324f1e;
    color: #FFF; }

.dark-grey-btn {
  background-color: #555555;
  color: #FFF; }

.dark-grey-btn:hover {
    background-color: #000;
    color: #FFF; }

.blue-btn-bdr {
  box-shadow: none;
  border-color: #2971b2;
  color: #2971b2; }

.blue-btn-bdr:hover {
    background-color: #2971b2;
    color: #FFF; }

.red-btn-bdr {
  box-shadow: none;
  border-color: #e04646;
  color: #e04646; }

.red-btn-bdr:hover {
    background-color: #e04646;
    color: #FFF; }

.purple-btn-bdr {
  box-shadow: none;
  border-color: #553a99;
  color: #553a99; }

.purple-btn-bdr:hover {
    background-color: #553a99;
    color: #FFF; }

.orange-btn-bdr {
  box-shadow: none;
  border-color: #fe9300;
  color: #fe9300; }

.orange-btn-bdr:hover {
    background-color: #fe9300;
    color: #FFF; }

.green-btn-bdr {
  box-shadow: none;
  border-color: #4a742c;
  color: #4a742c; }

.green-btn-bdr:hover {
    background-color: #4a742c;
    color: #FFF; }

.dark-grey-btn-bdr {
  box-shadow: none;
  border-color: #555555;
  color: #555555; }

.dark-grey-btn-bdr:hover {
    background-color: #555555;
    color: #FFF; }

red-badge, blue-badge, purple-badge, orange-badge, green-badge, red-badge-lt, blue-badge-lt, purple-badge-lt, orange-badge-lt, green-badge-lt, red-badge-bdr, blue-badge-bdr, purple-badge-bdr, orange-badge-bdr, green-badge-bdr {
  display: inline-block;
  background-color: #cccccc;
  color: #555555;
  cursor: pointer;
  font-size: 11px;
  font-size: 0.73333rem;
  line-height: 1.5;
  margin: 10px 0px;
  margin: 0.66667rem 0rem;
  padding: 5px 8px;
  padding: 0.33333rem 0.53333rem; }

red-badge-bdr, blue-badge-bdr, purple-badge-bdr, orange-badge-bdr, green-badge-bdr {
  background-color: transparent;
  border: 1px solid #CCCCCC; }

red-badge {
  background-color: #e04646;
  color: #FFF; }

blue-badge {
  background-color: #2971b2;
  color: #FFF; }

purple-badge {
  background-color: #553a99;
  color: #FFF; }

orange-badge {
  background-color: #fe9300;
  color: #FFF; }

green-badge {
  background-color: #4a742c;
  color: #FFF; }

red-badge-lt {
  background-color: #ef9d9d;
  color: #333333; }

blue-badge-lt {
  background-color: #8fbce5;
  color: #333333; }

purple-badge-lt {
  background-color: #a895d7;
  color: #333333; }

orange-badge-lt {
  background-color: #ffbe65;
  color: #333333; }

green-badge-lt {
  background-color: #95c970;
  color: #333333; }

red-badge-bdr {
  border-color: #e04646;
  color: #e04646; }

blue-badge-bdr {
  border-color: #2971b2;
  color: #2971b2; }

purple-badge-bdr {
  border-color: #553a99;
  color: #553a99; }

orange-badge-bdr {
  border-color: #fe9300;
  color: #fe9300; }

green-badge-bdr {
  border-color: #4a742c;
  color: #4a742c; }

.alert .btn-expand {
  background-color: transparent;
  cursor: pointer;
  display: block; }

.alert .btn-expand:after {
  color: #000;
  background: #FFF;
  border: 1px solid #CCCCCC;
  border-radius: 25px;
  font-weight: bold;
  line-height: 1;
  padding: 2px 6px 3px 6px;
  position: absolute;
  top: 0.5em;
  right: 1em;
  text-align: center;
  transition: 0.5s ease-in-out; }

.alert .btn-expand:hover:after {
    background: #FFF;
    color: #999999; }

.callout, .red-callout, .blue-callout, .purple-callout, .green-callout, .orange-callout {
  display: block;
  background-color: #ededed;
  border-left: 5px solid #cccccc;
  margin: 15px 0px;
  margin: 1rem 0rem;
  padding: 15px;
  padding: 1rem; }

.callout h1, .red-callout h1, .blue-callout h1, .purple-callout h1, .green-callout h1, .orange-callout h1, .callout h2, .red-callout h2, .blue-callout h2, .purple-callout h2, .green-callout h2, .orange-callout h2, .callout h3, .red-callout h3, .blue-callout h3, .purple-callout h3, .green-callout h3, .orange-callout h3 {
    color: #777777;
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 10px;
    margin-bottom: 0.66667rem; }

.callout p, .red-callout p, .blue-callout p, .purple-callout p, .green-callout p, .orange-callout p {
    color: #555555;
    margin: 10px 0px;
    margin: 0.66667rem 0rem; }

/* Red Callout - Alert or Danger */

.red-callout {
  background-color: #ffe3e1;
  border-left-color: #cc583a; }

.red-callout h1, .red-callout h2, .red-callout h3 {
    color: #cc583a; }

/* Blue Callout - Informational */

.blue-callout {
  background-color: #dddfff;
  border-left-color: #272d7f; }

.blue-callout h1, .blue-callout h2, .blue-callout h3 {
    color: #272d7f; }

/* Purple Callout - Play Koi */

.purple-callout {
  background-color: #ffdcfc;
  border-left-color: #7f4d7b; }

.purple-callout h1, .purple-callout h2, .purple-callout h3 {
    color: #7f4d7b; }

/* Green Callout - Success or Whoohoo! */

.green-callout {
  background-color: #dfffe4;
  border-left-color: #277f35; }

.green-callout h1, .green-callout h2, .green-callout h3 {
    color: #277f35; }

/* Orange Callout - Warning or Caution */

.orange-callout {
  background-color: #ffefdd;
  border-left-color: #fe9300; }

.orange-callout h1, .orange-callout h2, .orange-callout h3 {
    color: #fe9300; }

.alert {
  border-left: none;
  border-radius: 4px;
  box-shadow: 0 0 8px #cccccc;
  padding: 10px 18px;
  padding: 0.66667rem 1.2rem;
  position: relative; }

.alert .btn-expand:after {
    content: "+"; }

.alert .btn-expand.open:after {
    transform: rotate(45deg);
    transition: 0.5s ease-in-out; }

.alert .btn-expand.open:hover:after {
    color: #e04646; }

.alert-expand {
  display: none;
  background: white;
  border-left: 1px solid #dddddd;
  margin-bottom: 15px;
  margin-bottom: 1rem;
  padding: 0px 15px;
  padding: 0rem 1rem; }

.alert-expand.expanded {
    display: block; }

label, input, select, textarea, legend, input[type="search"] {
  box-sizing: border-box;
  outline: none;
  outline-offset: 0; }

label {
  display: block;
  margin-bottom: 24px;
  margin-bottom: 1.6rem; }

fieldset {
  border: none;
  padding: 0;
  margin-bottom: 24px;
  margin-bottom: 1.6rem; }

fieldset label {
    margin: 0; }

legend {
  font-weight: bold;
  margin: 0px 0px 8px 0px;
  margin: 0rem 0rem 0.53333rem 0rem; }

input {
  border: 1px solid #CCCCCC;
  display: block;
  margin: 8px 0px 16px 0px;
  margin: 0.53333rem 0rem 1.06667rem 0rem;
  padding: 4px;
  padding: 0.26667rem;
  border-radius: 0;
  transition: border-color 150ms linear;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  margin: 0;
/*   width: 100%; */ }

input:focus {
    border-color: #2971b2; }

input[type="checkbox"], input[type="radio"] {
  display: inline-block;
  width: auto; }

input[type="checkbox"] {
  margin-right: 4px;
  margin-right: 0.26667rem;
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox; }

input[type="radio"] {
  margin-right: 8px;
  margin-right: 0.53333rem;
  -webkit-appearance: radio;
     -moz-appearance: radio;
          appearance: radio; }

.ctn-field-required {
  color: #e04646;
  font-weight: bold;
  line-height: 1;
  margin-left: 5px; }

.ctn-field-error {
  border-color: #e04646; }

.ctn-field-warning {
  border-color: #fe9300; }

.ctn-field-success {
  border-color: #4a742c; }

textarea {
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  padding: 8px;
  padding: 0.53333rem;
  line-height: 1.2;
  height: auto;
  margin: 8px 0px;
  margin: 0.53333rem 0rem;
  width: 100%; }

textarea:focus {
    border-color: #2971b2; }

select {
  border: 1px solid #CCCCCC;
  border-radius: 0;
  display: block;
  padding: 6px 24px 6px 8px;
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input[type='button'], input[type='reset'], input[type='submit'], button {
  background: #EDEDED;
  border: none;
  color: #000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  display: inline-block;
  font-size: 15px;
  font-size: 1rem;
  font-weight: normal;
  margin: 15px 0px;
  margin: 1rem 0rem;
  outline: 0;
  padding: 8px 16px;
  padding: 0.53333rem 1.06667rem;
  text-decoration: none;
  vertical-align: middle;
  zoom: 1;
  display: block; }

.ctn-submit-btn {
  background-color: #2971b2;
  color: #FFF; }

.ctn-cancel-btn {
  background-color: #e04646;
  color: #FFF; }

input[type="search"] {
  box-sizing: border-box;
  border-right: 0;
  display: inline;
  float: left;
  padding: 6px;
  padding: 0.4rem;
  width: 85%; }

.ctn-search-submit {
  background-color: #2971b2;
  color: #FFF;
  box-sizing: border-box;
  border: 1px solid #2971b2;
  border-left: 0;
  box-shadow: none;
  display: inline;
  float: left;
  line-height: 1;
  padding: 10px 0 11px 0;
  text-align: center;
  width: 15%; }

.ctn-search-submit:hover {
    background-color: #1f5789; }

.helmet-1 {
  margin-top: 15px;
  margin-top: 1rem; }

.sandal-1 {
  margin-bottom: 15px;
  margin-bottom: 1rem; }

.armor-1 {
  margin: 15px 0px;
  margin: 1rem 0rem; }

.helmet-2 {
  margin-top: 30px;
  margin-top: 2rem; }

.sandal-2 {
  margin-bottom: 30px;
  margin-bottom: 2rem; }

.armor-2 {
  margin: 30px 0px;
  margin: 2rem 0rem; }

.helmet-3 {
  margin-top: 45px;
  margin-top: 3rem; }

.sandal-3 {
  margin-bottom: 45px;
  margin-bottom: 3rem; }

.armor-3 {
  margin: 45px 0px;
  margin: 3rem 0rem; }

.helmet-4 {
  margin-top: 60px;
  margin-top: 4rem; }

.sandal-4 {
  margin-bottom: 60px;
  margin-bottom: 4rem; }

.armor-4 {
  margin: 60px 0px;
  margin: 4rem 0rem; }

.helmet-5 {
  margin-top: 75px;
  margin-top: 5rem; }

.sandal-5 {
  margin-bottom: 75px;
  margin-bottom: 5rem; }

.armor-5 {
  margin: 75px 0px;
  margin: 5rem 0rem; }

.pad-helmet-1 {
  padding-top: 15px;
  padding-top: 1rem; }

.pad-sandal-1 {
  padding-bottom: 15px;
  padding-bottom: 1rem; }

.pad-armor-1 {
  padding: 15px 0px;
  padding: 1rem 0rem; }

.pad-helmet-2 {
  padding-top: 30px;
  padding-top: 2rem; }

.pad-sandal-2 {
  padding-bottom: 30px;
  padding-bottom: 2rem; }

.pad-armor-2 {
  padding: 30px 0px;
  padding: 2rem 0rem; }

.pad-helmet-3 {
  padding-top: 45px;
  padding-top: 3rem; }

.pad-sandal-3 {
  padding-bottom: 45px;
  padding-bottom: 3rem; }

.pad-armor-3 {
  padding: 45px 0px;
  padding: 3rem 0rem; }

.pad-helmet-4 {
  padding-top: 60px;
  padding-top: 4rem; }

.pad-sandal-4 {
  padding-bottom: 60px;
  padding-bottom: 4rem; }

.pad-armor-4 {
  padding: 60px 0px;
  padding: 4rem 0rem; }

.pad-helmet-5 {
  padding-top: 75px;
  padding-top: 5rem; }

.pad-sandal-5 {
  padding-bottom: 75px;
  padding-bottom: 5rem; }

.pad-armor-5 {
  padding: 75px 0px;
  padding: 5rem 0rem; }

table {
  background: #FFF;
  border-collapse: collapse;
  border-spacing: 0;
  color: #555555;
  font-size: 15px;
  font-size: 1rem;
  margin: 15px 0px;
  margin: 1rem 0rem;
  width: 100%; }

thead, tfoot {
  text-align: left; }

thead th, thead td, tfoot th, tfoot td {
    background-color: #CCCCCC;
    color: #FFF;
    font-weight: bold;
    line-height: normal;
    padding: 10px 12px;
    padding: 0.66667rem 0.8rem;
    vertical-align: middle; }

tbody tr, tbody td {
  padding: 8px 12px;
  padding: 0.53333rem 0.8rem; }

tbody tr.odd {
  background-color: #FFF; }

tbody tr.even {
  background-color: #efefef; }

@media only screen and (max-width: 481px) {
  .ctn-table-wrapper {
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden; }
    .ctn-table-wrapper .ctn-responsive-table {
      overflow: scroll;
      overflow-y: hidden; }
 }

.black-table thead th, .black-table thead td, .black-table tfoot th, .black-table tfoot td {
  background-color: #000; }

.black-table tbody.odd {
  background-color: #FFF; }

.black-table tbody.even {
  background-color: #555555; }

.red-table thead th, .red-table thead td, .red-table tfoot th, .red-table tfoot td {
  background-color: #e04646; }

.red-table tbody.odd {
  background-color: #FFF; }

.red-table tbody.even {
  background-color: #d02323; }

.blue-table thead th, .blue-table thead td, .blue-table tfoot th, .blue-table tfoot td {
  background-color: #2971b2; }

.blue-table tbody.odd {
  background-color: #FFF; }

.blue-table tbody.even {
  background-color: #1f5789; }

.green-table thead th, .green-table thead td, .green-table tfoot th, .green-table tfoot td {
  background-color: #4a742c; }

.green-table tbody.odd {
  background-color: #FFF; }

.green-table tbody.even {
  background-color: #324f1e; }

.purple-table thead th, .purple-table thead td, .purple-table tfoot th, .purple-table tfoot td {
  background-color: #553a99; }

.purple-table tbody.odd {
  background-color: #FFF; }

.purple-table tbody.even {
  background-color: #402c74; }

.orange-table thead th, .orange-table thead td, .orange-table tfoot th, .orange-table tfoot td {
  background-color: #fe9300; }

.orange-table tbody.odd {
  background-color: #FFF; }

.orange-table tbody.even {
  background-color: #cb7500; }

.left-float {
  float: left; }

.right-float {
  float: right; }

.visible {
  visibility: display; }

.not-visible {
  visibility: hidden; }

/* --------------------------------------------------------
 *
 *  Custom Preview
 *
 * -------------------------------------------------------- */

.ctn-full-container { width: 100%; }

a {
   color: #586e75; }

a:hover {
   color: #9d9191; }

a.call {
   color: #fe9300;
   font-weight: bold;
   text-decoration: none;
 }

a:hover.call {
   color: black;
   font-weight: bold;
   text-decoration: underline;
 }

#logo {
   font-size: 1.5rem;
   margin: 0.9375rem 0rem;
   font-weight: 800;
   display: inline-block;
   background: url("/assets/logo.png") no-repeat left center transparent;
   background-size: 25px;
   color: white;
   text-decoration: none;
   padding-left: 32px;
 }

#menu-button {
   display: none;
 }

[class^="icon-"], [class*=" icon-"] {
   font-family: 'icomoon';
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

.icon-menu:before {
   content: "\e606";
 }

.animate {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }

.sticky-nav {
   position: absolute;
   top: 0;
   z-index: 1000;
   width: 100%;
   height: 65px;
   height: 4.0625rem;
 }

#header {
   background: none;
   position:absolute;
   width:100%;
 }

#header section {
   background: 0 0;
   min-height: 0;
 }

#header.fixed {
   background-color: #111;
   background-color: rgba(9, 9, 9, 0.55);
   position: fixed;
   z-index: 1000;
 }

#header.fixed nav#main ul {
   -webkit-animation-name: bounceInDown;
   animation-name: bounceInDown;
   padding: 0;
 }

nav#main {
   float:right;
   font-family: Raleway, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   font-style: normal;
   font-variant: normal;
   line-height: normal;
   text-rendering: optimizeLegibility;
   text-transform: lowercase;
 }

nav#main ul {
   margin: 0;
   padding: 0;
 }

nav#main li {
   display: inline-block;
   float: left;
   margin: 5px 0px 0px 0px;
   margin: 0.3125rem 0rem 0rem 0rem;
 }

nav ul {
   margin: 0;
   padding: 0;
 }

nav ul li {
   display: inline-block;
   list-style: none;
   margin: 0.5125rem 0rem 0rem 0rem;
   float: left;
   padding: 0;
 }

nav ul li a {
   color: white;
   display: block;
   line-height: 1;
   padding: 12px;
   padding: 0.75rem;
   font-weight: 800;
   text-decoration: none;
 }

nav ul li a:hover,
 nav ul li a.current,
 nav ul li a.nav-current {
   background: none;
   text-decoration:underline;
   color: white;
 }

.page-content {
   margin-top: 100px;
 }

#featured-banner {
   position: relative;
   width: 100%;
   height: 100%;
   background: url(/assets/banners/feature-1280-blur.jpg) no-repeat center center transparent;
   background-size: cover;
   padding-top: 5%;
   padding-bottom: 5%;
   min-height: 55rem;
 /*
 -webkit-animation: animatedBackground 10s ease-out 1;
  -moz-animation: animatedBackground 10s ease-out 1;
  animation: animatedBackground 10s ease-out 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
 */
 }

#banner {
   background: #fe9300;
   border-bottom: 1px solid #fe9300; }

#banner h1 {
     color: white; }

/*
  @-webkit-keyframes animatedBackground {
         0% {
             -webkit-transform: scale(1, 1);
             -moz-transform: scale(1, 1);
             -ms-transform: scale(1, 1);
             -o-transform: scale(1, 1);
             transform: scale(1, 1)
         }
         100% {
         -webkit-transform: scale(1.1, 1.1);
         -moz-transform: scale(1.1, 1.1);
         -ms-transform: scale(1.1, 1.1);
         -o-transform: scale(1.1, 1.1);
         transform: scale(1.1, 1.1)
         }
 
     }
 
 
     @-moz-keyframes animatedBackground {
         0% {
             -webkit-transform: scale(1, 1);
             -moz-transform: scale(1, 1);
             -ms-transform: scale(1, 1);
             -o-transform: scale(1, 1);
             transform: scale(1, 1)
         }
         100% {
             -webkit-transform: scale(1.1, 1.1);
             -moz-transform: scale(1.1, 1.1);
             -ms-transform: scale(1.1, 1.1);
             -o-transform: scale(1.1, 1.1);
             transform: scale(1.1, 1.1)
         }
 
     }
     @keyframes animatedBackground {
         0% {
             -webkit-transform: scale(1, 1);
             -moz-transform: scale(1, 1);
             -ms-transform: scale(1, 1);
             -o-transform: scale(1, 1);
             transform: scale(1, 1)
         }
         100% {
             -webkit-transform: scale(1.1, 1.1);
             -moz-transform: scale(1.1, 1.1);
             -ms-transform: scale(1.1, 1.1);
             -o-transform: scale(1.1, 1.1);
             transform: scale(1.1, 1.1)
         }
 
     }
 */

#featured-banner h1{
 color: white;
 font-size: 72px;
 font-size: 4.5rem;
 margin: 0;
 text-align: center;
 /*text-shadow: 4px 4px 0 #222222;*/
 white-space: normal;
 }

#featured-banner h1,
 #featured-banner p {
 transition: none !important;
 }

#scroll {
   background: url("/assets/scroll-100.png") no-repeat center transparent;
   height: 100px;
 
 }

.signup {
   padding-top: 15px;
 }

.signup h3 {
   font-size: 16px;
   color: gray;
   text-transform: uppercase;
 }

.signup h3 span {
   color: #3daddb;
   font-weight: 700;
 }

form {
   display: inline-block;
   margin-top: 0em;
 }

.homefooter{
   text-align: center;
   padding: 5.5rem;
 }

.homefootertext{
   text-align: center;
   color: white;
 }

.homefootertext a{
   color: white;
 }

.redtext {
   color:rgb(250, 135, 135);
   font-weight: 700;
   font-size: 18px;
 }

.centerbtn {
   text-align: center;
 }

.listing {
   font-size: 16px;
 }

.sorry {
   font-size: 16px;
   font-size: 1rem;
   font-style: italic;
 }

.home-section {
   box-sizing: border-box;
   padding: 120px 0;
   text-align: center;
   min-height: 600px;
   width: 100%;
 }

.home-section h1 {
   font-size: 3.5em;
   font-weight: bold;
   text-align: center;
   text-transform: none;
 }

.home-section p {
   text-align: center;
 }

.home-section .centerbtn {
   /*margin-top: 80px;*/
 }

.discuss-dev {
   background: #dd4b39;
 }

.wheat-text {
   color: wheat;
   text-align: center;
 }

.black-text{
   color: #000;
 }

.esri {
   background: #ffb700;
 }

.esri h1 {
   color: #333;
 }

.room316 {
   background: #00aeef;
 }

.room316 h1 {
   color: white;
   margin-top: 1.5em;
 }

.book {
   background: #91d3de;
 }

.book h1 {
   color: white;
   margin-top: 1.5em;
 }

.btn {
   display: inline-block;
   min-width: 6rem;
   margin: 1.83333rem auto;
   padding: .75em 1em;
   background-color: transparent;
   border-radius: 3px;
   border: 1px solid #242323;
   text-decoration: none;
   text-align: center;
   font-size: 0.92em;
   cursor: pointer;
   transition: all 75ms linear;
 }

.btn.white{
   color: #FFFFFF;
   border: 1px solid #FFFFFF;
 }

.btn.white.center{
   text-align: center;
 }

.btn:hover{
   background: none;
   border: 1px solid #dedede;
 }

.btn.white:hover{
   background: none;
   color: #fff;
   border: 1px solid #ddd;
 }

.imagebox {
   box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
   display: block;
 }

img.desaturate { filter: grayscale(100%); }

/* Styles for scroller on front page */

.arrow-wrap {
   position:absolute;
   z-index:1;
   left:50%;
   top:-5em;
   margin-left:-5em;
   margin-top:780px;
   background:#111;
   width: 6em;
   height: 1em;
   padding:4em 2em;
   border-radius:50%;
   font-size:0.5em;
   display:block;
   box-shadow:0px 0px 5px 0px #333;
 }

.arrow {
   float:left;
   position:relative;
   width: 0px;
 height: 0px;
 border-style: solid;
 border-width: 3em 3em 0 3em;
 border-color: #ffffff transparent transparent transparent;
   -webkit-transform:rotate(360deg)
 }

.arrow:after {
   content:'';
   position:absolute;
   top:-3.2em;
   left:-3em;
   width: 0px;
 height: 0px;
 border-style: solid;
 border-width: 3em 3em 0 3em;
 border-color: #111 transparent transparent transparent;
   -webkit-transform:rotate(360deg)
 }

.arrow-wrap:hover .hint {
   opacity:1;
 }

@-webkit-keyframes arrows {
     0% { top:0; }
     10% { top:12%; }
     20% { top:0; }
     30% { top:12%; }
     40% { top:-12%; }
     50% { top:12%; }
     60% { top:0; }
     70% { top:12%; }
     80% { top:-12%; }
     90% { top:12%; }
     100% { top:0; }
   }

.arrow-wrap .arrow {
     -webkit-animation: arrows 2.8s 0.4s;
     -webkit-animation-delay: 3s;
   }

/*  End of Scroll css for front page */

h1, h2, h3, h4, h5, h6, .prociono, .prociono > * {
   font-family: 'Prociono', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   line-height: normal;
   text-rendering: optimizeLegibility;
 }

h1 {
   font-size: 3rem;
   text-transform: lowercase;
 }

h2 a {
   text-decoration: underline;
   font-size: 2rem;
 }

.intro {
   margin: auto;
   max-width: 82em;
   color: white;
   padding: 3.66667rem 0 7.33333rem 0;
 }

.largetext {
   font-size: 1.86667rem;
   line-height: 2.83333rem;
   margin-top: 0;
   padding-top: 1rem;
   margin-bottom: 0rem;
   color: white;
     text-shadow: 2px 2px 5px #000;
 }

.pagetype {
   text-transform: none;
 }

/* Home page UL classes */

.interactive {
   float: left;
   margin: 0;
   padding: 0;
 }

.interactive li {
   display: inline-block;
   float: left;
   list-style-type: none;
   padding: 0;
   margin: 0;
   width: 33.33%
 }

.interactive li img {
   display: block;
   /*float: left;*/
   height: auto;
   width: 100%;
 }

ul.interactive {
   padding: 0;
   margin: 0;
 }

.profile {
   padding: 10px;
 }

.section-break {
   border-bottom: 3px solid #dddddd;
   margin: 2em 0;
   width: 100%; }

footer {
   background: #373737;
   border: 1px solid #999999;
   font-size: 0.8em;
   /*margin-top: 20px;*/
   }

footer.sub {
   margin-top: 40px;
   }

footer p {
   color: white;
   font-size: 1rem;
 }

.lfloat {
   float: left; }

.rfloat {
   float: right; }

.frame {
   border: 1px solid #cccccc;
   margin: 0 1.2em 1.2em 0;
   padding: 0.5em; }

#banner:before, .section-break:before, .clearfix:before, .cf:before, #banner:after, .section-break:after, .clearfix:after, .cf:after {
   content: " ";
   display: table; }

#banner:after, .section-break:after, .clearfix:after, .cf:after {
   clear: both; }

.sidebar-image {
   box-shadow: 2px 2px 5px #333;
   height: auto;
   width: 100%;
 
 }

#mc_embed_signup form {
   display: inline-block;
   position: relative;
   text-align: left;
   padding: 10px 0 10px 3%;
 }

/* #mc_embed_signup {background:#fff; clear:left; font:14px Prociono,Helvetica,Arial,sans-serif; } */

#mc_embed_signup .button {
     border-radius: 1500px;
   padding: 11px 30px;
   background: #58caf9;
   color: #fff;
   font-weight: bold;
   border: 1px solid #58caf9;
   display: inline-block;
   text-transform: uppercase;
   font: 14px Prociono,Helvetica,Arial,sans-serif;
 }

#mc_embed_signup input.email {
   border-radius: 1500px;
   border: 1px solid #a3a3a3;
   padding: 10px 30px;
   font: 300 italic 16px/1.3 , serif;
   background: #f9f9f9;
   width: 275px;
   transition: background .4s;
   margin-bottom: 5px;
   display: block;
   float: left;
 }

#mc_embed_signup input.button {
   display: inline-block;
   margin: 0 0 10px 10px;
   min-width: 90px;
   float: left;
 }

.article {
  margin-bottom: 2rem;
 }

ul li {
  list-style: circle;
 }

.container {
  width: 100%;
}

@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}

.visible {
  visibility: visible;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/5 {
  width: 20%;
}

.w-4\/5 {
  width: 80%;
}

.flex-col {
  flex-direction: column;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.leading-normal {
  line-height: 1.5;
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}