/*!
Theme Name: Plymouth 400
Theme URI: http://underscores.me/
Author: Me
Author URI: http://underscores.me/
Description: Custom theme: Plymouth 400, developed by Me
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: p400
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Plymouth 400 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Accessibility
# Alignments
# Clearings
# Infinite scroll
# Media
	## Captions
	## Galleries
# Custom
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, 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; }

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-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.
 */
[type="search"]::-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 */ }

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignleft,
.alignright,
.aligncenter {
  margin-bottom: 1.5rem; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption .wp-caption-text {
  margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }

.gallery-columns-2 .gallery-item {
  max-width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.33%; }

.gallery-columns-4 .gallery-item {
  max-width: 25%; }

.gallery-columns-5 .gallery-item {
  max-width: 20%; }

.gallery-columns-6 .gallery-item {
  max-width: 16.66%; }

.gallery-columns-7 .gallery-item {
  max-width: 14.28%; }

.gallery-columns-8 .gallery-item {
  max-width: 12.5%; }

.gallery-columns-9 .gallery-item {
  max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
## Custom
--------------------------------------------------------------*/
html {
  overflow-x: hidden; }

.rule, main article hr {
  clear: both;
  display: block;
  padding: 1.5rem 0;
  background: none;
  border-bottom: 1px solid #ccc; }

/*! Typebase.scss v0.1.0 | MIT License */
/* Setup */
html {
  /* Change default typefaces here */
  font-family: "Amiko", sans-serif;
  font-weight: 400;
  font-size: 100%;
  -webkit-font-smoothing: antialiased; }

/* Copy & Lists */
p {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0; }

ul,
ol {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  ul li,
  ol li {
    line-height: 1.5rem; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-top: 0;
    margin-bottom: 0; }

blockquote {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  /* Change heading typefaces here */
  font-family: "Amiko", sans-serif;
  font-weight: 700;
  margin-top: 1.5rem;
  margin-bottom: 0;
  line-height: 1.5rem;
  color: #005991; }

h1 {
  font-size: 4.242rem;
  line-height: 4.5rem;
  margin-top: 3rem; }

h2 {
  font-size: 2.828rem;
  line-height: 3rem;
  margin-top: 3rem; }

h3,
.h3 {
  font-size: 1.414rem; }

h4,
.h4 {
  font-size: 0.707rem; }

h5 {
  font-size: 0.4713333333rem; }

h6 {
  font-size: 0.3535rem; }

.headeline.headeline--uppercase {
  text-transform: uppercase; }

.headeline.headeline--blue {
  color: #0072BC; }

/* Tables */
table {
  margin-top: 1.5rem;
  border-spacing: 0px;
  border-collapse: collapse; }

td,
th {
  padding: 0;
  line-height: 24px; }

/* Code blocks */
code {
  vertical-align: bottom; }

/* Leading paragraph text */
.lead {
  font-size: 1.414rem; }

/* Hug a the block above you */
.hug {
  margin-top: 0; }

.mb-leading {
  margin-bottom: 1.5rem; }

.child-hug > * {
  margin-top: 0; }

html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  color: #22292F;
  /* Fallback for when there is no custom background color defined. */ }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

blockquote {
  margin: 1rem 0;
  background: rgba(0, 114, 188, 0.25);
  border-left: 0.5rem solid #0072BC;
  padding: 1rem; }

blockquote > * {
  margin-top: 0;
  font-style: italic; }

/*!
 * # Semantic UI 2.4.1 - Form
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Elements
*******************************/
/*--------------------
        Form
---------------------*/
.ui.form, form {
  position: relative;
  max-width: 100%; }

  /*--------------------
		  Content
  ---------------------*/
.ui.form > p, form > p {
  margin: 1em 0em; }

  /*--------------------
		  Field
  ---------------------*/
.ui.form .field, form .field {
  clear: both;
  margin: 0em 0em 1em; }

.ui.form .field:last-child, form .field:last-child,
.ui.form .fields:last-child .field,
form .fields:last-child .field {
  margin-bottom: 0em; }

.ui.form .fields .field, form .fields .field {
  clear: both;
  margin: 0em; }

  /*--------------------
		  Labels
  ---------------------*/
.ui.form .field > label, form .field > label {
  display: block;
  margin: 0em 0em 0.28571429rem 0em;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.92857143em;
  font-weight: bold;
  text-transform: none; }

  /*--------------------
	  Standard Inputs
  ---------------------*/
.ui.form textarea, form textarea,
.ui.form input:not([type]),
form input:not([type]),
.ui.form input[type="date"],
form input[type="date"],
.ui.form input[type="datetime-local"],
form input[type="datetime-local"],
.ui.form input[type="email"],
form input[type="email"],
.ui.form input[type="number"],
form input[type="number"],
.ui.form input[type="password"],
form input[type="password"],
.ui.form input[type="search"],
form input[type="search"],
.ui.form input[type="tel"],
form input[type="tel"],
.ui.form input[type="time"],
form input[type="time"],
.ui.form input[type="text"],
form input[type="text"],
.ui.form input[type="file"],
form input[type="file"],
.ui.form input[type="url"],
form input[type="url"] {
  width: 100%;
  vertical-align: top; }

/* Set max height on unusual input */
.ui.form ::-webkit-datetime-edit, form ::-webkit-datetime-edit,
.ui.form ::-webkit-inner-spin-button,
form ::-webkit-inner-spin-button {
  height: 1.21428571em; }

.ui.form input:not([type]), form input:not([type]),
.ui.form input[type="date"],
form input[type="date"],
.ui.form input[type="datetime-local"],
form input[type="datetime-local"],
.ui.form input[type="email"],
form input[type="email"],
.ui.form input[type="number"],
form input[type="number"],
.ui.form input[type="password"],
form input[type="password"],
.ui.form input[type="search"],
form input[type="search"],
.ui.form input[type="tel"],
form input[type="tel"],
.ui.form input[type="time"],
form input[type="time"],
.ui.form input[type="text"],
form input[type="text"],
.ui.form input[type="file"],
form input[type="file"],
.ui.form input[type="url"],
form input[type="url"] {
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  tap-highlight-color: rgba(255, 255, 255, 0);
  line-height: 1.21428571em;
  padding: 0.67857143em 1em;
  font-size: 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
  box-shadow: 0em 0em 0em 0em transparent inset;
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease; }

/* Text Area */
.ui.form textarea, form textarea {
  margin: 0em;
  -webkit-appearance: none;
  tap-highlight-color: rgba(255, 255, 255, 0);
  padding: 0.78571429em 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  outline: none;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
  box-shadow: 0em 0em 0em 0em transparent inset;
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease;
  font-size: 1em;
  line-height: 1.2857;
  resize: vertical; }

.ui.form textarea:not([rows]), form textarea:not([rows]) {
  height: 12em;
  min-height: 8em;
  max-height: 24em; }

.ui.form textarea, form textarea,
.ui.form input[type="checkbox"],
form input[type="checkbox"] {
  vertical-align: top; }

  /*--------------------------
	Input w/ attached Button
  ---------------------------*/
.ui.form input.attached, form input.attached {
  width: auto; }

  /*--------------------
	   Basic Select
  ---------------------*/
.ui.form select, form select {
  display: block;
  height: auto;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
  box-shadow: 0em 0em 0em 0em transparent inset;
  padding: 0.62em 1em;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease; }

  /*--------------------
		 Dropdown
  ---------------------*/
/* Block */
.ui.form .field > .selection.dropdown, form .field > .selection.dropdown {
  width: 100%; }

.ui.form .field > .selection.dropdown > .dropdown.icon, form .field > .selection.dropdown > .dropdown.icon {
  float: right; }

/* Inline */
.ui.form .inline.fields .field > .selection.dropdown, form .inline.fields .field > .selection.dropdown,
.ui.form .inline.field > .selection.dropdown,
form .inline.field > .selection.dropdown {
  width: auto; }

.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon, form .inline.fields .field > .selection.dropdown > .dropdown.icon,
.ui.form .inline.field > .selection.dropdown > .dropdown.icon,
form .inline.field > .selection.dropdown > .dropdown.icon {
  float: none; }

  /*--------------------
		 UI Input
  ---------------------*/
/* Block */
.ui.form .field .ui.input, form .field .ui.input, .ui.form .field form.input, form .field form.input,
.ui.form .fields .field .ui.input,
form .fields .field .ui.input,
.ui.form .fields .field form.input,
form .fields .field form.input,
.ui.form .wide.field .ui.input,
form .wide.field .ui.input,
.ui.form .wide.field form.input,
form .wide.field form.input {
  width: 100%; }

/* Inline  */
.ui.form .inline.fields .field:not(.wide) .ui.input, form .inline.fields .field:not(.wide) .ui.input, .ui.form .inline.fields .field:not(.wide) form.input, form .inline.fields .field:not(.wide) form.input,
.ui.form .inline.field:not(.wide) .ui.input,
form .inline.field:not(.wide) .ui.input,
.ui.form .inline.field:not(.wide) form.input,
form .inline.field:not(.wide) form.input {
  width: auto;
  vertical-align: middle; }

/* Auto Input */
.ui.form .fields .field .ui.input input, form .fields .field .ui.input input, .ui.form .fields .field form.input input, form .fields .field form.input input,
.ui.form .field .ui.input input,
form .field .ui.input input,
.ui.form .field form.input input,
form .field form.input input {
  width: auto; }

/* Full Width Input */
.ui.form .ten.fields .ui.input input, form .ten.fields .ui.input input, .ui.form .ten.fields form.input input, form .ten.fields form.input input,
.ui.form .nine.fields .ui.input input,
form .nine.fields .ui.input input,
.ui.form .nine.fields form.input input,
form .nine.fields form.input input,
.ui.form .eight.fields .ui.input input,
form .eight.fields .ui.input input,
.ui.form .eight.fields form.input input,
form .eight.fields form.input input,
.ui.form .seven.fields .ui.input input,
form .seven.fields .ui.input input,
.ui.form .seven.fields form.input input,
form .seven.fields form.input input,
.ui.form .six.fields .ui.input input,
form .six.fields .ui.input input,
.ui.form .six.fields form.input input,
form .six.fields form.input input,
.ui.form .five.fields .ui.input input,
form .five.fields .ui.input input,
.ui.form .five.fields form.input input,
form .five.fields form.input input,
.ui.form .four.fields .ui.input input,
form .four.fields .ui.input input,
.ui.form .four.fields form.input input,
form .four.fields form.input input,
.ui.form .three.fields .ui.input input,
form .three.fields .ui.input input,
.ui.form .three.fields form.input input,
form .three.fields form.input input,
.ui.form .two.fields .ui.input input,
form .two.fields .ui.input input,
.ui.form .two.fields form.input input,
form .two.fields form.input input,
.ui.form .wide.field .ui.input input,
form .wide.field .ui.input input,
.ui.form .wide.field form.input input,
form .wide.field form.input input {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 0px; }

  /*--------------------
	 Types of Messages
  ---------------------*/
.ui.form .success.message, form .success.message,
.ui.form .warning.message,
form .warning.message,
.ui.form .error.message,
form .error.message {
  display: none; }

/* Assumptions */
.ui.form .message:first-child, form .message:first-child {
  margin-top: 0px; }

  /*--------------------
	 Validation Prompt
  ---------------------*/
.ui.form .field .prompt.label, form .field .prompt.label {
  white-space: normal;
  background: #FFFFFF !important;
  border: 1px solid #E0B4B4 !important;
  color: #9F3A38 !important; }

.ui.form .inline.fields .field .prompt, form .inline.fields .field .prompt,
.ui.form .inline.field .prompt,
form .inline.field .prompt {
  vertical-align: top;
  margin: -0.25em 0em -0.5em 0.5em; }

.ui.form .inline.fields .field .prompt:before, form .inline.fields .field .prompt:before,
.ui.form .inline.field .prompt:before,
form .inline.field .prompt:before {
  border-width: 0px 0px 1px 1px;
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em; }

  /*******************************
			  States
  *******************************/
  /*--------------------
		Autofilled
  ---------------------*/
.ui.form .field.field input:-webkit-autofill, form .field.field input:-webkit-autofill {
  -webkit-box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
  box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
  border-color: #E5DFA1 !important; }

/* Focus */
.ui.form .field.field input:-webkit-autofill:focus, form .field.field input:-webkit-autofill:focus {
  -webkit-box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
  box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
  border-color: #D5C315 !important; }

/* Error */
.ui.form .error.error input:-webkit-autofill, form .error.error input:-webkit-autofill {
  -webkit-box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important;
  box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important;
  border-color: #E0B4B4 !important; }

  /*--------------------
		Placeholder
  ---------------------*/
/* browsers require these rules separate */
.ui.form ::-webkit-input-placeholder, form ::-webkit-input-placeholder {
  color: rgba(191, 191, 191, 0.87); }

.ui.form :-ms-input-placeholder, form :-ms-input-placeholder {
  color: rgba(191, 191, 191, 0.87) !important; }

.ui.form ::-moz-placeholder, form ::-moz-placeholder {
  color: rgba(191, 191, 191, 0.87); }

.ui.form :focus::-webkit-input-placeholder, form :focus::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.87); }

.ui.form :focus:-ms-input-placeholder, form :focus:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.87) !important; }

.ui.form :focus::-moz-placeholder, form :focus::-moz-placeholder {
  color: rgba(115, 115, 115, 0.87); }

/* Error Placeholder */
.ui.form .error ::-webkit-input-placeholder, form .error ::-webkit-input-placeholder {
  color: #e7bdbc; }

.ui.form .error :-ms-input-placeholder, form .error :-ms-input-placeholder {
  color: #e7bdbc !important; }

.ui.form .error ::-moz-placeholder, form .error ::-moz-placeholder {
  color: #e7bdbc; }

.ui.form .error :focus::-webkit-input-placeholder, form .error :focus::-webkit-input-placeholder {
  color: #da9796; }

.ui.form .error :focus:-ms-input-placeholder, form .error :focus:-ms-input-placeholder {
  color: #da9796 !important; }

.ui.form .error :focus::-moz-placeholder, form .error :focus::-moz-placeholder {
  color: #da9796; }

  /*--------------------
		  Focus
  ---------------------*/
.ui.form input:not([type]):focus, form input:not([type]):focus,
.ui.form input[type="date"]:focus,
form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
form input[type="datetime-local"]:focus,
.ui.form input[type="email"]:focus,
form input[type="email"]:focus,
.ui.form input[type="number"]:focus,
form input[type="number"]:focus,
.ui.form input[type="password"]:focus,
form input[type="password"]:focus,
.ui.form input[type="search"]:focus,
form input[type="search"]:focus,
.ui.form input[type="tel"]:focus,
form input[type="tel"]:focus,
.ui.form input[type="time"]:focus,
form input[type="time"]:focus,
.ui.form input[type="text"]:focus,
form input[type="text"]:focus,
.ui.form input[type="file"]:focus,
form input[type="file"]:focus,
.ui.form input[type="url"]:focus,
form input[type="url"]:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #85B7D9;
  border-radius: 0.28571429rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
  box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; }

.ui.form textarea:focus, form textarea:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #85B7D9;
  border-radius: 0.28571429rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
  box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
  -webkit-appearance: none; }

  /*--------------------
		  Success
  ---------------------*/
/* On Form */
.ui.form.success .success.message:not(:empty), form.success .success.message:not(:empty) {
  display: block; }

.ui.form.success .compact.success.message:not(:empty), form.success .compact.success.message:not(:empty) {
  display: inline-block; }

.ui.form.success .icon.success.message:not(:empty), form.success .icon.success.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

  /*--------------------
		  Warning
  ---------------------*/
/* On Form */
.ui.form.warning .warning.message:not(:empty), form.warning .warning.message:not(:empty) {
  display: block; }

.ui.form.warning .compact.warning.message:not(:empty), form.warning .compact.warning.message:not(:empty) {
  display: inline-block; }

.ui.form.warning .icon.warning.message:not(:empty), form.warning .icon.warning.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

  /*--------------------
		  Error
  ---------------------*/
/* On Form */
.ui.form.error .error.message:not(:empty), form.error .error.message:not(:empty) {
  display: block; }

.ui.form.error .compact.error.message:not(:empty), form.error .compact.error.message:not(:empty) {
  display: inline-block; }

.ui.form.error .icon.error.message:not(:empty), form.error .icon.error.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/* On Field(s) */
.ui.form .fields.error .field label, form .fields.error .field label,
.ui.form .field.error label,
form .field.error label,
.ui.form .fields.error .field .input,
form .fields.error .field .input,
.ui.form .field.error .input,
form .field.error .input {
  color: #9F3A38; }

.ui.form .fields.error .field .corner.label, form .fields.error .field .corner.label,
.ui.form .field.error .corner.label,
form .field.error .corner.label {
  border-color: #9F3A38;
  color: #FFFFFF; }

.ui.form .fields.error .field textarea, form .fields.error .field textarea,
.ui.form .fields.error .field select,
form .fields.error .field select,
.ui.form .fields.error .field input:not([type]),
form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type="date"],
form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="email"],
form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="number"],
form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="password"],
form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="search"],
form .fields.error .field input[type="search"],
.ui.form .fields.error .field input[type="tel"],
form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="time"],
form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="text"],
form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="file"],
form .fields.error .field input[type="file"],
.ui.form .fields.error .field input[type="url"],
form .fields.error .field input[type="url"],
.ui.form .field.error textarea,
form .field.error textarea,
.ui.form .field.error select,
form .field.error select,
.ui.form .field.error input:not([type]),
form .field.error input:not([type]),
.ui.form .field.error input[type="date"],
form .field.error input[type="date"],
.ui.form .field.error input[type="datetime-local"],
form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="email"],
form .field.error input[type="email"],
.ui.form .field.error input[type="number"],
form .field.error input[type="number"],
.ui.form .field.error input[type="password"],
form .field.error input[type="password"],
.ui.form .field.error input[type="search"],
form .field.error input[type="search"],
.ui.form .field.error input[type="tel"],
form .field.error input[type="tel"],
.ui.form .field.error input[type="time"],
form .field.error input[type="time"],
.ui.form .field.error input[type="text"],
form .field.error input[type="text"],
.ui.form .field.error input[type="file"],
form .field.error input[type="file"],
.ui.form .field.error input[type="url"],
form .field.error input[type="url"] {
  background: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  border-radius: '';
  -webkit-box-shadow: none;
  box-shadow: none; }

.ui.form .field.error textarea:focus, form .field.error textarea:focus,
.ui.form .field.error select:focus,
form .field.error select:focus,
.ui.form .field.error input:not([type]):focus,
form .field.error input:not([type]):focus,
.ui.form .field.error input[type="date"]:focus,
form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus,
form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="email"]:focus,
form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="number"]:focus,
form .field.error input[type="number"]:focus,
.ui.form .field.error input[type="password"]:focus,
form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="search"]:focus,
form .field.error input[type="search"]:focus,
.ui.form .field.error input[type="tel"]:focus,
form .field.error input[type="tel"]:focus,
.ui.form .field.error input[type="time"]:focus,
form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="text"]:focus,
form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="file"]:focus,
form .field.error input[type="file"]:focus,
.ui.form .field.error input[type="url"]:focus,
form .field.error input[type="url"]:focus {
  background: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Preserve Native Select Stylings */
.ui.form .field.error select, form .field.error select {
  -webkit-appearance: menulist-button; }

  /*------------------
	  Dropdown Error
  --------------------*/
.ui.form .fields.error .field .ui.dropdown, form .fields.error .field .ui.dropdown, .ui.form .fields.error .field form.dropdown, form .fields.error .field form.dropdown,
.ui.form .fields.error .field .ui.dropdown .item,
form .fields.error .field .ui.dropdown .item,
.ui.form .fields.error .field form.dropdown .item,
form .fields.error .field form.dropdown .item,
.ui.form .field.error .ui.dropdown,
form .field.error .ui.dropdown,
.ui.form .field.error form.dropdown,
form .field.error form.dropdown,
.ui.form .field.error .ui.dropdown .text,
form .field.error .ui.dropdown .text,
.ui.form .field.error form.dropdown .text,
form .field.error form.dropdown .text,
.ui.form .field.error .ui.dropdown .item,
form .field.error .ui.dropdown .item,
.ui.form .field.error form.dropdown .item,
form .field.error form.dropdown .item {
  background: #FFF6F6;
  color: #9F3A38; }

.ui.form .fields.error .field .ui.dropdown, form .fields.error .field .ui.dropdown, .ui.form .fields.error .field form.dropdown, form .fields.error .field form.dropdown,
.ui.form .field.error .ui.dropdown,
form .field.error .ui.dropdown,
.ui.form .field.error form.dropdown,
form .field.error form.dropdown {
  border-color: #E0B4B4 !important; }

.ui.form .fields.error .field .ui.dropdown:hover, form .fields.error .field .ui.dropdown:hover, .ui.form .fields.error .field form.dropdown:hover, form .fields.error .field form.dropdown:hover,
.ui.form .field.error .ui.dropdown:hover,
form .field.error .ui.dropdown:hover,
.ui.form .field.error form.dropdown:hover,
form .field.error form.dropdown:hover {
  border-color: #E0B4B4 !important; }

.ui.form .fields.error .field .ui.dropdown:hover .menu, form .fields.error .field .ui.dropdown:hover .menu, .ui.form .fields.error .field form.dropdown:hover .menu, form .fields.error .field form.dropdown:hover .menu,
.ui.form .field.error .ui.dropdown:hover .menu,
form .field.error .ui.dropdown:hover .menu,
.ui.form .field.error form.dropdown:hover .menu,
form .field.error form.dropdown:hover .menu {
  border-color: #E0B4B4; }

.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label, form .fields.error .field .ui.multiple.selection.dropdown > .label, .ui.form .fields.error .field form.multiple.selection.dropdown > .label, form .fields.error .field form.multiple.selection.dropdown > .label,
.ui.form .field.error .ui.multiple.selection.dropdown > .label,
form .field.error .ui.multiple.selection.dropdown > .label,
.ui.form .field.error form.multiple.selection.dropdown > .label,
form .field.error form.multiple.selection.dropdown > .label {
  background-color: #EACBCB;
  color: #9F3A38; }

/* Hover */
.ui.form .fields.error .field .ui.dropdown .menu .item:hover, form .fields.error .field .ui.dropdown .menu .item:hover, .ui.form .fields.error .field form.dropdown .menu .item:hover, form .fields.error .field form.dropdown .menu .item:hover,
.ui.form .field.error .ui.dropdown .menu .item:hover,
form .field.error .ui.dropdown .menu .item:hover,
.ui.form .field.error form.dropdown .menu .item:hover,
form .field.error form.dropdown .menu .item:hover {
  background-color: #FBE7E7; }

/* Selected */
.ui.form .fields.error .field .ui.dropdown .menu .selected.item, form .fields.error .field .ui.dropdown .menu .selected.item, .ui.form .fields.error .field form.dropdown .menu .selected.item, form .fields.error .field form.dropdown .menu .selected.item,
.ui.form .field.error .ui.dropdown .menu .selected.item,
form .field.error .ui.dropdown .menu .selected.item,
.ui.form .field.error form.dropdown .menu .selected.item,
form .field.error form.dropdown .menu .selected.item {
  background-color: #FBE7E7; }

/* Active */
.ui.form .fields.error .field .ui.dropdown .menu .active.item, form .fields.error .field .ui.dropdown .menu .active.item, .ui.form .fields.error .field form.dropdown .menu .active.item, form .fields.error .field form.dropdown .menu .active.item,
.ui.form .field.error .ui.dropdown .menu .active.item,
form .field.error .ui.dropdown .menu .active.item,
.ui.form .field.error form.dropdown .menu .active.item,
form .field.error form.dropdown .menu .active.item {
  background-color: #FDCFCF !important; }

  /*--------------------
	  Checkbox Error
  ---------------------*/
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label, form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
form .field.error .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box,
form .field.error .checkbox:not(.toggle):not(.slider) .box {
  color: #9F3A38; }

.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before, form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
form .field.error .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before,
form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
  background: #FFF6F6;
  border-color: #E0B4B4; }

.ui.form .fields.error .field .checkbox label:after, form .fields.error .field .checkbox label:after,
.ui.form .field.error .checkbox label:after,
form .field.error .checkbox label:after,
.ui.form .fields.error .field .checkbox .box:after,
form .fields.error .field .checkbox .box:after,
.ui.form .field.error .checkbox .box:after,
form .field.error .checkbox .box:after {
  color: #9F3A38; }

  /*--------------------
		 Disabled
  ---------------------*/
.ui.form .disabled.fields .field, form .disabled.fields .field,
.ui.form .disabled.field,
form .disabled.field,
.ui.form .field :disabled,
form .field :disabled {
  pointer-events: none;
  opacity: 0.45; }

.ui.form .field.disabled > label, form .field.disabled > label,
.ui.form .fields.disabled > label,
form .fields.disabled > label {
  opacity: 0.45; }

.ui.form .field.disabled :disabled, form .field.disabled :disabled {
  opacity: 1; }

  /*--------------
	  Loading
  ---------------*/
.ui.loading.form, form.loading {
  position: relative;
  cursor: default;
  pointer-events: none; }

.ui.loading.form:before, form.loading:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 100; }

.ui.loading.form:after, form.loading:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.5em 0em 0em -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: form-spin 0.6s linear;
  animation: form-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0.2em;
  -webkit-box-shadow: 0px 0px 0px 1px transparent;
  box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: 101; }

@-webkit-keyframes form-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes form-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
  /*******************************
		   Element Types
  *******************************/
  /*--------------------
	   Required Field
  ---------------------*/
.ui.form .required.fields:not(.grouped) > .field > label:after, form .required.fields:not(.grouped) > .field > label:after,
.ui.form .required.fields.grouped > label:after,
form .required.fields.grouped > label:after,
.ui.form .required.field > label:after,
form .required.field > label:after,
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.field > .checkbox:after,
form .required.field > .checkbox:after {
  margin: -0.2em 0em 0em 0.2em;
  content: '*';
  color: #DB2828; }

.ui.form .required.fields:not(.grouped) > .field > label:after, form .required.fields:not(.grouped) > .field > label:after,
.ui.form .required.fields.grouped > label:after,
form .required.fields.grouped > label:after,
.ui.form .required.field > label:after,
form .required.field > label:after {
  display: inline-block;
  vertical-align: top; }

.ui.form .required.fields:not(.grouped) > .field > .checkbox:after, form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.field > .checkbox:after,
form .required.field > .checkbox:after {
  position: absolute;
  top: 0%;
  left: 100%; }

  /*******************************
			 Variations
  *******************************/
  /*--------------------
	  Inverted Colors
  ---------------------*/
.ui.inverted.form label, form.inverted label,
.ui.form .inverted.segment label,
form .inverted.segment label,
.ui.form .inverted.segment .ui.checkbox label,
form .inverted.segment .ui.checkbox label,
.ui.form .inverted.segment form.checkbox label,
form .inverted.segment form.checkbox label,
.ui.form .inverted.segment .ui.checkbox .box,
form .inverted.segment .ui.checkbox .box,
.ui.form .inverted.segment form.checkbox .box,
form .inverted.segment form.checkbox .box,
.ui.inverted.form .ui.checkbox label,
form.inverted .ui.checkbox label,
.ui.inverted.form form.checkbox label,
form.inverted form.checkbox label,
.ui.inverted.form .ui.checkbox .box,
form.inverted .ui.checkbox .box,
.ui.inverted.form form.checkbox .box,
form.inverted form.checkbox .box,
.ui.inverted.form .inline.fields > label,
form.inverted .inline.fields > label,
.ui.inverted.form .inline.fields .field > label,
form.inverted .inline.fields .field > label,
.ui.inverted.form .inline.fields .field > p,
form.inverted .inline.fields .field > p,
.ui.inverted.form .inline.field > label,
form.inverted .inline.field > label,
.ui.inverted.form .inline.field > p,
form.inverted .inline.field > p {
  color: rgba(255, 255, 255, 0.9); }

/* Inverted Field */
.ui.inverted.form input:not([type]), form.inverted input:not([type]),
.ui.inverted.form input[type="date"],
form.inverted input[type="date"],
.ui.inverted.form input[type="datetime-local"],
form.inverted input[type="datetime-local"],
.ui.inverted.form input[type="email"],
form.inverted input[type="email"],
.ui.inverted.form input[type="number"],
form.inverted input[type="number"],
.ui.inverted.form input[type="password"],
form.inverted input[type="password"],
.ui.inverted.form input[type="search"],
form.inverted input[type="search"],
.ui.inverted.form input[type="tel"],
form.inverted input[type="tel"],
.ui.inverted.form input[type="time"],
form.inverted input[type="time"],
.ui.inverted.form input[type="text"],
form.inverted input[type="text"],
.ui.inverted.form input[type="file"],
form.inverted input[type="file"],
.ui.inverted.form input[type="url"],
form.inverted input[type="url"] {
  background: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: none;
  box-shadow: none; }

  /*--------------------
	   Field Groups
  ---------------------*/
/* Grouped Vertically */
.ui.form .grouped.fields, form .grouped.fields {
  display: block;
  margin: 0em 0em 1em; }

.ui.form .grouped.fields:last-child, form .grouped.fields:last-child {
  margin-bottom: 0em; }

.ui.form .grouped.fields > label, form .grouped.fields > label {
  margin: 0em 0em 0.28571429rem 0em;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.92857143em;
  font-weight: bold;
  text-transform: none; }

.ui.form .grouped.fields .field, form .grouped.fields .field,
.ui.form .grouped.inline.fields .field,
form .grouped.inline.fields .field {
  display: block;
  margin: 0.5em 0em;
  padding: 0em; }

  /*--------------------
		  Fields
  ---------------------*/
/* Split fields */
.ui.form .fields, form .fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0em -0.5em 1em; }

.ui.form .fields > .field, form .fields > .field {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding-left: 0.5em;
  padding-right: 0.5em; }

.ui.form .fields > .field:first-child, form .fields > .field:first-child {
  border-left: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Other Combinations */
.ui.form .two.fields > .fields, form .two.fields > .fields,
.ui.form .two.fields > .field,
form .two.fields > .field {
  width: 50%; }

.ui.form .three.fields > .fields, form .three.fields > .fields,
.ui.form .three.fields > .field,
form .three.fields > .field {
  width: 33.33333333%; }

.ui.form .four.fields > .fields, form .four.fields > .fields,
.ui.form .four.fields > .field,
form .four.fields > .field {
  width: 25%; }

.ui.form .five.fields > .fields, form .five.fields > .fields,
.ui.form .five.fields > .field,
form .five.fields > .field {
  width: 20%; }

.ui.form .six.fields > .fields, form .six.fields > .fields,
.ui.form .six.fields > .field,
form .six.fields > .field {
  width: 16.66666667%; }

.ui.form .seven.fields > .fields, form .seven.fields > .fields,
.ui.form .seven.fields > .field,
form .seven.fields > .field {
  width: 14.28571429%; }

.ui.form .eight.fields > .fields, form .eight.fields > .fields,
.ui.form .eight.fields > .field,
form .eight.fields > .field {
  width: 12.5%; }

.ui.form .nine.fields > .fields, form .nine.fields > .fields,
.ui.form .nine.fields > .field,
form .nine.fields > .field {
  width: 11.11111111%; }

.ui.form .ten.fields > .fields, form .ten.fields > .fields,
.ui.form .ten.fields > .field,
form .ten.fields > .field {
  width: 10%; }

/* Swap to full width on mobile */
@media only screen and (max-width: 767px) {
  .ui.form .fields, form .fields {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .ui[class*="equal width"].form:not(.unstackable) .fields > .field, form[class*="equal width"]:not(.unstackable) .fields > .field,
  .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field,
  form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
  form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
  form:not(.unstackable) .two.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
  form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
  form:not(.unstackable) .three.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
  form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
  form:not(.unstackable) .four.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
  form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
  form:not(.unstackable) .five.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields,
  form:not(.unstackable) .six.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field,
  form:not(.unstackable) .six.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields,
  form:not(.unstackable) .seven.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field,
  form:not(.unstackable) .seven.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields,
  form:not(.unstackable) .eight.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field,
  form:not(.unstackable) .eight.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields,
  form:not(.unstackable) .nine.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field,
  form:not(.unstackable) .nine.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields,
  form:not(.unstackable) .ten.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field,
  form:not(.unstackable) .ten.fields:not(.unstackable) > .field {
    width: 100% !important;
    margin: 0em 0em 1em; } }
/* Sizing Combinations */
.ui.form .fields .wide.field, form .fields .wide.field {
  width: 6.25%;
  padding-left: 0.5em;
  padding-right: 0.5em; }

.ui.form .one.wide.field, form .one.wide.field {
  width: 6.25% !important; }

.ui.form .two.wide.field, form .two.wide.field {
  width: 12.5% !important; }

.ui.form .three.wide.field, form .three.wide.field {
  width: 18.75% !important; }

.ui.form .four.wide.field, form .four.wide.field {
  width: 25% !important; }

.ui.form .five.wide.field, form .five.wide.field {
  width: 31.25% !important; }

.ui.form .six.wide.field, form .six.wide.field {
  width: 37.5% !important; }

.ui.form .seven.wide.field, form .seven.wide.field {
  width: 43.75% !important; }

.ui.form .eight.wide.field, form .eight.wide.field {
  width: 50% !important; }

.ui.form .nine.wide.field, form .nine.wide.field {
  width: 56.25% !important; }

.ui.form .ten.wide.field, form .ten.wide.field {
  width: 62.5% !important; }

.ui.form .eleven.wide.field, form .eleven.wide.field {
  width: 68.75% !important; }

.ui.form .twelve.wide.field, form .twelve.wide.field {
  width: 75% !important; }

.ui.form .thirteen.wide.field, form .thirteen.wide.field {
  width: 81.25% !important; }

.ui.form .fourteen.wide.field, form .fourteen.wide.field {
  width: 87.5% !important; }

.ui.form .fifteen.wide.field, form .fifteen.wide.field {
  width: 93.75% !important; }

.ui.form .sixteen.wide.field, form .sixteen.wide.field {
  width: 100% !important; }

/* Swap to full width on mobile */
@media only screen and (max-width: 767px) {
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields, form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
  form:not(.unstackable) .two.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
  form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
  form:not(.unstackable) .three.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
  form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
  form:not(.unstackable) .four.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
  form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
  form:not(.unstackable) .five.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field,
  form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field,
  form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field,
  form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field,
  form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field,
  form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field,
  form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field,
  form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field,
  form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field,
  form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field,
  form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field,
  form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field,
  form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field,
  form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field,
  form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field,
  form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field {
    width: 100% !important; }

  .ui.form .fields, form .fields {
    margin-bottom: 0em; } }
  /*--------------------
	   Equal Width
  ---------------------*/
.ui[class*="equal width"].form .fields > .field, form[class*="equal width"] .fields > .field,
.ui.form [class*="equal width"].fields > .field,
form [class*="equal width"].fields > .field {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

  /*--------------------
	  Inline Fields
  ---------------------*/
.ui.form .inline.fields, form .inline.fields {
  margin: 0em 0em 1em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.ui.form .inline.fields .field, form .inline.fields .field {
  margin: 0em;
  padding: 0em 1em 0em 0em; }

/* Inline Label */
.ui.form .inline.fields > label, form .inline.fields > label,
.ui.form .inline.fields .field > label,
form .inline.fields .field > label,
.ui.form .inline.fields .field > p,
form .inline.fields .field > p,
.ui.form .inline.field > label,
form .inline.field > label,
.ui.form .inline.field > p,
form .inline.field > p {
  display: inline-block;
  width: auto;
  margin-top: 0em;
  margin-bottom: 0em;
  vertical-align: baseline;
  font-size: 0.92857143em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
  text-transform: none; }

/* Grouped Inline Label */
.ui.form .inline.fields > label, form .inline.fields > label {
  margin: 0.035714em 1em 0em 0em; }

/* Inline Input */
.ui.form .inline.fields .field > input, form .inline.fields .field > input,
.ui.form .inline.fields .field > select,
form .inline.fields .field > select,
.ui.form .inline.field > input,
form .inline.field > input,
.ui.form .inline.field > select,
form .inline.field > select {
  display: inline-block;
  width: auto;
  margin-top: 0em;
  margin-bottom: 0em;
  vertical-align: middle;
  font-size: 1em; }

/* Label */
.ui.form .inline.fields .field > :first-child, form .inline.fields .field > :first-child,
.ui.form .inline.field > :first-child,
form .inline.field > :first-child {
  margin: 0em 0.85714286em 0em 0em; }

.ui.form .inline.fields .field > :only-child, form .inline.fields .field > :only-child,
.ui.form .inline.field > :only-child,
form .inline.field > :only-child {
  margin: 0em; }

/* Wide */
.ui.form .inline.fields .wide.field, form .inline.fields .wide.field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.ui.form .inline.fields .wide.field > input, form .inline.fields .wide.field > input,
.ui.form .inline.fields .wide.field > select,
form .inline.fields .wide.field > select {
  width: 100%; }

  /*--------------------
		  Sizes
  ---------------------*/
.ui.mini.form, form.mini {
  font-size: 0.78571429rem; }

.ui.tiny.form, form.tiny {
  font-size: 0.85714286rem; }

.ui.small.form, form.small {
  font-size: 0.92857143rem; }

.ui.form, form {
  font-size: 1rem; }

.ui.large.form, form.large {
  font-size: 1.14285714rem; }

.ui.big.form, form.big {
  font-size: 1.28571429rem; }

.ui.huge.form, form.huge {
  font-size: 1.42857143rem; }

.ui.massive.form, form.massive {
  font-size: 1.71428571rem; }

  /*******************************
		   Theme Overrides
  *******************************/
  /*******************************
		   Site Overrides
  *******************************/
.button, .nav-links .nav-previous a,
.nav-links .nav-next a, .highlight__item > a, .map__item > a, .alerts__link,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: #0072BC;
  color: #fff;
  padding: 0.5rem 0.5rem 0.25rem 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  margin: 1rem auto;
  display: inline-block;
  border: none; }

.button:visited, .nav-links .nav-previous a:visited,
.nav-links .nav-next a:visited, .highlight__item > a:visited, .map__item > a:visited, .alerts__link:visited,
.button:link,
.nav-links .nav-previous a:link,
.nav-links .nav-next a:link,
.highlight__item > a:link,
.map__item > a:link,
.alerts__link:link {
  background: #0072BC;
  color: #fff; }

.button:hover, .nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover, .highlight__item > a:hover, .map__item > a:hover, .alerts__link:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #005991;
  color: #fff; }

.button:active, .nav-links .nav-previous a:active,
.nav-links .nav-next a:active, .highlight__item > a:active, .map__item > a:active, .alerts__link:active, .button:focus, .nav-links .nav-previous a:focus,
.nav-links .nav-next a:focus, .highlight__item > a:focus, .map__item > a:focus, .alerts__link:focus,
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  background: #005991;
  color: #fff; }

a {
  color: #0072BC; }

a:visited {
  color: #0072BC; }

a:hover, a:focus, a:active {
  color: #005991; }

a:focus {
  outline: thin dotted; }

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

.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }

.widget select {
  max-width: 100%; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.pulse, #menu-alert-menu a,
#menu-alert-menu-1 a {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animated.flip, #menu-alert-menu a.flip,
#menu-alert-menu-1 a.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge; }

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

.animated, #menu-alert-menu a,
#menu-alert-menu-1 a {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite, #menu-alert-menu a,
#menu-alert-menu-1 a {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.delay-1s, #menu-alert-menu a.delay-1s,
#menu-alert-menu-1 a.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.animated.delay-2s, #menu-alert-menu a.delay-2s,
#menu-alert-menu-1 a.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.animated.delay-3s, #menu-alert-menu a.delay-3s,
#menu-alert-menu-1 a.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

.animated.delay-4s, #menu-alert-menu a.delay-4s,
#menu-alert-menu-1 a.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s; }

.animated.delay-5s, #menu-alert-menu a.delay-5s,
#menu-alert-menu-1 a.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

.animated.fast, #menu-alert-menu a.fast,
#menu-alert-menu-1 a.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms; }

.animated.faster, #menu-alert-menu a.faster,
#menu-alert-menu-1 a.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms; }

.animated.slow, #menu-alert-menu a.slow,
#menu-alert-menu-1 a.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.slower, #menu-alert-menu a.slower,
#menu-alert-menu-1 a.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s; }

@media (print), (prefers-reduced-motion) {
  .animated, #menu-alert-menu a,
  #menu-alert-menu-1 a {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important; } }
/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url("/wp-content/themes/p400/assets/css/vendor/fonts/flexslider-icon.eot");
  src: url("/wp-content/themes/p400/assets/css/vendor/fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/p400/assets/css/vendor/fonts/flexslider-icon.woff") format("woff"), url("/wp-content/themes/p400/assets/css/vendor/fonts/flexslider-icon.ttf") format("truetype"), url("/wp-content/themes/p400/assets/css/vendor/fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal; }
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none; }

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

.flexslider .slides img {
  width: 100%;
  display: block; }

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block; }

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); }

.flexslider .slides {
  zoom: 1; }

.flexslider .slides img {
  height: auto;
  -moz-user-select: none; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none; } }
.carousel li {
  margin-right: 5px; }

.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }

.flex-direction-nav a.flex-next:before {
  content: '\f002'; }

.flex-direction-nav .flex-prev {
  left: -50px; }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px; }

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1; }

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a.flex-play:before {
  content: '\f003'; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }
/*!
 * # Semantic UI 2.4.1 - Container
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Container
*******************************/
/* All Sizes */
.ui.container, form.container {
  display: block;
  max-width: 100% !important; }

/* Mobile */
@media only screen and (max-width: 767px) {
  .ui.container, form.container {
    width: auto !important;
    margin-left: 1em !important;
    margin-right: 1em !important; }

  .ui.grid.container, form.grid.container {
    width: auto !important; }

  .ui.relaxed.grid.container, form.relaxed.grid.container {
    width: auto !important; }

  .ui.very.relaxed.grid.container, form.very.relaxed.grid.container {
    width: auto !important; } }
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.container, form.container {
    width: 723px;
    margin-left: auto !important;
    margin-right: auto !important; }

  .ui.grid.container, form.grid.container {
    width: calc( 723px  +  2rem ) !important; }

  .ui.relaxed.grid.container, form.relaxed.grid.container {
    width: calc( 723px  +  3rem ) !important; }

  .ui.very.relaxed.grid.container, form.very.relaxed.grid.container {
    width: calc( 723px  +  5rem ) !important; } }
/* Small Monitor */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui.container, form.container {
    width: 933px;
    margin-left: auto !important;
    margin-right: auto !important; }

  .ui.grid.container, form.grid.container {
    width: calc( 933px  +  2rem ) !important; }

  .ui.relaxed.grid.container, form.relaxed.grid.container {
    width: calc( 933px  +  3rem ) !important; }

  .ui.very.relaxed.grid.container, form.very.relaxed.grid.container {
    width: calc( 933px  +  5rem ) !important; } }
/* Large Monitor */
@media only screen and (min-width: 1200px) {
  .ui.container, form.container {
    width: 1127px;
    margin-left: auto !important;
    margin-right: auto !important; }

  .ui.grid.container, form.grid.container {
    width: calc( 1127px  +  2rem ) !important; }

  .ui.relaxed.grid.container, form.relaxed.grid.container {
    width: calc( 1127px  +  3rem ) !important; }

  .ui.very.relaxed.grid.container, form.very.relaxed.grid.container {
    width: calc( 1127px  +  5rem ) !important; } }
/*******************************
             Types
*******************************/
/* Text Container */
.ui.text.container, form.text.container {
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  max-width: 700px !important;
  line-height: 1.5; }

.ui.text.container, form.text.container {
  font-size: 1.14285714rem; }

/* Fluid */
.ui.fluid.container, form.fluid.container {
  width: 100%; }

/*******************************
           Variations
*******************************/
.ui[class*="left aligned"].container, form[class*="left aligned"].container {
  text-align: left; }

.ui[class*="center aligned"].container, form[class*="center aligned"].container {
  text-align: center; }

.ui[class*="right aligned"].container, form[class*="right aligned"].container {
  text-align: right; }

.ui.justified.container, form.justified.container {
  text-align: justify;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

/*******************************
         Theme Overrides
*******************************/
/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.4.1 - Grid
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Standard
*******************************/
.ui.grid, form.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0em; }

/*----------------------
      Remove Gutters
-----------------------*/
.ui.grid, form.grid {
  margin-top: -1rem;
  margin-bottom: -1rem;
  margin-left: -1rem;
  margin-right: -1rem; }

.ui.relaxed.grid, form.relaxed.grid {
  margin-left: -1.5rem;
  margin-right: -1.5rem; }

.ui[class*="very relaxed"].grid, form[class*="very relaxed"].grid {
  margin-left: -2.5rem;
  margin-right: -2.5rem; }

/* Preserve Rows Spacing on Consecutive Grids */
.ui.grid + .grid, form.grid + .grid {
  margin-top: 1rem; }

/*-------------------
       Columns
--------------------*/
/* Standard 16 column */
.ui.grid > .column:not(.row), form.grid > .column:not(.row),
.ui.grid > .row > .column,
form.grid > .row > .column {
  position: relative;
  display: inline-block;
  width: 6.25%;
  padding-left: 1rem;
  padding-right: 1rem;
  vertical-align: top; }

.ui.grid > *, form.grid > * {
  padding-left: 1rem;
  padding-right: 1rem; }

/*-------------------
        Rows
--------------------*/
.ui.grid > .row, form.grid > .row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100% !important;
  padding: 0rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

/*-------------------
       Columns
--------------------*/
/* Vertical padding when no rows */
.ui.grid > .column:not(.row), form.grid > .column:not(.row) {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ui.grid > .row > .column, form.grid > .row > .column {
  margin-top: 0em;
  margin-bottom: 0em; }

/*-------------------
      Content
--------------------*/
.ui.grid > .row > img, form.grid > .row > img,
.ui.grid > .row > .column > img,
form.grid > .row > .column > img {
  max-width: 100%; }

/*-------------------
    Loose Coupling
--------------------*/
/* Collapse Margin on Consecutive Grid */
.ui.grid > .ui.grid:first-child, form.grid > .ui.grid:first-child, .ui.grid > form.grid:first-child, form.grid > form.grid:first-child {
  margin-top: 0em; }

.ui.grid > .ui.grid:last-child, form.grid > .ui.grid:last-child, .ui.grid > form.grid:last-child, form.grid > form.grid:last-child {
  margin-bottom: 0em; }

/* Segment inside Aligned Grid */
.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached), form.grid .aligned.row > .column > .segment:not(.compact):not(.attached),
.ui.aligned.grid .column > .segment:not(.compact):not(.attached),
form.aligned.grid .column > .segment:not(.compact):not(.attached) {
  width: 100%; }

/* Align Dividers with Gutter */
.ui.grid .row + .ui.divider, form.grid .row + .ui.divider, .ui.grid .row + form.divider, form.grid .row + form.divider {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 1rem 1rem; }

.ui.grid .column + .ui.vertical.divider, form.grid .column + .ui.vertical.divider, .ui.grid .column + form.vertical.divider, form.grid .column + form.vertical.divider {
  height: calc(50% - (2rem / 2)); }

/* Remove Border on Last Horizontal Segment */
.ui.grid > .row > .column:last-child > .horizontal.segment, form.grid > .row > .column:last-child > .horizontal.segment,
.ui.grid > .column:last-child > .horizontal.segment,
form.grid > .column:last-child > .horizontal.segment {
  -webkit-box-shadow: none;
  box-shadow: none; }

/*******************************
           Variations
*******************************/
/*-----------------------
       Page Grid
-------------------------*/
@media only screen and (max-width: 767px) {
  .ui.page.grid, form.page.grid {
    width: auto;
    padding-left: 0em;
    padding-right: 0em;
    margin-left: 0em;
    margin-right: 0em; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.page.grid, form.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 2em;
    padding-right: 2em; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui.page.grid, form.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 3%;
    padding-right: 3%; } }
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .ui.page.grid, form.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 15%;
    padding-right: 15%; } }
@media only screen and (min-width: 1920px) {
  .ui.page.grid, form.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 23%;
    padding-right: 23%; } }
/*-------------------
     Column Count
--------------------*/
/* Assume full width with one column */
.ui.grid > .column:only-child, form.grid > .column:only-child,
.ui.grid > .row > .column:only-child,
form.grid > .row > .column:only-child {
  width: 100%; }

/* Grid Based */
.ui[class*="one column"].grid > .row > .column, form[class*="one column"].grid > .row > .column,
.ui[class*="one column"].grid > .column:not(.row),
form[class*="one column"].grid > .column:not(.row) {
  width: 100%; }

.ui[class*="two column"].grid > .row > .column, form[class*="two column"].grid > .row > .column,
.ui[class*="two column"].grid > .column:not(.row),
form[class*="two column"].grid > .column:not(.row) {
  width: 50%; }

.ui[class*="three column"].grid > .row > .column, form[class*="three column"].grid > .row > .column,
.ui[class*="three column"].grid > .column:not(.row),
form[class*="three column"].grid > .column:not(.row) {
  width: 33.33333333%; }

.ui[class*="four column"].grid > .row > .column, form[class*="four column"].grid > .row > .column,
.ui[class*="four column"].grid > .column:not(.row),
form[class*="four column"].grid > .column:not(.row) {
  width: 25%; }

.ui[class*="five column"].grid > .row > .column, form[class*="five column"].grid > .row > .column,
.ui[class*="five column"].grid > .column:not(.row),
form[class*="five column"].grid > .column:not(.row) {
  width: 20%; }

.ui[class*="six column"].grid > .row > .column, form[class*="six column"].grid > .row > .column,
.ui[class*="six column"].grid > .column:not(.row),
form[class*="six column"].grid > .column:not(.row) {
  width: 16.66666667%; }

.ui[class*="seven column"].grid > .row > .column, form[class*="seven column"].grid > .row > .column,
.ui[class*="seven column"].grid > .column:not(.row),
form[class*="seven column"].grid > .column:not(.row) {
  width: 14.28571429%; }

.ui[class*="eight column"].grid > .row > .column, form[class*="eight column"].grid > .row > .column,
.ui[class*="eight column"].grid > .column:not(.row),
form[class*="eight column"].grid > .column:not(.row) {
  width: 12.5%; }

.ui[class*="nine column"].grid > .row > .column, form[class*="nine column"].grid > .row > .column,
.ui[class*="nine column"].grid > .column:not(.row),
form[class*="nine column"].grid > .column:not(.row) {
  width: 11.11111111%; }

.ui[class*="ten column"].grid > .row > .column, form[class*="ten column"].grid > .row > .column,
.ui[class*="ten column"].grid > .column:not(.row),
form[class*="ten column"].grid > .column:not(.row) {
  width: 10%; }

.ui[class*="eleven column"].grid > .row > .column, form[class*="eleven column"].grid > .row > .column,
.ui[class*="eleven column"].grid > .column:not(.row),
form[class*="eleven column"].grid > .column:not(.row) {
  width: 9.09090909%; }

.ui[class*="twelve column"].grid > .row > .column, form[class*="twelve column"].grid > .row > .column,
.ui[class*="twelve column"].grid > .column:not(.row),
form[class*="twelve column"].grid > .column:not(.row) {
  width: 8.33333333%; }

.ui[class*="thirteen column"].grid > .row > .column, form[class*="thirteen column"].grid > .row > .column,
.ui[class*="thirteen column"].grid > .column:not(.row),
form[class*="thirteen column"].grid > .column:not(.row) {
  width: 7.69230769%; }

.ui[class*="fourteen column"].grid > .row > .column, form[class*="fourteen column"].grid > .row > .column,
.ui[class*="fourteen column"].grid > .column:not(.row),
form[class*="fourteen column"].grid > .column:not(.row) {
  width: 7.14285714%; }

.ui[class*="fifteen column"].grid > .row > .column, form[class*="fifteen column"].grid > .row > .column,
.ui[class*="fifteen column"].grid > .column:not(.row),
form[class*="fifteen column"].grid > .column:not(.row) {
  width: 6.66666667%; }

.ui[class*="sixteen column"].grid > .row > .column, form[class*="sixteen column"].grid > .row > .column,
.ui[class*="sixteen column"].grid > .column:not(.row),
form[class*="sixteen column"].grid > .column:not(.row) {
  width: 6.25%; }

/* Row Based Overrides */
.ui.grid > [class*="one column"].row > .column, form.grid > [class*="one column"].row > .column {
  width: 100% !important; }

.ui.grid > [class*="two column"].row > .column, form.grid > [class*="two column"].row > .column {
  width: 50% !important; }

.ui.grid > [class*="three column"].row > .column, form.grid > [class*="three column"].row > .column {
  width: 33.33333333% !important; }

.ui.grid > [class*="four column"].row > .column, form.grid > [class*="four column"].row > .column {
  width: 25% !important; }

.ui.grid > [class*="five column"].row > .column, form.grid > [class*="five column"].row > .column {
  width: 20% !important; }

.ui.grid > [class*="six column"].row > .column, form.grid > [class*="six column"].row > .column {
  width: 16.66666667% !important; }

.ui.grid > [class*="seven column"].row > .column, form.grid > [class*="seven column"].row > .column {
  width: 14.28571429% !important; }

.ui.grid > [class*="eight column"].row > .column, form.grid > [class*="eight column"].row > .column {
  width: 12.5% !important; }

.ui.grid > [class*="nine column"].row > .column, form.grid > [class*="nine column"].row > .column {
  width: 11.11111111% !important; }

.ui.grid > [class*="ten column"].row > .column, form.grid > [class*="ten column"].row > .column {
  width: 10% !important; }

.ui.grid > [class*="eleven column"].row > .column, form.grid > [class*="eleven column"].row > .column {
  width: 9.09090909% !important; }

.ui.grid > [class*="twelve column"].row > .column, form.grid > [class*="twelve column"].row > .column {
  width: 8.33333333% !important; }

.ui.grid > [class*="thirteen column"].row > .column, form.grid > [class*="thirteen column"].row > .column {
  width: 7.69230769% !important; }

.ui.grid > [class*="fourteen column"].row > .column, form.grid > [class*="fourteen column"].row > .column {
  width: 7.14285714% !important; }

.ui.grid > [class*="fifteen column"].row > .column, form.grid > [class*="fifteen column"].row > .column {
  width: 6.66666667% !important; }

.ui.grid > [class*="sixteen column"].row > .column, form.grid > [class*="sixteen column"].row > .column {
  width: 6.25% !important; }

/* Celled Page */
.ui.celled.page.grid, form.celled.page.grid {
  -webkit-box-shadow: none;
  box-shadow: none; }

/*-------------------
    Column Width
--------------------*/
/* Sizing Combinations */
.ui.grid > .row > [class*="one wide"].column, form.grid > .row > [class*="one wide"].column,
.ui.grid > .column.row > [class*="one wide"].column,
form.grid > .column.row > [class*="one wide"].column,
.ui.grid > [class*="one wide"].column,
form.grid > [class*="one wide"].column,
.ui.column.grid > [class*="one wide"].column,
form.column.grid > [class*="one wide"].column {
  width: 6.25% !important; }

.ui.grid > .row > [class*="two wide"].column, form.grid > .row > [class*="two wide"].column,
.ui.grid > .column.row > [class*="two wide"].column,
form.grid > .column.row > [class*="two wide"].column,
.ui.grid > [class*="two wide"].column,
form.grid > [class*="two wide"].column,
.ui.column.grid > [class*="two wide"].column,
form.column.grid > [class*="two wide"].column {
  width: 12.5% !important; }

.ui.grid > .row > [class*="three wide"].column, form.grid > .row > [class*="three wide"].column,
.ui.grid > .column.row > [class*="three wide"].column,
form.grid > .column.row > [class*="three wide"].column,
.ui.grid > [class*="three wide"].column,
form.grid > [class*="three wide"].column,
.ui.column.grid > [class*="three wide"].column,
form.column.grid > [class*="three wide"].column {
  width: 18.75% !important; }

.ui.grid > .row > [class*="four wide"].column, form.grid > .row > [class*="four wide"].column,
.ui.grid > .column.row > [class*="four wide"].column,
form.grid > .column.row > [class*="four wide"].column,
.ui.grid > [class*="four wide"].column,
form.grid > [class*="four wide"].column,
.ui.column.grid > [class*="four wide"].column,
form.column.grid > [class*="four wide"].column {
  width: 25% !important; }

.ui.grid > .row > [class*="five wide"].column, form.grid > .row > [class*="five wide"].column,
.ui.grid > .column.row > [class*="five wide"].column,
form.grid > .column.row > [class*="five wide"].column,
.ui.grid > [class*="five wide"].column,
form.grid > [class*="five wide"].column,
.ui.column.grid > [class*="five wide"].column,
form.column.grid > [class*="five wide"].column {
  width: 31.25% !important; }

.ui.grid > .row > [class*="six wide"].column, form.grid > .row > [class*="six wide"].column,
.ui.grid > .column.row > [class*="six wide"].column,
form.grid > .column.row > [class*="six wide"].column,
.ui.grid > [class*="six wide"].column,
form.grid > [class*="six wide"].column,
.ui.column.grid > [class*="six wide"].column,
form.column.grid > [class*="six wide"].column {
  width: 37.5% !important; }

.ui.grid > .row > [class*="seven wide"].column, form.grid > .row > [class*="seven wide"].column,
.ui.grid > .column.row > [class*="seven wide"].column,
form.grid > .column.row > [class*="seven wide"].column,
.ui.grid > [class*="seven wide"].column,
form.grid > [class*="seven wide"].column,
.ui.column.grid > [class*="seven wide"].column,
form.column.grid > [class*="seven wide"].column {
  width: 43.75% !important; }

.ui.grid > .row > [class*="eight wide"].column, form.grid > .row > [class*="eight wide"].column,
.ui.grid > .column.row > [class*="eight wide"].column,
form.grid > .column.row > [class*="eight wide"].column,
.ui.grid > [class*="eight wide"].column,
form.grid > [class*="eight wide"].column,
.ui.column.grid > [class*="eight wide"].column,
form.column.grid > [class*="eight wide"].column {
  width: 50% !important; }

.ui.grid > .row > [class*="nine wide"].column, form.grid > .row > [class*="nine wide"].column,
.ui.grid > .column.row > [class*="nine wide"].column,
form.grid > .column.row > [class*="nine wide"].column,
.ui.grid > [class*="nine wide"].column,
form.grid > [class*="nine wide"].column,
.ui.column.grid > [class*="nine wide"].column,
form.column.grid > [class*="nine wide"].column {
  width: 56.25% !important; }

.ui.grid > .row > [class*="ten wide"].column, form.grid > .row > [class*="ten wide"].column,
.ui.grid > .column.row > [class*="ten wide"].column,
form.grid > .column.row > [class*="ten wide"].column,
.ui.grid > [class*="ten wide"].column,
form.grid > [class*="ten wide"].column,
.ui.column.grid > [class*="ten wide"].column,
form.column.grid > [class*="ten wide"].column {
  width: 62.5% !important; }

.ui.grid > .row > [class*="eleven wide"].column, form.grid > .row > [class*="eleven wide"].column,
.ui.grid > .column.row > [class*="eleven wide"].column,
form.grid > .column.row > [class*="eleven wide"].column,
.ui.grid > [class*="eleven wide"].column,
form.grid > [class*="eleven wide"].column,
.ui.column.grid > [class*="eleven wide"].column,
form.column.grid > [class*="eleven wide"].column {
  width: 68.75% !important; }

.ui.grid > .row > [class*="twelve wide"].column, form.grid > .row > [class*="twelve wide"].column,
.ui.grid > .column.row > [class*="twelve wide"].column,
form.grid > .column.row > [class*="twelve wide"].column,
.ui.grid > [class*="twelve wide"].column,
form.grid > [class*="twelve wide"].column,
.ui.column.grid > [class*="twelve wide"].column,
form.column.grid > [class*="twelve wide"].column {
  width: 75% !important; }

.ui.grid > .row > [class*="thirteen wide"].column, form.grid > .row > [class*="thirteen wide"].column,
.ui.grid > .column.row > [class*="thirteen wide"].column,
form.grid > .column.row > [class*="thirteen wide"].column,
.ui.grid > [class*="thirteen wide"].column,
form.grid > [class*="thirteen wide"].column,
.ui.column.grid > [class*="thirteen wide"].column,
form.column.grid > [class*="thirteen wide"].column {
  width: 81.25% !important; }

.ui.grid > .row > [class*="fourteen wide"].column, form.grid > .row > [class*="fourteen wide"].column,
.ui.grid > .column.row > [class*="fourteen wide"].column,
form.grid > .column.row > [class*="fourteen wide"].column,
.ui.grid > [class*="fourteen wide"].column,
form.grid > [class*="fourteen wide"].column,
.ui.column.grid > [class*="fourteen wide"].column,
form.column.grid > [class*="fourteen wide"].column {
  width: 87.5% !important; }

.ui.grid > .row > [class*="fifteen wide"].column, form.grid > .row > [class*="fifteen wide"].column,
.ui.grid > .column.row > [class*="fifteen wide"].column,
form.grid > .column.row > [class*="fifteen wide"].column,
.ui.grid > [class*="fifteen wide"].column,
form.grid > [class*="fifteen wide"].column,
.ui.column.grid > [class*="fifteen wide"].column,
form.column.grid > [class*="fifteen wide"].column {
  width: 93.75% !important; }

.ui.grid > .row > [class*="sixteen wide"].column, form.grid > .row > [class*="sixteen wide"].column,
.ui.grid > .column.row > [class*="sixteen wide"].column,
form.grid > .column.row > [class*="sixteen wide"].column,
.ui.grid > [class*="sixteen wide"].column,
form.grid > [class*="sixteen wide"].column,
.ui.column.grid > [class*="sixteen wide"].column,
form.column.grid > [class*="sixteen wide"].column {
  width: 100% !important; }

/*----------------------
    Width per Device
-----------------------*/
/* Mobile Sizing Combinations */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .ui.grid > .row > [class*="one wide mobile"].column, form.grid > .row > [class*="one wide mobile"].column,
  .ui.grid > .column.row > [class*="one wide mobile"].column,
  form.grid > .column.row > [class*="one wide mobile"].column,
  .ui.grid > [class*="one wide mobile"].column,
  form.grid > [class*="one wide mobile"].column,
  .ui.column.grid > [class*="one wide mobile"].column,
  form.column.grid > [class*="one wide mobile"].column {
    width: 6.25% !important; }

  .ui.grid > .row > [class*="two wide mobile"].column, form.grid > .row > [class*="two wide mobile"].column,
  .ui.grid > .column.row > [class*="two wide mobile"].column,
  form.grid > .column.row > [class*="two wide mobile"].column,
  .ui.grid > [class*="two wide mobile"].column,
  form.grid > [class*="two wide mobile"].column,
  .ui.column.grid > [class*="two wide mobile"].column,
  form.column.grid > [class*="two wide mobile"].column {
    width: 12.5% !important; }

  .ui.grid > .row > [class*="three wide mobile"].column, form.grid > .row > [class*="three wide mobile"].column,
  .ui.grid > .column.row > [class*="three wide mobile"].column,
  form.grid > .column.row > [class*="three wide mobile"].column,
  .ui.grid > [class*="three wide mobile"].column,
  form.grid > [class*="three wide mobile"].column,
  .ui.column.grid > [class*="three wide mobile"].column,
  form.column.grid > [class*="three wide mobile"].column {
    width: 18.75% !important; }

  .ui.grid > .row > [class*="four wide mobile"].column, form.grid > .row > [class*="four wide mobile"].column,
  .ui.grid > .column.row > [class*="four wide mobile"].column,
  form.grid > .column.row > [class*="four wide mobile"].column,
  .ui.grid > [class*="four wide mobile"].column,
  form.grid > [class*="four wide mobile"].column,
  .ui.column.grid > [class*="four wide mobile"].column,
  form.column.grid > [class*="four wide mobile"].column {
    width: 25% !important; }

  .ui.grid > .row > [class*="five wide mobile"].column, form.grid > .row > [class*="five wide mobile"].column,
  .ui.grid > .column.row > [class*="five wide mobile"].column,
  form.grid > .column.row > [class*="five wide mobile"].column,
  .ui.grid > [class*="five wide mobile"].column,
  form.grid > [class*="five wide mobile"].column,
  .ui.column.grid > [class*="five wide mobile"].column,
  form.column.grid > [class*="five wide mobile"].column {
    width: 31.25% !important; }

  .ui.grid > .row > [class*="six wide mobile"].column, form.grid > .row > [class*="six wide mobile"].column,
  .ui.grid > .column.row > [class*="six wide mobile"].column,
  form.grid > .column.row > [class*="six wide mobile"].column,
  .ui.grid > [class*="six wide mobile"].column,
  form.grid > [class*="six wide mobile"].column,
  .ui.column.grid > [class*="six wide mobile"].column,
  form.column.grid > [class*="six wide mobile"].column {
    width: 37.5% !important; }

  .ui.grid > .row > [class*="seven wide mobile"].column, form.grid > .row > [class*="seven wide mobile"].column,
  .ui.grid > .column.row > [class*="seven wide mobile"].column,
  form.grid > .column.row > [class*="seven wide mobile"].column,
  .ui.grid > [class*="seven wide mobile"].column,
  form.grid > [class*="seven wide mobile"].column,
  .ui.column.grid > [class*="seven wide mobile"].column,
  form.column.grid > [class*="seven wide mobile"].column {
    width: 43.75% !important; }

  .ui.grid > .row > [class*="eight wide mobile"].column, form.grid > .row > [class*="eight wide mobile"].column,
  .ui.grid > .column.row > [class*="eight wide mobile"].column,
  form.grid > .column.row > [class*="eight wide mobile"].column,
  .ui.grid > [class*="eight wide mobile"].column,
  form.grid > [class*="eight wide mobile"].column,
  .ui.column.grid > [class*="eight wide mobile"].column,
  form.column.grid > [class*="eight wide mobile"].column {
    width: 50% !important; }

  .ui.grid > .row > [class*="nine wide mobile"].column, form.grid > .row > [class*="nine wide mobile"].column,
  .ui.grid > .column.row > [class*="nine wide mobile"].column,
  form.grid > .column.row > [class*="nine wide mobile"].column,
  .ui.grid > [class*="nine wide mobile"].column,
  form.grid > [class*="nine wide mobile"].column,
  .ui.column.grid > [class*="nine wide mobile"].column,
  form.column.grid > [class*="nine wide mobile"].column {
    width: 56.25% !important; }

  .ui.grid > .row > [class*="ten wide mobile"].column, form.grid > .row > [class*="ten wide mobile"].column,
  .ui.grid > .column.row > [class*="ten wide mobile"].column,
  form.grid > .column.row > [class*="ten wide mobile"].column,
  .ui.grid > [class*="ten wide mobile"].column,
  form.grid > [class*="ten wide mobile"].column,
  .ui.column.grid > [class*="ten wide mobile"].column,
  form.column.grid > [class*="ten wide mobile"].column {
    width: 62.5% !important; }

  .ui.grid > .row > [class*="eleven wide mobile"].column, form.grid > .row > [class*="eleven wide mobile"].column,
  .ui.grid > .column.row > [class*="eleven wide mobile"].column,
  form.grid > .column.row > [class*="eleven wide mobile"].column,
  .ui.grid > [class*="eleven wide mobile"].column,
  form.grid > [class*="eleven wide mobile"].column,
  .ui.column.grid > [class*="eleven wide mobile"].column,
  form.column.grid > [class*="eleven wide mobile"].column {
    width: 68.75% !important; }

  .ui.grid > .row > [class*="twelve wide mobile"].column, form.grid > .row > [class*="twelve wide mobile"].column,
  .ui.grid > .column.row > [class*="twelve wide mobile"].column,
  form.grid > .column.row > [class*="twelve wide mobile"].column,
  .ui.grid > [class*="twelve wide mobile"].column,
  form.grid > [class*="twelve wide mobile"].column,
  .ui.column.grid > [class*="twelve wide mobile"].column,
  form.column.grid > [class*="twelve wide mobile"].column {
    width: 75% !important; }

  .ui.grid > .row > [class*="thirteen wide mobile"].column, form.grid > .row > [class*="thirteen wide mobile"].column,
  .ui.grid > .column.row > [class*="thirteen wide mobile"].column,
  form.grid > .column.row > [class*="thirteen wide mobile"].column,
  .ui.grid > [class*="thirteen wide mobile"].column,
  form.grid > [class*="thirteen wide mobile"].column,
  .ui.column.grid > [class*="thirteen wide mobile"].column,
  form.column.grid > [class*="thirteen wide mobile"].column {
    width: 81.25% !important; }

  .ui.grid > .row > [class*="fourteen wide mobile"].column, form.grid > .row > [class*="fourteen wide mobile"].column,
  .ui.grid > .column.row > [class*="fourteen wide mobile"].column,
  form.grid > .column.row > [class*="fourteen wide mobile"].column,
  .ui.grid > [class*="fourteen wide mobile"].column,
  form.grid > [class*="fourteen wide mobile"].column,
  .ui.column.grid > [class*="fourteen wide mobile"].column,
  form.column.grid > [class*="fourteen wide mobile"].column {
    width: 87.5% !important; }

  .ui.grid > .row > [class*="fifteen wide mobile"].column, form.grid > .row > [class*="fifteen wide mobile"].column,
  .ui.grid > .column.row > [class*="fifteen wide mobile"].column,
  form.grid > .column.row > [class*="fifteen wide mobile"].column,
  .ui.grid > [class*="fifteen wide mobile"].column,
  form.grid > [class*="fifteen wide mobile"].column,
  .ui.column.grid > [class*="fifteen wide mobile"].column,
  form.column.grid > [class*="fifteen wide mobile"].column {
    width: 93.75% !important; }

  .ui.grid > .row > [class*="sixteen wide mobile"].column, form.grid > .row > [class*="sixteen wide mobile"].column,
  .ui.grid > .column.row > [class*="sixteen wide mobile"].column,
  form.grid > .column.row > [class*="sixteen wide mobile"].column,
  .ui.grid > [class*="sixteen wide mobile"].column,
  form.grid > [class*="sixteen wide mobile"].column,
  .ui.column.grid > [class*="sixteen wide mobile"].column,
  form.column.grid > [class*="sixteen wide mobile"].column {
    width: 100% !important; } }
/* Tablet Sizing Combinations */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.grid > .row > [class*="one wide tablet"].column, form.grid > .row > [class*="one wide tablet"].column,
  .ui.grid > .column.row > [class*="one wide tablet"].column,
  form.grid > .column.row > [class*="one wide tablet"].column,
  .ui.grid > [class*="one wide tablet"].column,
  form.grid > [class*="one wide tablet"].column,
  .ui.column.grid > [class*="one wide tablet"].column,
  form.column.grid > [class*="one wide tablet"].column {
    width: 6.25% !important; }

  .ui.grid > .row > [class*="two wide tablet"].column, form.grid > .row > [class*="two wide tablet"].column,
  .ui.grid > .column.row > [class*="two wide tablet"].column,
  form.grid > .column.row > [class*="two wide tablet"].column,
  .ui.grid > [class*="two wide tablet"].column,
  form.grid > [class*="two wide tablet"].column,
  .ui.column.grid > [class*="two wide tablet"].column,
  form.column.grid > [class*="two wide tablet"].column {
    width: 12.5% !important; }

  .ui.grid > .row > [class*="three wide tablet"].column, form.grid > .row > [class*="three wide tablet"].column,
  .ui.grid > .column.row > [class*="three wide tablet"].column,
  form.grid > .column.row > [class*="three wide tablet"].column,
  .ui.grid > [class*="three wide tablet"].column,
  form.grid > [class*="three wide tablet"].column,
  .ui.column.grid > [class*="three wide tablet"].column,
  form.column.grid > [class*="three wide tablet"].column {
    width: 18.75% !important; }

  .ui.grid > .row > [class*="four wide tablet"].column, form.grid > .row > [class*="four wide tablet"].column,
  .ui.grid > .column.row > [class*="four wide tablet"].column,
  form.grid > .column.row > [class*="four wide tablet"].column,
  .ui.grid > [class*="four wide tablet"].column,
  form.grid > [class*="four wide tablet"].column,
  .ui.column.grid > [class*="four wide tablet"].column,
  form.column.grid > [class*="four wide tablet"].column {
    width: 25% !important; }

  .ui.grid > .row > [class*="five wide tablet"].column, form.grid > .row > [class*="five wide tablet"].column,
  .ui.grid > .column.row > [class*="five wide tablet"].column,
  form.grid > .column.row > [class*="five wide tablet"].column,
  .ui.grid > [class*="five wide tablet"].column,
  form.grid > [class*="five wide tablet"].column,
  .ui.column.grid > [class*="five wide tablet"].column,
  form.column.grid > [class*="five wide tablet"].column {
    width: 31.25% !important; }

  .ui.grid > .row > [class*="six wide tablet"].column, form.grid > .row > [class*="six wide tablet"].column,
  .ui.grid > .column.row > [class*="six wide tablet"].column,
  form.grid > .column.row > [class*="six wide tablet"].column,
  .ui.grid > [class*="six wide tablet"].column,
  form.grid > [class*="six wide tablet"].column,
  .ui.column.grid > [class*="six wide tablet"].column,
  form.column.grid > [class*="six wide tablet"].column {
    width: 37.5% !important; }

  .ui.grid > .row > [class*="seven wide tablet"].column, form.grid > .row > [class*="seven wide tablet"].column,
  .ui.grid > .column.row > [class*="seven wide tablet"].column,
  form.grid > .column.row > [class*="seven wide tablet"].column,
  .ui.grid > [class*="seven wide tablet"].column,
  form.grid > [class*="seven wide tablet"].column,
  .ui.column.grid > [class*="seven wide tablet"].column,
  form.column.grid > [class*="seven wide tablet"].column {
    width: 43.75% !important; }

  .ui.grid > .row > [class*="eight wide tablet"].column, form.grid > .row > [class*="eight wide tablet"].column,
  .ui.grid > .column.row > [class*="eight wide tablet"].column,
  form.grid > .column.row > [class*="eight wide tablet"].column,
  .ui.grid > [class*="eight wide tablet"].column,
  form.grid > [class*="eight wide tablet"].column,
  .ui.column.grid > [class*="eight wide tablet"].column,
  form.column.grid > [class*="eight wide tablet"].column {
    width: 50% !important; }

  .ui.grid > .row > [class*="nine wide tablet"].column, form.grid > .row > [class*="nine wide tablet"].column,
  .ui.grid > .column.row > [class*="nine wide tablet"].column,
  form.grid > .column.row > [class*="nine wide tablet"].column,
  .ui.grid > [class*="nine wide tablet"].column,
  form.grid > [class*="nine wide tablet"].column,
  .ui.column.grid > [class*="nine wide tablet"].column,
  form.column.grid > [class*="nine wide tablet"].column {
    width: 56.25% !important; }

  .ui.grid > .row > [class*="ten wide tablet"].column, form.grid > .row > [class*="ten wide tablet"].column,
  .ui.grid > .column.row > [class*="ten wide tablet"].column,
  form.grid > .column.row > [class*="ten wide tablet"].column,
  .ui.grid > [class*="ten wide tablet"].column,
  form.grid > [class*="ten wide tablet"].column,
  .ui.column.grid > [class*="ten wide tablet"].column,
  form.column.grid > [class*="ten wide tablet"].column {
    width: 62.5% !important; }

  .ui.grid > .row > [class*="eleven wide tablet"].column, form.grid > .row > [class*="eleven wide tablet"].column,
  .ui.grid > .column.row > [class*="eleven wide tablet"].column,
  form.grid > .column.row > [class*="eleven wide tablet"].column,
  .ui.grid > [class*="eleven wide tablet"].column,
  form.grid > [class*="eleven wide tablet"].column,
  .ui.column.grid > [class*="eleven wide tablet"].column,
  form.column.grid > [class*="eleven wide tablet"].column {
    width: 68.75% !important; }

  .ui.grid > .row > [class*="twelve wide tablet"].column, form.grid > .row > [class*="twelve wide tablet"].column,
  .ui.grid > .column.row > [class*="twelve wide tablet"].column,
  form.grid > .column.row > [class*="twelve wide tablet"].column,
  .ui.grid > [class*="twelve wide tablet"].column,
  form.grid > [class*="twelve wide tablet"].column,
  .ui.column.grid > [class*="twelve wide tablet"].column,
  form.column.grid > [class*="twelve wide tablet"].column {
    width: 75% !important; }

  .ui.grid > .row > [class*="thirteen wide tablet"].column, form.grid > .row > [class*="thirteen wide tablet"].column,
  .ui.grid > .column.row > [class*="thirteen wide tablet"].column,
  form.grid > .column.row > [class*="thirteen wide tablet"].column,
  .ui.grid > [class*="thirteen wide tablet"].column,
  form.grid > [class*="thirteen wide tablet"].column,
  .ui.column.grid > [class*="thirteen wide tablet"].column,
  form.column.grid > [class*="thirteen wide tablet"].column {
    width: 81.25% !important; }

  .ui.grid > .row > [class*="fourteen wide tablet"].column, form.grid > .row > [class*="fourteen wide tablet"].column,
  .ui.grid > .column.row > [class*="fourteen wide tablet"].column,
  form.grid > .column.row > [class*="fourteen wide tablet"].column,
  .ui.grid > [class*="fourteen wide tablet"].column,
  form.grid > [class*="fourteen wide tablet"].column,
  .ui.column.grid > [class*="fourteen wide tablet"].column,
  form.column.grid > [class*="fourteen wide tablet"].column {
    width: 87.5% !important; }

  .ui.grid > .row > [class*="fifteen wide tablet"].column, form.grid > .row > [class*="fifteen wide tablet"].column,
  .ui.grid > .column.row > [class*="fifteen wide tablet"].column,
  form.grid > .column.row > [class*="fifteen wide tablet"].column,
  .ui.grid > [class*="fifteen wide tablet"].column,
  form.grid > [class*="fifteen wide tablet"].column,
  .ui.column.grid > [class*="fifteen wide tablet"].column,
  form.column.grid > [class*="fifteen wide tablet"].column {
    width: 93.75% !important; }

  .ui.grid > .row > [class*="sixteen wide tablet"].column, form.grid > .row > [class*="sixteen wide tablet"].column,
  .ui.grid > .column.row > [class*="sixteen wide tablet"].column,
  form.grid > .column.row > [class*="sixteen wide tablet"].column,
  .ui.grid > [class*="sixteen wide tablet"].column,
  form.grid > [class*="sixteen wide tablet"].column,
  .ui.column.grid > [class*="sixteen wide tablet"].column,
  form.column.grid > [class*="sixteen wide tablet"].column {
    width: 100% !important; } }
/* Computer/Desktop Sizing Combinations */
@media only screen and (min-width: 992px) {
  .ui.grid > .row > [class*="one wide computer"].column, form.grid > .row > [class*="one wide computer"].column,
  .ui.grid > .column.row > [class*="one wide computer"].column,
  form.grid > .column.row > [class*="one wide computer"].column,
  .ui.grid > [class*="one wide computer"].column,
  form.grid > [class*="one wide computer"].column,
  .ui.column.grid > [class*="one wide computer"].column,
  form.column.grid > [class*="one wide computer"].column {
    width: 6.25% !important; }

  .ui.grid > .row > [class*="two wide computer"].column, form.grid > .row > [class*="two wide computer"].column,
  .ui.grid > .column.row > [class*="two wide computer"].column,
  form.grid > .column.row > [class*="two wide computer"].column,
  .ui.grid > [class*="two wide computer"].column,
  form.grid > [class*="two wide computer"].column,
  .ui.column.grid > [class*="two wide computer"].column,
  form.column.grid > [class*="two wide computer"].column {
    width: 12.5% !important; }

  .ui.grid > .row > [class*="three wide computer"].column, form.grid > .row > [class*="three wide computer"].column,
  .ui.grid > .column.row > [class*="three wide computer"].column,
  form.grid > .column.row > [class*="three wide computer"].column,
  .ui.grid > [class*="three wide computer"].column,
  form.grid > [class*="three wide computer"].column,
  .ui.column.grid > [class*="three wide computer"].column,
  form.column.grid > [class*="three wide computer"].column {
    width: 18.75% !important; }

  .ui.grid > .row > [class*="four wide computer"].column, form.grid > .row > [class*="four wide computer"].column,
  .ui.grid > .column.row > [class*="four wide computer"].column,
  form.grid > .column.row > [class*="four wide computer"].column,
  .ui.grid > [class*="four wide computer"].column,
  form.grid > [class*="four wide computer"].column,
  .ui.column.grid > [class*="four wide computer"].column,
  form.column.grid > [class*="four wide computer"].column {
    width: 25% !important; }

  .ui.grid > .row > [class*="five wide computer"].column, form.grid > .row > [class*="five wide computer"].column,
  .ui.grid > .column.row > [class*="five wide computer"].column,
  form.grid > .column.row > [class*="five wide computer"].column,
  .ui.grid > [class*="five wide computer"].column,
  form.grid > [class*="five wide computer"].column,
  .ui.column.grid > [class*="five wide computer"].column,
  form.column.grid > [class*="five wide computer"].column {
    width: 31.25% !important; }

  .ui.grid > .row > [class*="six wide computer"].column, form.grid > .row > [class*="six wide computer"].column,
  .ui.grid > .column.row > [class*="six wide computer"].column,
  form.grid > .column.row > [class*="six wide computer"].column,
  .ui.grid > [class*="six wide computer"].column,
  form.grid > [class*="six wide computer"].column,
  .ui.column.grid > [class*="six wide computer"].column,
  form.column.grid > [class*="six wide computer"].column {
    width: 37.5% !important; }

  .ui.grid > .row > [class*="seven wide computer"].column, form.grid > .row > [class*="seven wide computer"].column,
  .ui.grid > .column.row > [class*="seven wide computer"].column,
  form.grid > .column.row > [class*="seven wide computer"].column,
  .ui.grid > [class*="seven wide computer"].column,
  form.grid > [class*="seven wide computer"].column,
  .ui.column.grid > [class*="seven wide computer"].column,
  form.column.grid > [class*="seven wide computer"].column {
    width: 43.75% !important; }

  .ui.grid > .row > [class*="eight wide computer"].column, form.grid > .row > [class*="eight wide computer"].column,
  .ui.grid > .column.row > [class*="eight wide computer"].column,
  form.grid > .column.row > [class*="eight wide computer"].column,
  .ui.grid > [class*="eight wide computer"].column,
  form.grid > [class*="eight wide computer"].column,
  .ui.column.grid > [class*="eight wide computer"].column,
  form.column.grid > [class*="eight wide computer"].column {
    width: 50% !important; }

  .ui.grid > .row > [class*="nine wide computer"].column, form.grid > .row > [class*="nine wide computer"].column,
  .ui.grid > .column.row > [class*="nine wide computer"].column,
  form.grid > .column.row > [class*="nine wide computer"].column,
  .ui.grid > [class*="nine wide computer"].column,
  form.grid > [class*="nine wide computer"].column,
  .ui.column.grid > [class*="nine wide computer"].column,
  form.column.grid > [class*="nine wide computer"].column {
    width: 56.25% !important; }

  .ui.grid > .row > [class*="ten wide computer"].column, form.grid > .row > [class*="ten wide computer"].column,
  .ui.grid > .column.row > [class*="ten wide computer"].column,
  form.grid > .column.row > [class*="ten wide computer"].column,
  .ui.grid > [class*="ten wide computer"].column,
  form.grid > [class*="ten wide computer"].column,
  .ui.column.grid > [class*="ten wide computer"].column,
  form.column.grid > [class*="ten wide computer"].column {
    width: 62.5% !important; }

  .ui.grid > .row > [class*="eleven wide computer"].column, form.grid > .row > [class*="eleven wide computer"].column,
  .ui.grid > .column.row > [class*="eleven wide computer"].column,
  form.grid > .column.row > [class*="eleven wide computer"].column,
  .ui.grid > [class*="eleven wide computer"].column,
  form.grid > [class*="eleven wide computer"].column,
  .ui.column.grid > [class*="eleven wide computer"].column,
  form.column.grid > [class*="eleven wide computer"].column {
    width: 68.75% !important; }

  .ui.grid > .row > [class*="twelve wide computer"].column, form.grid > .row > [class*="twelve wide computer"].column,
  .ui.grid > .column.row > [class*="twelve wide computer"].column,
  form.grid > .column.row > [class*="twelve wide computer"].column,
  .ui.grid > [class*="twelve wide computer"].column,
  form.grid > [class*="twelve wide computer"].column,
  .ui.column.grid > [class*="twelve wide computer"].column,
  form.column.grid > [class*="twelve wide computer"].column {
    width: 75% !important; }

  .ui.grid > .row > [class*="thirteen wide computer"].column, form.grid > .row > [class*="thirteen wide computer"].column,
  .ui.grid > .column.row > [class*="thirteen wide computer"].column,
  form.grid > .column.row > [class*="thirteen wide computer"].column,
  .ui.grid > [class*="thirteen wide computer"].column,
  form.grid > [class*="thirteen wide computer"].column,
  .ui.column.grid > [class*="thirteen wide computer"].column,
  form.column.grid > [class*="thirteen wide computer"].column {
    width: 81.25% !important; }

  .ui.grid > .row > [class*="fourteen wide computer"].column, form.grid > .row > [class*="fourteen wide computer"].column,
  .ui.grid > .column.row > [class*="fourteen wide computer"].column,
  form.grid > .column.row > [class*="fourteen wide computer"].column,
  .ui.grid > [class*="fourteen wide computer"].column,
  form.grid > [class*="fourteen wide computer"].column,
  .ui.column.grid > [class*="fourteen wide computer"].column,
  form.column.grid > [class*="fourteen wide computer"].column {
    width: 87.5% !important; }

  .ui.grid > .row > [class*="fifteen wide computer"].column, form.grid > .row > [class*="fifteen wide computer"].column,
  .ui.grid > .column.row > [class*="fifteen wide computer"].column,
  form.grid > .column.row > [class*="fifteen wide computer"].column,
  .ui.grid > [class*="fifteen wide computer"].column,
  form.grid > [class*="fifteen wide computer"].column,
  .ui.column.grid > [class*="fifteen wide computer"].column,
  form.column.grid > [class*="fifteen wide computer"].column {
    width: 93.75% !important; }

  .ui.grid > .row > [class*="sixteen wide computer"].column, form.grid > .row > [class*="sixteen wide computer"].column,
  .ui.grid > .column.row > [class*="sixteen wide computer"].column,
  form.grid > .column.row > [class*="sixteen wide computer"].column,
  .ui.grid > [class*="sixteen wide computer"].column,
  form.grid > [class*="sixteen wide computer"].column,
  .ui.column.grid > [class*="sixteen wide computer"].column,
  form.column.grid > [class*="sixteen wide computer"].column {
    width: 100% !important; } }
/* Large Monitor Sizing Combinations */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .ui.grid > .row > [class*="one wide large screen"].column, form.grid > .row > [class*="one wide large screen"].column,
  .ui.grid > .column.row > [class*="one wide large screen"].column,
  form.grid > .column.row > [class*="one wide large screen"].column,
  .ui.grid > [class*="one wide large screen"].column,
  form.grid > [class*="one wide large screen"].column,
  .ui.column.grid > [class*="one wide large screen"].column,
  form.column.grid > [class*="one wide large screen"].column {
    width: 6.25% !important; }

  .ui.grid > .row > [class*="two wide large screen"].column, form.grid > .row > [class*="two wide large screen"].column,
  .ui.grid > .column.row > [class*="two wide large screen"].column,
  form.grid > .column.row > [class*="two wide large screen"].column,
  .ui.grid > [class*="two wide large screen"].column,
  form.grid > [class*="two wide large screen"].column,
  .ui.column.grid > [class*="two wide large screen"].column,
  form.column.grid > [class*="two wide large screen"].column {
    width: 12.5% !important; }

  .ui.grid > .row > [class*="three wide large screen"].column, form.grid > .row > [class*="three wide large screen"].column,
  .ui.grid > .column.row > [class*="three wide large screen"].column,
  form.grid > .column.row > [class*="three wide large screen"].column,
  .ui.grid > [class*="three wide large screen"].column,
  form.grid > [class*="three wide large screen"].column,
  .ui.column.grid > [class*="three wide large screen"].column,
  form.column.grid > [class*="three wide large screen"].column {
    width: 18.75% !important; }

  .ui.grid > .row > [class*="four wide large screen"].column, form.grid > .row > [class*="four wide large screen"].column,
  .ui.grid > .column.row > [class*="four wide large screen"].column,
  form.grid > .column.row > [class*="four wide large screen"].column,
  .ui.grid > [class*="four wide large screen"].column,
  form.grid > [class*="four wide large screen"].column,
  .ui.column.grid > [class*="four wide large screen"].column,
  form.column.grid > [class*="four wide large screen"].column {
    width: 25% !important; }

  .ui.grid > .row > [class*="five wide large screen"].column, form.grid > .row > [class*="five wide large screen"].column,
  .ui.grid > .column.row > [class*="five wide large screen"].column,
  form.grid > .column.row > [class*="five wide large screen"].column,
  .ui.grid > [class*="five wide large screen"].column,
  form.grid > [class*="five wide large screen"].column,
  .ui.column.grid > [class*="five wide large screen"].column,
  form.column.grid > [class*="five wide large screen"].column {
    width: 31.25% !important; }

  .ui.grid > .row > [class*="six wide large screen"].column, form.grid > .row > [class*="six wide large screen"].column,
  .ui.grid > .column.row > [class*="six wide large screen"].column,
  form.grid > .column.row > [class*="six wide large screen"].column,
  .ui.grid > [class*="six wide large screen"].column,
  form.grid > [class*="six wide large screen"].column,
  .ui.column.grid > [class*="six wide large screen"].column,
  form.column.grid > [class*="six wide large screen"].column {
    width: 37.5% !important; }

  .ui.grid > .row > [class*="seven wide large screen"].column, form.grid > .row > [class*="seven wide large screen"].column,
  .ui.grid > .column.row > [class*="seven wide large screen"].column,
  form.grid > .column.row > [class*="seven wide large screen"].column,
  .ui.grid > [class*="seven wide large screen"].column,
  form.grid > [class*="seven wide large screen"].column,
  .ui.column.grid > [class*="seven wide large screen"].column,
  form.column.grid > [class*="seven wide large screen"].column {
    width: 43.75% !important; }

  .ui.grid > .row > [class*="eight wide large screen"].column, form.grid > .row > [class*="eight wide large screen"].column,
  .ui.grid > .column.row > [class*="eight wide large screen"].column,
  form.grid > .column.row > [class*="eight wide large screen"].column,
  .ui.grid > [class*="eight wide large screen"].column,
  form.grid > [class*="eight wide large screen"].column,
  .ui.column.grid > [class*="eight wide large screen"].column,
  form.column.grid > [class*="eight wide large screen"].column {
    width: 50% !important; }

  .ui.grid > .row > [class*="nine wide large screen"].column, form.grid > .row > [class*="nine wide large screen"].column,
  .ui.grid > .column.row > [class*="nine wide large screen"].column,
  form.grid > .column.row > [class*="nine wide large screen"].column,
  .ui.grid > [class*="nine wide large screen"].column,
  form.grid > [class*="nine wide large screen"].column,
  .ui.column.grid > [class*="nine wide large screen"].column,
  form.column.grid > [class*="nine wide large screen"].column {
    width: 56.25% !important; }

  .ui.grid > .row > [class*="ten wide large screen"].column, form.grid > .row > [class*="ten wide large screen"].column,
  .ui.grid > .column.row > [class*="ten wide large screen"].column,
  form.grid > .column.row > [class*="ten wide large screen"].column,
  .ui.grid > [class*="ten wide large screen"].column,
  form.grid > [class*="ten wide large screen"].column,
  .ui.column.grid > [class*="ten wide large screen"].column,
  form.column.grid > [class*="ten wide large screen"].column {
    width: 62.5% !important; }

  .ui.grid > .row > [class*="eleven wide large screen"].column, form.grid > .row > [class*="eleven wide large screen"].column,
  .ui.grid > .column.row > [class*="eleven wide large screen"].column,
  form.grid > .column.row > [class*="eleven wide large screen"].column,
  .ui.grid > [class*="eleven wide large screen"].column,
  form.grid > [class*="eleven wide large screen"].column,
  .ui.column.grid > [class*="eleven wide large screen"].column,
  form.column.grid > [class*="eleven wide large screen"].column {
    width: 68.75% !important; }

  .ui.grid > .row > [class*="twelve wide large screen"].column, form.grid > .row > [class*="twelve wide large screen"].column,
  .ui.grid > .column.row > [class*="twelve wide large screen"].column,
  form.grid > .column.row > [class*="twelve wide large screen"].column,
  .ui.grid > [class*="twelve wide large screen"].column,
  form.grid > [class*="twelve wide large screen"].column,
  .ui.column.grid > [class*="twelve wide large screen"].column,
  form.column.grid > [class*="twelve wide large screen"].column {
    width: 75% !important; }

  .ui.grid > .row > [class*="thirteen wide large screen"].column, form.grid > .row > [class*="thirteen wide large screen"].column,
  .ui.grid > .column.row > [class*="thirteen wide large screen"].column,
  form.grid > .column.row > [class*="thirteen wide large screen"].column,
  .ui.grid > [class*="thirteen wide large screen"].column,
  form.grid > [class*="thirteen wide large screen"].column,
  .ui.column.grid > [class*="thirteen wide large screen"].column,
  form.column.grid > [class*="thirteen wide large screen"].column {
    width: 81.25% !important; }

  .ui.grid > .row > [class*="fourteen wide large screen"].column, form.grid > .row > [class*="fourteen wide large screen"].column,
  .ui.grid > .column.row > [class*="fourteen wide large screen"].column,
  form.grid > .column.row > [class*="fourteen wide large screen"].column,
  .ui.grid > [class*="fourteen wide large screen"].column,
  form.grid > [class*="fourteen wide large screen"].column,
  .ui.column.grid > [class*="fourteen wide large screen"].column,
  form.column.grid > [class*="fourteen wide large screen"].column {
    width: 87.5% !important; }

  .ui.grid > .row > [class*="fifteen wide large screen"].column, form.grid > .row > [class*="fifteen wide large screen"].column,
  .ui.grid > .column.row > [class*="fifteen wide large screen"].column,
  form.grid > .column.row > [class*="fifteen wide large screen"].column,
  .ui.grid > [class*="fifteen wide large screen"].column,
  form.grid > [class*="fifteen wide large screen"].column,
  .ui.column.grid > [class*="fifteen wide large screen"].column,
  form.column.grid > [class*="fifteen wide large screen"].column {
    width: 93.75% !important; }

  .ui.grid > .row > [class*="sixteen wide large screen"].column, form.grid > .row > [class*="sixteen wide large screen"].column,
  .ui.grid > .column.row > [class*="sixteen wide large screen"].column,
  form.grid > .column.row > [class*="sixteen wide large screen"].column,
  .ui.grid > [class*="sixteen wide large screen"].column,
  form.grid > [class*="sixteen wide large screen"].column,
  .ui.column.grid > [class*="sixteen wide large screen"].column,
  form.column.grid > [class*="sixteen wide large screen"].column {
    width: 100% !important; } }
/* Widescreen Sizing Combinations */
@media only screen and (min-width: 1920px) {
  .ui.grid > .row > [class*="one wide widescreen"].column, form.grid > .row > [class*="one wide widescreen"].column,
  .ui.grid > .column.row > [class*="one wide widescreen"].column,
  form.grid > .column.row > [class*="one wide widescreen"].column,
  .ui.grid > [class*="one wide widescreen"].column,
  form.grid > [class*="one wide widescreen"].column,
  .ui.column.grid > [class*="one wide widescreen"].column,
  form.column.grid > [class*="one wide widescreen"].column {
    width: 6.25% !important; }

  .ui.grid > .row > [class*="two wide widescreen"].column, form.grid > .row > [class*="two wide widescreen"].column,
  .ui.grid > .column.row > [class*="two wide widescreen"].column,
  form.grid > .column.row > [class*="two wide widescreen"].column,
  .ui.grid > [class*="two wide widescreen"].column,
  form.grid > [class*="two wide widescreen"].column,
  .ui.column.grid > [class*="two wide widescreen"].column,
  form.column.grid > [class*="two wide widescreen"].column {
    width: 12.5% !important; }

  .ui.grid > .row > [class*="three wide widescreen"].column, form.grid > .row > [class*="three wide widescreen"].column,
  .ui.grid > .column.row > [class*="three wide widescreen"].column,
  form.grid > .column.row > [class*="three wide widescreen"].column,
  .ui.grid > [class*="three wide widescreen"].column,
  form.grid > [class*="three wide widescreen"].column,
  .ui.column.grid > [class*="three wide widescreen"].column,
  form.column.grid > [class*="three wide widescreen"].column {
    width: 18.75% !important; }

  .ui.grid > .row > [class*="four wide widescreen"].column, form.grid > .row > [class*="four wide widescreen"].column,
  .ui.grid > .column.row > [class*="four wide widescreen"].column,
  form.grid > .column.row > [class*="four wide widescreen"].column,
  .ui.grid > [class*="four wide widescreen"].column,
  form.grid > [class*="four wide widescreen"].column,
  .ui.column.grid > [class*="four wide widescreen"].column,
  form.column.grid > [class*="four wide widescreen"].column {
    width: 25% !important; }

  .ui.grid > .row > [class*="five wide widescreen"].column, form.grid > .row > [class*="five wide widescreen"].column,
  .ui.grid > .column.row > [class*="five wide widescreen"].column,
  form.grid > .column.row > [class*="five wide widescreen"].column,
  .ui.grid > [class*="five wide widescreen"].column,
  form.grid > [class*="five wide widescreen"].column,
  .ui.column.grid > [class*="five wide widescreen"].column,
  form.column.grid > [class*="five wide widescreen"].column {
    width: 31.25% !important; }

  .ui.grid > .row > [class*="six wide widescreen"].column, form.grid > .row > [class*="six wide widescreen"].column,
  .ui.grid > .column.row > [class*="six wide widescreen"].column,
  form.grid > .column.row > [class*="six wide widescreen"].column,
  .ui.grid > [class*="six wide widescreen"].column,
  form.grid > [class*="six wide widescreen"].column,
  .ui.column.grid > [class*="six wide widescreen"].column,
  form.column.grid > [class*="six wide widescreen"].column {
    width: 37.5% !important; }

  .ui.grid > .row > [class*="seven wide widescreen"].column, form.grid > .row > [class*="seven wide widescreen"].column,
  .ui.grid > .column.row > [class*="seven wide widescreen"].column,
  form.grid > .column.row > [class*="seven wide widescreen"].column,
  .ui.grid > [class*="seven wide widescreen"].column,
  form.grid > [class*="seven wide widescreen"].column,
  .ui.column.grid > [class*="seven wide widescreen"].column,
  form.column.grid > [class*="seven wide widescreen"].column {
    width: 43.75% !important; }

  .ui.grid > .row > [class*="eight wide widescreen"].column, form.grid > .row > [class*="eight wide widescreen"].column,
  .ui.grid > .column.row > [class*="eight wide widescreen"].column,
  form.grid > .column.row > [class*="eight wide widescreen"].column,
  .ui.grid > [class*="eight wide widescreen"].column,
  form.grid > [class*="eight wide widescreen"].column,
  .ui.column.grid > [class*="eight wide widescreen"].column,
  form.column.grid > [class*="eight wide widescreen"].column {
    width: 50% !important; }

  .ui.grid > .row > [class*="nine wide widescreen"].column, form.grid > .row > [class*="nine wide widescreen"].column,
  .ui.grid > .column.row > [class*="nine wide widescreen"].column,
  form.grid > .column.row > [class*="nine wide widescreen"].column,
  .ui.grid > [class*="nine wide widescreen"].column,
  form.grid > [class*="nine wide widescreen"].column,
  .ui.column.grid > [class*="nine wide widescreen"].column,
  form.column.grid > [class*="nine wide widescreen"].column {
    width: 56.25% !important; }

  .ui.grid > .row > [class*="ten wide widescreen"].column, form.grid > .row > [class*="ten wide widescreen"].column,
  .ui.grid > .column.row > [class*="ten wide widescreen"].column,
  form.grid > .column.row > [class*="ten wide widescreen"].column,
  .ui.grid > [class*="ten wide widescreen"].column,
  form.grid > [class*="ten wide widescreen"].column,
  .ui.column.grid > [class*="ten wide widescreen"].column,
  form.column.grid > [class*="ten wide widescreen"].column {
    width: 62.5% !important; }

  .ui.grid > .row > [class*="eleven wide widescreen"].column, form.grid > .row > [class*="eleven wide widescreen"].column,
  .ui.grid > .column.row > [class*="eleven wide widescreen"].column,
  form.grid > .column.row > [class*="eleven wide widescreen"].column,
  .ui.grid > [class*="eleven wide widescreen"].column,
  form.grid > [class*="eleven wide widescreen"].column,
  .ui.column.grid > [class*="eleven wide widescreen"].column,
  form.column.grid > [class*="eleven wide widescreen"].column {
    width: 68.75% !important; }

  .ui.grid > .row > [class*="twelve wide widescreen"].column, form.grid > .row > [class*="twelve wide widescreen"].column,
  .ui.grid > .column.row > [class*="twelve wide widescreen"].column,
  form.grid > .column.row > [class*="twelve wide widescreen"].column,
  .ui.grid > [class*="twelve wide widescreen"].column,
  form.grid > [class*="twelve wide widescreen"].column,
  .ui.column.grid > [class*="twelve wide widescreen"].column,
  form.column.grid > [class*="twelve wide widescreen"].column {
    width: 75% !important; }

  .ui.grid > .row > [class*="thirteen wide widescreen"].column, form.grid > .row > [class*="thirteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="thirteen wide widescreen"].column,
  form.grid > .column.row > [class*="thirteen wide widescreen"].column,
  .ui.grid > [class*="thirteen wide widescreen"].column,
  form.grid > [class*="thirteen wide widescreen"].column,
  .ui.column.grid > [class*="thirteen wide widescreen"].column,
  form.column.grid > [class*="thirteen wide widescreen"].column {
    width: 81.25% !important; }

  .ui.grid > .row > [class*="fourteen wide widescreen"].column, form.grid > .row > [class*="fourteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="fourteen wide widescreen"].column,
  form.grid > .column.row > [class*="fourteen wide widescreen"].column,
  .ui.grid > [class*="fourteen wide widescreen"].column,
  form.grid > [class*="fourteen wide widescreen"].column,
  .ui.column.grid > [class*="fourteen wide widescreen"].column,
  form.column.grid > [class*="fourteen wide widescreen"].column {
    width: 87.5% !important; }

  .ui.grid > .row > [class*="fifteen wide widescreen"].column, form.grid > .row > [class*="fifteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="fifteen wide widescreen"].column,
  form.grid > .column.row > [class*="fifteen wide widescreen"].column,
  .ui.grid > [class*="fifteen wide widescreen"].column,
  form.grid > [class*="fifteen wide widescreen"].column,
  .ui.column.grid > [class*="fifteen wide widescreen"].column,
  form.column.grid > [class*="fifteen wide widescreen"].column {
    width: 93.75% !important; }

  .ui.grid > .row > [class*="sixteen wide widescreen"].column, form.grid > .row > [class*="sixteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="sixteen wide widescreen"].column,
  form.grid > .column.row > [class*="sixteen wide widescreen"].column,
  .ui.grid > [class*="sixteen wide widescreen"].column,
  form.grid > [class*="sixteen wide widescreen"].column,
  .ui.column.grid > [class*="sixteen wide widescreen"].column,
  form.column.grid > [class*="sixteen wide widescreen"].column {
    width: 100% !important; } }
/*----------------------
        Centered
-----------------------*/
.ui.centered.grid, form.centered.grid,
.ui.centered.grid > .row,
form.centered.grid > .row,
.ui.grid > .centered.row,
form.grid > .centered.row {
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.ui.centered.grid > .column:not(.aligned):not(.justified):not(.row), form.centered.grid > .column:not(.aligned):not(.justified):not(.row),
.ui.centered.grid > .row > .column:not(.aligned):not(.justified),
form.centered.grid > .row > .column:not(.aligned):not(.justified),
.ui.grid .centered.row > .column:not(.aligned):not(.justified),
form.grid .centered.row > .column:not(.aligned):not(.justified) {
  text-align: left; }

.ui.grid > .centered.column, form.grid > .centered.column,
.ui.grid > .row > .centered.column,
form.grid > .row > .centered.column {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*----------------------
        Relaxed
-----------------------*/
.ui.relaxed.grid > .column:not(.row), form.relaxed.grid > .column:not(.row),
.ui.relaxed.grid > .row > .column,
form.relaxed.grid > .row > .column,
.ui.grid > .relaxed.row > .column,
form.grid > .relaxed.row > .column {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.ui[class*="very relaxed"].grid > .column:not(.row), form[class*="very relaxed"].grid > .column:not(.row),
.ui[class*="very relaxed"].grid > .row > .column,
form[class*="very relaxed"].grid > .row > .column,
.ui.grid > [class*="very relaxed"].row > .column,
form.grid > [class*="very relaxed"].row > .column {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

/* Coupling with UI Divider */
.ui.relaxed.grid .row + .ui.divider, form.relaxed.grid .row + .ui.divider, .ui.relaxed.grid .row + form.divider, form.relaxed.grid .row + form.divider,
.ui.grid .relaxed.row + .ui.divider,
form.grid .relaxed.row + .ui.divider,
.ui.grid .relaxed.row + form.divider,
form.grid .relaxed.row + form.divider {
  margin-left: 1.5rem;
  margin-right: 1.5rem; }

.ui[class*="very relaxed"].grid .row + .ui.divider, form[class*="very relaxed"].grid .row + .ui.divider, .ui[class*="very relaxed"].grid .row + form.divider, form[class*="very relaxed"].grid .row + form.divider,
.ui.grid [class*="very relaxed"].row + .ui.divider,
form.grid [class*="very relaxed"].row + .ui.divider,
.ui.grid [class*="very relaxed"].row + form.divider,
form.grid [class*="very relaxed"].row + form.divider {
  margin-left: 2.5rem;
  margin-right: 2.5rem; }

/*----------------------
        Padded
-----------------------*/
.ui.padded.grid:not(.vertically):not(.horizontally), form.padded.grid:not(.vertically):not(.horizontally) {
  margin: 0em !important; }

[class*="horizontally padded"].ui.grid, form[class*="horizontally padded"].grid {
  margin-left: 0em !important;
  margin-right: 0em !important; }

[class*="vertically padded"].ui.grid, form[class*="vertically padded"].grid {
  margin-top: 0em !important;
  margin-bottom: 0em !important; }

/*----------------------
       "Floated"
-----------------------*/
.ui.grid [class*="left floated"].column, form.grid [class*="left floated"].column {
  margin-right: auto; }

.ui.grid [class*="right floated"].column, form.grid [class*="right floated"].column {
  margin-left: auto; }

/*----------------------
        Divided
-----------------------*/
.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row), form.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column,
form.divided.grid:not([class*="vertically divided"]) > .row > .column {
  -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); }

/* Swap from padding to margin on columns to have dividers align */
.ui[class*="vertically divided"].grid > .column:not(.row), form[class*="vertically divided"].grid > .column:not(.row),
.ui[class*="vertically divided"].grid > .row > .column,
form[class*="vertically divided"].grid > .row > .column {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 0rem;
  padding-bottom: 0rem; }

.ui[class*="vertically divided"].grid > .row, form[class*="vertically divided"].grid > .row {
  margin-top: 0em;
  margin-bottom: 0em; }

/* No divider on first column on row */
.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child, form.divided.grid:not([class*="vertically divided"]) > .column:first-child,
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child,
form.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  -webkit-box-shadow: none;
  box-shadow: none; }

/* No space on top of first row */
.ui[class*="vertically divided"].grid > .row:first-child > .column, form[class*="vertically divided"].grid > .row:first-child > .column {
  margin-top: 0em; }

/* Divided Row */
.ui.grid > .divided.row > .column, form.grid > .divided.row > .column {
  -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); }

.ui.grid > .divided.row > .column:first-child, form.grid > .divided.row > .column:first-child {
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Vertically Divided */
.ui[class*="vertically divided"].grid > .row, form[class*="vertically divided"].grid > .row {
  position: relative; }

.ui[class*="vertically divided"].grid > .row:before, form[class*="vertically divided"].grid > .row:before {
  position: absolute;
  content: "";
  top: 0em;
  left: 0px;
  width: calc(100% - 2rem);
  height: 1px;
  margin: 0% 1rem;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); }

/* Padded Horizontally Divided */
[class*="horizontally padded"].ui.divided.grid, form[class*="horizontally padded"].divided.grid,
.ui.padded.divided.grid:not(.vertically):not(.horizontally),
form.padded.divided.grid:not(.vertically):not(.horizontally) {
  width: 100%; }

/* First Row Vertically Divided */
.ui[class*="vertically divided"].grid > .row:first-child:before, form[class*="vertically divided"].grid > .row:first-child:before {
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Inverted Divided */
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row), form.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column,
form.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
  -webkit-box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
  box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1); }

.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child, form.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child,
form.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  -webkit-box-shadow: none;
  box-shadow: none; }

.ui.inverted[class*="vertically divided"].grid > .row:before, form.inverted[class*="vertically divided"].grid > .row:before {
  -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
  box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1); }

/* Relaxed */
.ui.relaxed[class*="vertically divided"].grid > .row:before, form.relaxed[class*="vertically divided"].grid > .row:before {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  width: calc(100% - 3rem); }

.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before, form[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  width: calc(100% - 5rem); }

/*----------------------
         Celled
-----------------------*/
.ui.celled.grid, form.celled.grid {
  width: 100%;
  margin: 1em 0em;
  -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5;
  box-shadow: 0px 0px 0px 1px #D4D4D5; }

.ui.celled.grid > .row, form.celled.grid > .row {
  width: 100% !important;
  margin: 0em;
  padding: 0em;
  -webkit-box-shadow: 0px -1px 0px 0px #D4D4D5;
  box-shadow: 0px -1px 0px 0px #D4D4D5; }

.ui.celled.grid > .column:not(.row), form.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column,
form.celled.grid > .row > .column {
  -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
  box-shadow: -1px 0px 0px 0px #D4D4D5; }

.ui.celled.grid > .column:first-child, form.celled.grid > .column:first-child,
.ui.celled.grid > .row > .column:first-child,
form.celled.grid > .row > .column:first-child {
  -webkit-box-shadow: none;
  box-shadow: none; }

.ui.celled.grid > .column:not(.row), form.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column,
form.celled.grid > .row > .column {
  padding: 1em; }

.ui.relaxed.celled.grid > .column:not(.row), form.relaxed.celled.grid > .column:not(.row),
.ui.relaxed.celled.grid > .row > .column,
form.relaxed.celled.grid > .row > .column {
  padding: 1.5em; }

.ui[class*="very relaxed"].celled.grid > .column:not(.row), form[class*="very relaxed"].celled.grid > .column:not(.row),
.ui[class*="very relaxed"].celled.grid > .row > .column,
form[class*="very relaxed"].celled.grid > .row > .column {
  padding: 2em; }

/* Internally Celled */
.ui[class*="internally celled"].grid, form[class*="internally celled"].grid {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0em; }

.ui[class*="internally celled"].grid > .row:first-child, form[class*="internally celled"].grid > .row:first-child {
  -webkit-box-shadow: none;
  box-shadow: none; }

.ui[class*="internally celled"].grid > .row > .column:first-child, form[class*="internally celled"].grid > .row > .column:first-child {
  -webkit-box-shadow: none;
  box-shadow: none; }

/*----------------------
   Vertically Aligned
-----------------------*/
/* Top Aligned */
.ui[class*="top aligned"].grid > .column:not(.row), form[class*="top aligned"].grid > .column:not(.row),
.ui[class*="top aligned"].grid > .row > .column,
form[class*="top aligned"].grid > .row > .column,
.ui.grid > [class*="top aligned"].row > .column,
form.grid > [class*="top aligned"].row > .column,
.ui.grid > [class*="top aligned"].column:not(.row),
form.grid > [class*="top aligned"].column:not(.row),
.ui.grid > .row > [class*="top aligned"].column,
form.grid > .row > [class*="top aligned"].column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  vertical-align: top;
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

/* Middle Aligned */
.ui[class*="middle aligned"].grid > .column:not(.row), form[class*="middle aligned"].grid > .column:not(.row),
.ui[class*="middle aligned"].grid > .row > .column,
form[class*="middle aligned"].grid > .row > .column,
.ui.grid > [class*="middle aligned"].row > .column,
form.grid > [class*="middle aligned"].row > .column,
.ui.grid > [class*="middle aligned"].column:not(.row),
form.grid > [class*="middle aligned"].column:not(.row),
.ui.grid > .row > [class*="middle aligned"].column,
form.grid > .row > [class*="middle aligned"].column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  vertical-align: middle;
  -ms-flex-item-align: center !important;
  align-self: center !important; }

/* Bottom Aligned */
.ui[class*="bottom aligned"].grid > .column:not(.row), form[class*="bottom aligned"].grid > .column:not(.row),
.ui[class*="bottom aligned"].grid > .row > .column,
form[class*="bottom aligned"].grid > .row > .column,
.ui.grid > [class*="bottom aligned"].row > .column,
form.grid > [class*="bottom aligned"].row > .column,
.ui.grid > [class*="bottom aligned"].column:not(.row),
form.grid > [class*="bottom aligned"].column:not(.row),
.ui.grid > .row > [class*="bottom aligned"].column,
form.grid > .row > [class*="bottom aligned"].column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  vertical-align: bottom;
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

/* Stretched */
.ui.stretched.grid > .row > .column, form.stretched.grid > .row > .column,
.ui.stretched.grid > .column,
form.stretched.grid > .column,
.ui.grid > .stretched.row > .column,
form.grid > .stretched.row > .column,
.ui.grid > .stretched.column:not(.row),
form.grid > .stretched.column:not(.row),
.ui.grid > .row > .stretched.column,
form.grid > .row > .stretched.column {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.ui.stretched.grid > .row > .column > *, form.stretched.grid > .row > .column > *,
.ui.stretched.grid > .column > *,
form.stretched.grid > .column > *,
.ui.grid > .stretched.row > .column > *,
form.grid > .stretched.row > .column > *,
.ui.grid > .stretched.column:not(.row) > *,
form.grid > .stretched.column:not(.row) > *,
.ui.grid > .row > .stretched.column > *,
form.grid > .row > .stretched.column > * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

/*----------------------
  Horizontally Centered
-----------------------*/
/* Left Aligned */
.ui[class*="left aligned"].grid > .column, form[class*="left aligned"].grid > .column,
.ui[class*="left aligned"].grid > .row > .column,
form[class*="left aligned"].grid > .row > .column,
.ui.grid > [class*="left aligned"].row > .column,
form.grid > [class*="left aligned"].row > .column,
.ui.grid > [class*="left aligned"].column.column,
form.grid > [class*="left aligned"].column.column,
.ui.grid > .row > [class*="left aligned"].column.column,
form.grid > .row > [class*="left aligned"].column.column {
  text-align: left;
  -ms-flex-item-align: inherit;
  align-self: inherit; }

/* Center Aligned */
.ui[class*="center aligned"].grid > .column, form[class*="center aligned"].grid > .column,
.ui[class*="center aligned"].grid > .row > .column,
form[class*="center aligned"].grid > .row > .column,
.ui.grid > [class*="center aligned"].row > .column,
form.grid > [class*="center aligned"].row > .column,
.ui.grid > [class*="center aligned"].column.column,
form.grid > [class*="center aligned"].column.column,
.ui.grid > .row > [class*="center aligned"].column.column,
form.grid > .row > [class*="center aligned"].column.column {
  text-align: center;
  -ms-flex-item-align: inherit;
  align-self: inherit; }

.ui[class*="center aligned"].grid, form[class*="center aligned"].grid {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

/* Right Aligned */
.ui[class*="right aligned"].grid > .column, form[class*="right aligned"].grid > .column,
.ui[class*="right aligned"].grid > .row > .column,
form[class*="right aligned"].grid > .row > .column,
.ui.grid > [class*="right aligned"].row > .column,
form.grid > [class*="right aligned"].row > .column,
.ui.grid > [class*="right aligned"].column.column,
form.grid > [class*="right aligned"].column.column,
.ui.grid > .row > [class*="right aligned"].column.column,
form.grid > .row > [class*="right aligned"].column.column {
  text-align: right;
  -ms-flex-item-align: inherit;
  align-self: inherit; }

/* Justified */
.ui.justified.grid > .column, form.justified.grid > .column,
.ui.justified.grid > .row > .column,
form.justified.grid > .row > .column,
.ui.grid > .justified.row > .column,
form.grid > .justified.row > .column,
.ui.grid > .justified.column.column,
form.grid > .justified.column.column,
.ui.grid > .row > .justified.column.column,
form.grid > .row > .justified.column.column {
  text-align: justify;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

/*----------------------
         Colored
-----------------------*/
.ui.grid > .row > .red.column, form.grid > .row > .red.column,
.ui.grid > .row > .orange.column,
form.grid > .row > .orange.column,
.ui.grid > .row > .yellow.column,
form.grid > .row > .yellow.column,
.ui.grid > .row > .olive.column,
form.grid > .row > .olive.column,
.ui.grid > .row > .green.column,
form.grid > .row > .green.column,
.ui.grid > .row > .teal.column,
form.grid > .row > .teal.column,
.ui.grid > .row > .blue.column,
form.grid > .row > .blue.column,
.ui.grid > .row > .violet.column,
form.grid > .row > .violet.column,
.ui.grid > .row > .purple.column,
form.grid > .row > .purple.column,
.ui.grid > .row > .pink.column,
form.grid > .row > .pink.column,
.ui.grid > .row > .brown.column,
form.grid > .row > .brown.column,
.ui.grid > .row > .grey.column,
form.grid > .row > .grey.column,
.ui.grid > .row > .black.column,
form.grid > .row > .black.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

/* Red */
.ui.grid > .red.row, form.grid > .red.row,
.ui.grid > .red.column,
form.grid > .red.column,
.ui.grid > .row > .red.column,
form.grid > .row > .red.column {
  background-color: #DB2828 !important;
  color: #FFFFFF; }

/* Orange */
.ui.grid > .orange.row, form.grid > .orange.row,
.ui.grid > .orange.column,
form.grid > .orange.column,
.ui.grid > .row > .orange.column,
form.grid > .row > .orange.column {
  background-color: #F2711C !important;
  color: #FFFFFF; }

/* Yellow */
.ui.grid > .yellow.row, form.grid > .yellow.row,
.ui.grid > .yellow.column,
form.grid > .yellow.column,
.ui.grid > .row > .yellow.column,
form.grid > .row > .yellow.column {
  background-color: #FBBD08 !important;
  color: #FFFFFF; }

/* Olive */
.ui.grid > .olive.row, form.grid > .olive.row,
.ui.grid > .olive.column,
form.grid > .olive.column,
.ui.grid > .row > .olive.column,
form.grid > .row > .olive.column {
  background-color: #B5CC18 !important;
  color: #FFFFFF; }

/* Green */
.ui.grid > .green.row, form.grid > .green.row,
.ui.grid > .green.column,
form.grid > .green.column,
.ui.grid > .row > .green.column,
form.grid > .row > .green.column {
  background-color: #21BA45 !important;
  color: #FFFFFF; }

/* Teal */
.ui.grid > .teal.row, form.grid > .teal.row,
.ui.grid > .teal.column,
form.grid > .teal.column,
.ui.grid > .row > .teal.column,
form.grid > .row > .teal.column {
  background-color: #00B5AD !important;
  color: #FFFFFF; }

/* Blue */
.ui.grid > .blue.row, form.grid > .blue.row,
.ui.grid > .blue.column,
form.grid > .blue.column,
.ui.grid > .row > .blue.column,
form.grid > .row > .blue.column {
  background-color: #2185D0 !important;
  color: #FFFFFF; }

/* Violet */
.ui.grid > .violet.row, form.grid > .violet.row,
.ui.grid > .violet.column,
form.grid > .violet.column,
.ui.grid > .row > .violet.column,
form.grid > .row > .violet.column {
  background-color: #6435C9 !important;
  color: #FFFFFF; }

/* Purple */
.ui.grid > .purple.row, form.grid > .purple.row,
.ui.grid > .purple.column,
form.grid > .purple.column,
.ui.grid > .row > .purple.column,
form.grid > .row > .purple.column {
  background-color: #A333C8 !important;
  color: #FFFFFF; }

/* Pink */
.ui.grid > .pink.row, form.grid > .pink.row,
.ui.grid > .pink.column,
form.grid > .pink.column,
.ui.grid > .row > .pink.column,
form.grid > .row > .pink.column {
  background-color: #E03997 !important;
  color: #FFFFFF; }

/* Brown */
.ui.grid > .brown.row, form.grid > .brown.row,
.ui.grid > .brown.column,
form.grid > .brown.column,
.ui.grid > .row > .brown.column,
form.grid > .row > .brown.column {
  background-color: #A5673F !important;
  color: #FFFFFF; }

/* Grey */
.ui.grid > .grey.row, form.grid > .grey.row,
.ui.grid > .grey.column,
form.grid > .grey.column,
.ui.grid > .row > .grey.column,
form.grid > .row > .grey.column {
  background-color: #767676 !important;
  color: #FFFFFF; }

/* Black */
.ui.grid > .black.row, form.grid > .black.row,
.ui.grid > .black.column,
form.grid > .black.column,
.ui.grid > .row > .black.column,
form.grid > .row > .black.column {
  background-color: #1B1C1D !important;
  color: #FFFFFF; }

/*----------------------
      Equal Width
-----------------------*/
.ui[class*="equal width"].grid > .column:not(.row), form[class*="equal width"].grid > .column:not(.row),
.ui[class*="equal width"].grid > .row > .column,
form[class*="equal width"].grid > .row > .column,
.ui.grid > [class*="equal width"].row > .column,
form.grid > [class*="equal width"].row > .column {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.ui[class*="equal width"].grid > .wide.column, form[class*="equal width"].grid > .wide.column,
.ui[class*="equal width"].grid > .row > .wide.column,
form[class*="equal width"].grid > .row > .wide.column,
.ui.grid > [class*="equal width"].row > .wide.column,
form.grid > [class*="equal width"].row > .wide.column {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

/*----------------------
        Reverse
-----------------------*/
/* Mobile */
@media only screen and (max-width: 767px) {
  .ui[class*="mobile reversed"].grid, form[class*="mobile reversed"].grid,
  .ui[class*="mobile reversed"].grid > .row,
  form[class*="mobile reversed"].grid > .row,
  .ui.grid > [class*="mobile reversed"].row,
  form.grid > [class*="mobile reversed"].row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }

  .ui[class*="mobile vertically reversed"].grid, form[class*="mobile vertically reversed"].grid,
  .ui.stackable[class*="mobile reversed"],
  form.stackable[class*="mobile reversed"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }

  /* Divided Reversed */
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, form[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child,
  form[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); }

  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, form[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child,
  form[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    -webkit-box-shadow: none;
    box-shadow: none; }

  /* Vertically Divided Reversed */
  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before, form.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
    -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); }

  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before, form.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {
    -webkit-box-shadow: none;
    box-shadow: none; }

  /* Celled Reversed */
  .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child, form[class*="mobile reversed"].celled.grid > .row > .column:first-child {
    -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
    box-shadow: -1px 0px 0px 0px #D4D4D5; }

  .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child, form[class*="mobile reversed"].celled.grid > .row > .column:last-child {
    -webkit-box-shadow: none;
    box-shadow: none; } }
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui[class*="tablet reversed"].grid, form[class*="tablet reversed"].grid,
  .ui[class*="tablet reversed"].grid > .row,
  form[class*="tablet reversed"].grid > .row,
  .ui.grid > [class*="tablet reversed"].row,
  form.grid > [class*="tablet reversed"].row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }

  .ui[class*="tablet vertically reversed"].grid, form[class*="tablet vertically reversed"].grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }

  /* Divided Reversed */
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, form[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child,
  form[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); }

  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, form[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child,
  form[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    -webkit-box-shadow: none;
    box-shadow: none; }

  /* Vertically Divided Reversed */
  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before, form.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
    -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); }

  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before, form.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {
    -webkit-box-shadow: none;
    box-shadow: none; }

  /* Celled Reversed */
  .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child, form[class*="tablet reversed"].celled.grid > .row > .column:first-child {
    -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
    box-shadow: -1px 0px 0px 0px #D4D4D5; }

  .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child, form[class*="tablet reversed"].celled.grid > .row > .column:last-child {
    -webkit-box-shadow: none;
    box-shadow: none; } }
/* Computer */
@media only screen and (min-width: 992px) {
  .ui[class*="computer reversed"].grid, form[class*="computer reversed"].grid,
  .ui[class*="computer reversed"].grid > .row,
  form[class*="computer reversed"].grid > .row,
  .ui.grid > [class*="computer reversed"].row,
  form.grid > [class*="computer reversed"].row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }

  .ui[class*="computer vertically reversed"].grid, form[class*="computer vertically reversed"].grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }

  /* Divided Reversed */
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, form[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child,
  form[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); }

  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, form[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child,
  form[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    -webkit-box-shadow: none;
    box-shadow: none; }

  /* Vertically Divided Reversed */
  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before, form.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
    -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); }

  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before, form.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {
    -webkit-box-shadow: none;
    box-shadow: none; }

  /* Celled Reversed */
  .ui[class*="computer reversed"].celled.grid > .row > .column:first-child, form[class*="computer reversed"].celled.grid > .row > .column:first-child {
    -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
    box-shadow: -1px 0px 0px 0px #D4D4D5; }

  .ui[class*="computer reversed"].celled.grid > .row > .column:last-child, form[class*="computer reversed"].celled.grid > .row > .column:last-child {
    -webkit-box-shadow: none;
    box-shadow: none; } }
/*-------------------
      Doubling
--------------------*/
/* Tablet Only */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.doubling.grid, form.doubling.grid {
    width: auto; }

  .ui.grid > .doubling.row, form.grid > .doubling.row,
  .ui.doubling.grid > .row,
  form.doubling.grid > .row {
    margin: 0em !important;
    padding: 0em !important; }

  .ui.grid > .doubling.row > .column, form.grid > .doubling.row > .column,
  .ui.doubling.grid > .row > .column,
  form.doubling.grid > .row > .column {
    display: inline-block !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 0em; }

  .ui[class*="two column"].doubling.grid > .row > .column, form[class*="two column"].doubling.grid > .row > .column,
  .ui[class*="two column"].doubling.grid > .column:not(.row),
  form[class*="two column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="two column"].doubling.row.row > .column,
  form.grid > [class*="two column"].doubling.row.row > .column {
    width: 100% !important; }

  .ui[class*="three column"].doubling.grid > .row > .column, form[class*="three column"].doubling.grid > .row > .column,
  .ui[class*="three column"].doubling.grid > .column:not(.row),
  form[class*="three column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="three column"].doubling.row.row > .column,
  form.grid > [class*="three column"].doubling.row.row > .column {
    width: 50% !important; }

  .ui[class*="four column"].doubling.grid > .row > .column, form[class*="four column"].doubling.grid > .row > .column,
  .ui[class*="four column"].doubling.grid > .column:not(.row),
  form[class*="four column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="four column"].doubling.row.row > .column,
  form.grid > [class*="four column"].doubling.row.row > .column {
    width: 50% !important; }

  .ui[class*="five column"].doubling.grid > .row > .column, form[class*="five column"].doubling.grid > .row > .column,
  .ui[class*="five column"].doubling.grid > .column:not(.row),
  form[class*="five column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="five column"].doubling.row.row > .column,
  form.grid > [class*="five column"].doubling.row.row > .column {
    width: 33.33333333% !important; }

  .ui[class*="six column"].doubling.grid > .row > .column, form[class*="six column"].doubling.grid > .row > .column,
  .ui[class*="six column"].doubling.grid > .column:not(.row),
  form[class*="six column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="six column"].doubling.row.row > .column,
  form.grid > [class*="six column"].doubling.row.row > .column {
    width: 33.33333333% !important; }

  .ui[class*="seven column"].doubling.grid > .row > .column, form[class*="seven column"].doubling.grid > .row > .column,
  .ui[class*="seven column"].doubling.grid > .column:not(.row),
  form[class*="seven column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="seven column"].doubling.row.row > .column,
  form.grid > [class*="seven column"].doubling.row.row > .column {
    width: 33.33333333% !important; }

  .ui[class*="eight column"].doubling.grid > .row > .column, form[class*="eight column"].doubling.grid > .row > .column,
  .ui[class*="eight column"].doubling.grid > .column:not(.row),
  form[class*="eight column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="eight column"].doubling.row.row > .column,
  form.grid > [class*="eight column"].doubling.row.row > .column {
    width: 25% !important; }

  .ui[class*="nine column"].doubling.grid > .row > .column, form[class*="nine column"].doubling.grid > .row > .column,
  .ui[class*="nine column"].doubling.grid > .column:not(.row),
  form[class*="nine column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="nine column"].doubling.row.row > .column,
  form.grid > [class*="nine column"].doubling.row.row > .column {
    width: 25% !important; }

  .ui[class*="ten column"].doubling.grid > .row > .column, form[class*="ten column"].doubling.grid > .row > .column,
  .ui[class*="ten column"].doubling.grid > .column:not(.row),
  form[class*="ten column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="ten column"].doubling.row.row > .column,
  form.grid > [class*="ten column"].doubling.row.row > .column {
    width: 20% !important; }

  .ui[class*="eleven column"].doubling.grid > .row > .column, form[class*="eleven column"].doubling.grid > .row > .column,
  .ui[class*="eleven column"].doubling.grid > .column:not(.row),
  form[class*="eleven column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="eleven column"].doubling.row.row > .column,
  form.grid > [class*="eleven column"].doubling.row.row > .column {
    width: 20% !important; }

  .ui[class*="twelve column"].doubling.grid > .row > .column, form[class*="twelve column"].doubling.grid > .row > .column,
  .ui[class*="twelve column"].doubling.grid > .column:not(.row),
  form[class*="twelve column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="twelve column"].doubling.row.row > .column,
  form.grid > [class*="twelve column"].doubling.row.row > .column {
    width: 16.66666667% !important; }

  .ui[class*="thirteen column"].doubling.grid > .row > .column, form[class*="thirteen column"].doubling.grid > .row > .column,
  .ui[class*="thirteen column"].doubling.grid > .column:not(.row),
  form[class*="thirteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="thirteen column"].doubling.row.row > .column,
  form.grid > [class*="thirteen column"].doubling.row.row > .column {
    width: 16.66666667% !important; }

  .ui[class*="fourteen column"].doubling.grid > .row > .column, form[class*="fourteen column"].doubling.grid > .row > .column,
  .ui[class*="fourteen column"].doubling.grid > .column:not(.row),
  form[class*="fourteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="fourteen column"].doubling.row.row > .column,
  form.grid > [class*="fourteen column"].doubling.row.row > .column {
    width: 14.28571429% !important; }

  .ui[class*="fifteen column"].doubling.grid > .row > .column, form[class*="fifteen column"].doubling.grid > .row > .column,
  .ui[class*="fifteen column"].doubling.grid > .column:not(.row),
  form[class*="fifteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="fifteen column"].doubling.row.row > .column,
  form.grid > [class*="fifteen column"].doubling.row.row > .column {
    width: 14.28571429% !important; }

  .ui[class*="sixteen column"].doubling.grid > .row > .column, form[class*="sixteen column"].doubling.grid > .row > .column,
  .ui[class*="sixteen column"].doubling.grid > .column:not(.row),
  form[class*="sixteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="sixteen column"].doubling.row.row > .column,
  form.grid > [class*="sixteen column"].doubling.row.row > .column {
    width: 12.5% !important; } }
/* Mobile Only */
@media only screen and (max-width: 767px) {
  .ui.grid > .doubling.row, form.grid > .doubling.row,
  .ui.doubling.grid > .row,
  form.doubling.grid > .row {
    margin: 0em !important;
    padding: 0em !important; }

  .ui.grid > .doubling.row > .column, form.grid > .doubling.row > .column,
  .ui.doubling.grid > .row > .column,
  form.doubling.grid > .row > .column {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    margin: 0em !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

  .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column, form[class*="two column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
  form[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column,
  form.grid > [class*="two column"].doubling:not(.stackable).row.row > .column {
    width: 100% !important; }

  .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column, form[class*="three column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row),
  form[class*="three column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column,
  form.grid > [class*="three column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important; }

  .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column, form[class*="four column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row),
  form[class*="four column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column,
  form.grid > [class*="four column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important; }

  .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column, form[class*="five column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row),
  form[class*="five column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column,
  form.grid > [class*="five column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important; }

  .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column, form[class*="six column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row),
  form[class*="six column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column,
  form.grid > [class*="six column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important; }

  .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column, form[class*="seven column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row),
  form[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column,
  form.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important; }

  .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column, form[class*="eight column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row),
  form[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column,
  form.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important; }

  .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column, form[class*="nine column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row),
  form[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column,
  form.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important; }

  .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column, form[class*="ten column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row),
  form[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column,
  form.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important; }

  .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column, form[class*="eleven column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row),
  form[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column,
  form.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important; }

  .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column, form[class*="twelve column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row),
  form[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column,
  form.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important; }

  .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column, form[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row),
  form[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column,
  form.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important; }

  .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column, form[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row),
  form[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column,
  form.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column {
    width: 25% !important; }

  .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column, form[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row),
  form[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column,
  form.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column {
    width: 25% !important; }

  .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column, form[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row),
  form[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column,
  form.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column {
    width: 25% !important; } }
/*-------------------
      Stackable
--------------------*/
@media only screen and (max-width: 767px) {
  .ui.stackable.grid, form.stackable.grid {
    width: auto;
    margin-left: 0em !important;
    margin-right: 0em !important; }

  .ui.stackable.grid > .row > .wide.column, form.stackable.grid > .row > .wide.column,
  .ui.stackable.grid > .wide.column,
  form.stackable.grid > .wide.column,
  .ui.stackable.grid > .column.grid > .column,
  form.stackable.grid > .column.grid > .column,
  .ui.stackable.grid > .column.row > .column,
  form.stackable.grid > .column.row > .column,
  .ui.stackable.grid > .row > .column,
  form.stackable.grid > .row > .column,
  .ui.stackable.grid > .column:not(.row),
  form.stackable.grid > .column:not(.row),
  .ui.grid > .stackable.stackable.row > .column,
  form.grid > .stackable.stackable.row > .column {
    width: 100% !important;
    margin: 0em 0em !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 1rem 1rem !important; }

  .ui.stackable.grid:not(.vertically) > .row, form.stackable.grid:not(.vertically) > .row {
    margin: 0em;
    padding: 0em; }

  /* Coupling */
  .ui.container > .ui.stackable.grid > .column, form.container > .ui.stackable.grid > .column, .ui.container > form.stackable.grid > .column, form.container > form.stackable.grid > .column,
  .ui.container > .ui.stackable.grid > .row > .column,
  form.container > .ui.stackable.grid > .row > .column,
  .ui.container > form.stackable.grid > .row > .column,
  form.container > form.stackable.grid > .row > .column {
    padding-left: 0em !important;
    padding-right: 0em !important; }

  /* Don't pad inside segment or nested grid */
  .ui.grid .ui.stackable.grid, form.grid .ui.stackable.grid, .ui.grid form.stackable.grid, form.grid form.stackable.grid,
  .ui.segment:not(.vertical) .ui.stackable.page.grid,
  form.segment:not(.vertical) .ui.stackable.page.grid,
  .ui.segment:not(.vertical) form.stackable.page.grid,
  form.segment:not(.vertical) form.stackable.page.grid {
    margin-left: -1rem !important;
    margin-right: -1rem !important; }

  /* Divided Stackable */
  .ui.stackable.divided.grid > .row:first-child > .column:first-child, form.stackable.divided.grid > .row:first-child > .column:first-child,
  .ui.stackable.celled.grid > .row:first-child > .column:first-child,
  form.stackable.celled.grid > .row:first-child > .column:first-child,
  .ui.stackable.divided.grid > .column:not(.row):first-child,
  form.stackable.divided.grid > .column:not(.row):first-child,
  .ui.stackable.celled.grid > .column:not(.row):first-child,
  form.stackable.celled.grid > .column:not(.row):first-child {
    border-top: none !important; }

  .ui.inverted.stackable.celled.grid > .column:not(.row), form.inverted.stackable.celled.grid > .column:not(.row),
  .ui.inverted.stackable.divided.grid > .column:not(.row),
  form.inverted.stackable.divided.grid > .column:not(.row),
  .ui.inverted.stackable.celled.grid > .row > .column,
  form.inverted.stackable.celled.grid > .row > .column,
  .ui.inverted.stackable.divided.grid > .row > .column,
  form.inverted.stackable.divided.grid > .row > .column {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }

  .ui.stackable.celled.grid > .column:not(.row), form.stackable.celled.grid > .column:not(.row),
  .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
  form.stackable.divided:not(.vertically).grid > .column:not(.row),
  .ui.stackable.celled.grid > .row > .column,
  form.stackable.celled.grid > .row > .column,
  .ui.stackable.divided:not(.vertically).grid > .row > .column,
  form.stackable.divided:not(.vertically).grid > .row > .column {
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important; }

  .ui.stackable.celled.grid > .row, form.stackable.celled.grid > .row {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

  .ui.stackable.divided:not(.vertically).grid > .column:not(.row), form.stackable.divided:not(.vertically).grid > .column:not(.row),
  .ui.stackable.divided:not(.vertically).grid > .row > .column,
  form.stackable.divided:not(.vertically).grid > .row > .column {
    padding-left: 0em !important;
    padding-right: 0em !important; } }
/*----------------------
     Only (Device)
-----------------------*/
/* These include arbitrary class repetitions for forced specificity */
/* Mobile Only Hide */
@media only screen and (max-width: 767px) {
  .ui[class*="tablet only"].grid.grid.grid:not(.mobile), form[class*="tablet only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
  form.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
  form.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile),
  form.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
    display: none !important; }

  .ui[class*="computer only"].grid.grid.grid:not(.mobile), form[class*="computer only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile),
  form.grid.grid.grid > [class*="computer only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile),
  form.grid.grid.grid > [class*="computer only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile),
  form.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {
    display: none !important; }

  .ui[class*="large screen only"].grid.grid.grid:not(.mobile), form[class*="large screen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  form.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  form.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile),
  form.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
    display: none !important; }

  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), form[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  form.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  form.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile),
  form.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important; } }
/* Tablet Only Hide */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.tablet), form[class*="mobile only"].grid.grid.grid:not(.tablet),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
  form.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
  form.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet),
  form.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
    display: none !important; }

  .ui[class*="computer only"].grid.grid.grid:not(.tablet), form[class*="computer only"].grid.grid.grid:not(.tablet),
  .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet),
  form.grid.grid.grid > [class*="computer only"].row:not(.tablet),
  .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet),
  form.grid.grid.grid > [class*="computer only"].column:not(.tablet),
  .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet),
  form.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {
    display: none !important; }

  .ui[class*="large screen only"].grid.grid.grid:not(.mobile), form[class*="large screen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  form.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  form.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile),
  form.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
    display: none !important; }

  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), form[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  form.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  form.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile),
  form.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important; } }
/* Computer Only Hide */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.computer), form[class*="mobile only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  form.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  form.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer),
  form.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important; }

  .ui[class*="tablet only"].grid.grid.grid:not(.computer), form[class*="tablet only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  form.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  form.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer),
  form.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
    display: none !important; }

  .ui[class*="large screen only"].grid.grid.grid:not(.mobile), form[class*="large screen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  form.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  form.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile),
  form.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
    display: none !important; }

  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), form[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  form.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  form.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile),
  form.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important; } }
/* Large Screen Only Hide */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.computer), form[class*="mobile only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  form.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  form.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer),
  form.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important; }

  .ui[class*="tablet only"].grid.grid.grid:not(.computer), form[class*="tablet only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  form.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  form.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer),
  form.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
    display: none !important; }

  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), form[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  form.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  form.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile),
  form.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important; } }
/* Widescreen Only Hide */
@media only screen and (min-width: 1920px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.computer), form[class*="mobile only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  form.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  form.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer),
  form.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important; }

  .ui[class*="tablet only"].grid.grid.grid:not(.computer), form[class*="tablet only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  form.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  form.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer),
  form.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
    display: none !important; } }
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Site Overrides
*******************************/
/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url("/wp-content/themes/p400/assets/css/vendor/flexslider/fonts/flexslider-icon.eot");
  src: url("/wp-content/themes/p400/assets/css/vendor/flexslider/fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/p400/assets/css/vendor/flexslider/fonts/flexslider-icon.woff") format("woff"), url("/wp-content/themes/p400/assets/css/vendor/flexslider/fonts/flexslider-icon.ttf") format("truetype"), url("/wp-content/themes/p400/assets/css/vendor/flexslider/fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal; }
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none; }

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

.flexslider .slides img {
  width: 100%;
  display: block; }

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block; }

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); }

.flexslider .slides {
  zoom: 1; }

.flexslider .slides img {
  height: auto;
  -moz-user-select: none; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none; } }
.carousel li {
  margin-right: 5px; }

.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }

.flex-direction-nav a.flex-next:before {
  content: '\f002'; }

.flex-direction-nav .flex-prev {
  left: -50px; }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px; }

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1; }

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a.flex-play:before {
  content: '\f003'; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }
.header {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #0072BC;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);
  z-index: 1001; }
  @media all and (min-width: 768px) {
    .header {
      display: flex;
      background: #D34527; } }

.ui.grid.mobile-header, form.grid.mobile-header,
.ui.grid.desktop-header,
form.grid.desktop-header {
  margin-top: 0;
  margin-bottom: 0; }

.ui.grid.mobile-header, form.grid.mobile-header {
  align-items: center; }

.ui.grid.desktop-header, form.grid.desktop-header {
  align-items: stretch; }

.temp-flag-menu {
  font-size: 2rem;
  color: #fff; }

body.admin-bar .header {
  top: 46px; }
  @media all and (min-width: 783px) {
    body.admin-bar .header {
      top: 32px; } }

.logo {
  background-color: #005991;
  position: relative;
  z-index: 3;
  box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.5); }
  .logo:after {
    content: "";
    display: block;
    height: 100%;
    width: 99999px;
    background: #005991;
    position: absolute;
    top: 0;
    left: -99999px; }

.logo__wrapper {
  display: flex;
  align-items: center; }

.logo__wrapper__link {
  display: block;
  height: 0;
  width: 100%;
  padding-top: 36%;
  /* logo aspect ratio */
  background: url("/wp-content/themes/p400/assets/img/legacy-logo-white.png") center center/contain no-repeat; }
  @media all and (min-width: 768px) {
    .logo__wrapper__link {
      padding-top: 56.81%;
      /* logo aspect ratio */
      background: url("/wp-content/themes/p400/assets/img/legacy-logo-white.png") center center/contain no-repeat; } }

.logo__wrapper__logo {
  display: block;
  width: 100%;
  height: auto; }

.donation_menu {
  margin: 0;
  padding: 0 1rem;
  list-style-type: none; }
  .donation_menu a {
    display: inline-block;
    padding: 0 .25rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0.25rem;
    text-transform: uppercase;
    text-decoration: none;
    height: 2rem;
    line-height: 2rem; }
    .donation_menu a:visited {
      color: #fff; }
    .donation_menu a:hover, .donation_menu a:active, .donation_menu a:focus {
      color: #005991;
      background: #fff; }

.ui.grid > .nav_wrapper.column:not(.row), form.grid > .nav_wrapper.column:not(.row) {
  padding: 0; }

.nav_wrapper {
  background: #0072BC;
  position: relative; }

.nav_wrapper__elements {
  display: flex;
  justify-content: flex-end;
  padding-top: 1rem;
  padding-bottom: 1rem;
  align-items: center;
  position: relative;
  z-index: 2; }
  @media all and (min-width: 768px) {
    .nav_wrapper__elements {
      padding-left: 1rem;
      padding-right: 1rem;
      box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5); }
      .nav_wrapper__elements:after, .nav_wrapper__elements:before {
        content: "";
        display: block;
        width: 99999px;
        position: absolute; }
      .nav_wrapper__elements:after {
        background: #0072BC;
        top: 0;
        right: -99999px;
        height: 100%; }
      .nav_wrapper__elements:before {
        height: 10px;
        bottom: 0;
        right: -99989px;
        box-shadow: 10px 1px 10px rgba(0, 0, 0, 0.5); } }

.social_menu {
  margin: 0;
  padding: 0 1rem;
  list-style-type: none; }
  .social_menu li {
    display: inline-block; }
  .social_menu a {
    color: #fff;
    font-size: 2rem; }
    .social_menu a:visited {
      color: #fff; }
    .social_menu a:hover, .social_menu a:active, .social_menu a:focus {
      color: rgba(255, 255, 255, 0.7); }

aside.sidebar section ul.menu li {
  display: inline; }

aside.sidebar section ul.menu li {
  font-size: 2rem; }

#menu-alert-menu,
#menu-alert-menu-1 {
  margin: 0;
  padding: 0 1rem;
  list-style-type: none; }
  #menu-alert-menu a,
  #menu-alert-menu-1 a {
    font-size: 1.25rem;
    color: #FBAF3F;
    display: inline-block;
    border: 2px solid #FBAF3F;
    height: 2rem;
    width: 2rem;
    padding-top: .25rem;
    text-align: center;
    border-radius: 100%; }
    #menu-alert-menu a:visited,
    #menu-alert-menu-1 a:visited {
      color: #FBAF3F; }
    #menu-alert-menu a:hover, #menu-alert-menu a:focus, #menu-alert-menu a:active,
    #menu-alert-menu-1 a:hover,
    #menu-alert-menu-1 a:focus,
    #menu-alert-menu-1 a:active {
      color: rgba(251, 175, 63, 0.7);
      border: 2px solid rgba(251, 175, 63, 0.7); }

.menu-toggle {
  font-size: 1rem;
  line-height: .85rem;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  align-items: center; }
  .menu-toggle i {
    font-size: 2rem;
    padding-left: 0.25rem; }
  .menu-toggle:visited {
    color: #fff; }
  .menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus {
    color: rgba(255, 255, 255, 0.7); }

.footer {
  background: #0072BC;
  color: #fff;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center; }
  @media all and (min-width: 768px) {
    .footer {
      text-align: left; } }
  .footer a:link, .footer a:visited {
    color: #fff; }
  .footer a:hover, .footer a:active, .footer a:visited {
    color: #fff;
    color: rgba(255, 255, 255, 0.7); }

.footer__first-col {
  border-bottom: 1px solid #fff; }
  @media all and (min-width: 768px) {
    .footer__first-col {
      border-right: 1px solid #fff;
      border-bottom: none; } }

.footer-contact-info {
  margin: 2rem auto; }

.footer-wave {
  position: relative;
  height: 0;
  width: 100%;
  padding: 0;
  padding-bottom: calc(100% * 177.9 / 1763.7);
  margin-top: 5rem; }

.footer-wave__svg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: -1px; }

.sign-off {
  text-transform: uppercase; }
  .sign-off p {
    font-size: 0.5rem;
    line-height: 1rem; }

.main-menu--footer {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: .75rem; }
  @media all and (min-width: 768px) {
    .main-menu--footer {
      margin: 0 -1rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .main-menu--footer > li {
        padding: 1rem; } }
  @media all and (min-width: 768px) and (max-width: 991px) {
    .main-menu--footer > li {
      flex-basis: 50%; } }
  @media all and (min-width: 992px) {
    .main-menu--footer > li {
      flex-basis: 25%; } }
  .main-menu--footer a {
    text-decoration: none; }
    .main-menu--footer a:link, .main-menu--footer a:visited {
      text-decoration: none; }
    .main-menu--footer a:hover, .main-menu--footer a:visited, .main-menu--footer a:focus {
      text-decoration: underline; }
  .main-menu--footer > li {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .main-menu--footer > li > a {
    text-transform: uppercase;
    font-weight: bold; }
  .main-menu--footer .sub-menu {
    margin: 0;
    list-style-type: none;
    padding: 0; }
  .main-menu--footer .current-menu-item a {
    text-decoration: underline; }

.main-menu.main-menu--header {
  text-align: center; }
  @media all and (min-width: 992px) {
    .main-menu.main-menu--header {
      text-align: left;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: 0 -1rem; }
      .main-menu.main-menu--header > li {
        flex: 50%; } }
  .main-menu.main-menu--header > li {
    padding: 0 1rem; }
    .main-menu.main-menu--header > li > a {
      border-bottom: 1px solid #fff;
      display: block; }

.main-menu.main-menu--header,
.main-menu.main-menu--header ul {
  list-style-type: none;
  margin: 0; }

.main-menu.main-menu--header {
  padding: 0; }

.main-menu.main-menu--header ul {
  padding: 0 0 1rem 0rem; }

.main-menu.main-menu--header ul li {
  padding-bottom: .5rem; }

.main-menu.main-menu--header ul li a {
  text-transform: uppercase;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5rem; }
  @media all and (min-width: 768px) {
    .main-menu.main-menu--header ul li a {
      font-size: 1.5rem;
      line-height: 2rem; } }
  .main-menu.main-menu--header ul li a:hover, .main-menu.main-menu--header ul li a:active, .main-menu.main-menu--header ul li a:focus {
    color: rgba(255, 255, 255, 0.7); }

.main-menu.main-menu--header .sub-menu.hidden {
  display: none; }

.main-menu.main-menu--header > li > a {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 2rem; }
  @media all and (min-width: 768px) {
    .main-menu.main-menu--header > li > a {
      font-size: 2rem;
      line-height: 2.5rem; } }
  .main-menu.main-menu--header > li > a:hover, .main-menu.main-menu--header > li > a:active, .main-menu.main-menu--header > li > a:focus {
    color: #FBAF3F; }

.main-menu.main-menu--header > li.menu-item-has-children > a {
  position: relative;
  color: #FBAF3F; }
  .main-menu.main-menu--header > li.menu-item-has-children > a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    height: 0px;
    width: 0px;
    border-top: 10px solid #FBAF3F;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent; }
    @media all and (min-width: 992px) {
      .main-menu.main-menu--header > li.menu-item-has-children > a:after {
        right: 0;
        top: 5px; } }
  .main-menu.main-menu--header > li.menu-item-has-children > a.closed {
    color: #fff; }
    .main-menu.main-menu--header > li.menu-item-has-children > a.closed:after {
      border-top: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 10px solid #fff; }
    .main-menu.main-menu--header > li.menu-item-has-children > a.closed:hover, .main-menu.main-menu--header > li.menu-item-has-children > a.closed:active, .main-menu.main-menu--header > li.menu-item-has-children > a.closed:focus {
      color: #FBAF3F; }
      .main-menu.main-menu--header > li.menu-item-has-children > a.closed:hover:after, .main-menu.main-menu--header > li.menu-item-has-children > a.closed:active:after, .main-menu.main-menu--header > li.menu-item-has-children > a.closed:focus:after {
        border-left: 10px solid #FBAF3F; }

.main-menu.main-menu--header a {
  text-decoration: none; }

.navigation-overlay {
  display: none; }

.navigation-overlay.navigation-overlay--active {
  display: block;
  position: fixed;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: scroll;
  z-index: 101;
  background: #0072BC;
  background: rgba(0, 114, 188, 0.97); }
  .navigation-overlay.navigation-overlay--active > .ui.container, .navigation-overlay.navigation-overlay--active > form.container {
    margin-top: 3rem;
    margin-bottom: 10rem; }

.aux-navs {
  display: flex;
  align-items: center;
  flex-direction: column; }
  @media all and (min-width: 768px) {
    .aux-navs {
      display: none; } }
  .aux-navs > * {
    padding: .5rem 0; }

.navigation-overlay__alert-menu {
  text-align: center;
  padding: 1rem 0;
  display: block; }
  @media all and (min-width: 768px) {
    .navigation-overlay__alert-menu {
      display: none; } }

.interior-banner {
  background: url("/wp-content/themes/p400/assets/img/interior-header.png") center center no-repeat;
  background-size: cover;
  margin-bottom: 2rem; }
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .interior-banner {
      margin-bottom: 6rem; } }
  @media all and (min-width: 1200px) {
    .interior-banner {
      margin-bottom: 8rem; } }

.interior-banner.interior-banner--front {
  background: none; }

.interior-banner.interior-banner--front .column--slogan {
  background: url("/wp-content/themes/p400/assets/img/interior-header-front-page.png") center center no-repeat;
  background-size: cover; }

.interior-banner.interior-banner--front .column--slogan .interior-banner__slogan {
  text-align: center; }
  @media all and (min-width: 768px) {
    .interior-banner.interior-banner--front .column--slogan .interior-banner__slogan {
      text-align: left; } }

.interior-banner__page-title-wrapper {
  position: relative; }

.interior-banner__page-title-wrapper .interior-banner__paint-stain {
  position: absolute;
  z-index: 1;
  left: -150px;
  top: -200px;
  display: block;
  width: 480px; }
  @media all and (min-width: 768px) and (max-width: 991px) {
    .interior-banner__page-title-wrapper .interior-banner__paint-stain {
      top: -250px;
      width: 100%; } }
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .interior-banner__page-title-wrapper .interior-banner__paint-stain {
      top: -400px;
      width: 100%; } }
  @media all and (min-width: 1200px) {
    .interior-banner__page-title-wrapper .interior-banner__paint-stain {
      top: -500px;
      width: 100%; } }

.interior-banner__page-title-wrapper .interior-banner__page-title {
  color: #fff;
  margin: 0;
  position: relative;
  z-index: 2;
  text-shadow: -3px 3px 1px rgba(0, 0, 0, 0.2);
  font-weight: 400;
  padding: 2rem 0;
  font-size: 1.414rem;
  line-height: 1.5rem;
  text-transform: uppercase; }
  @media all and (min-width: 768px) {
    .interior-banner__page-title-wrapper .interior-banner__page-title {
      font-size: 2.828rem;
      line-height: 3rem; } }

.interior-banner__page-title-wrapper .interior-banner__page-title a {
  color: #fff; }
  .interior-banner__page-title-wrapper .interior-banner__page-title a:hover, .interior-banner__page-title-wrapper .interior-banner__page-title a:active, .interior-banner__page-title-wrapper .interior-banner__page-title a:focus {
    text-decoration: none; }

.interior-banner__slogan {
  margin: 0;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  z-index: 2;
  text-shadow: -3px 3px 1px rgba(0, 0, 0, 0.2); }
  @media all and (min-width: 768px) {
    .interior-banner__slogan {
      text-align: right; } }
  @media all and (min-width: 768px) and (max-width: 991px) {
    .interior-banner__slogan {
      font-size: 0.75rem; } }
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .interior-banner__slogan {
      font-size: 0.75rem; } }
  @media all and (min-width: 1200px) {
    .interior-banner__slogan {
      font-size: 0.95rem; } }
  @media all and (min-width: 768px) and (max-width: 991px) {
    .interior-banner__slogan .line-one {
      font-size: 1.5rem; } }
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .interior-banner__slogan .line-one {
      font-size: 1.5rem; } }
  @media all and (min-width: 1200px) {
    .interior-banner__slogan .line-one {
      font-size: 1.9rem; } }
  @media all and (min-width: 768px) and (max-width: 991px) {
    .interior-banner__slogan .line-two {
      font-size: 1.2rem; } }
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .interior-banner__slogan .line-two {
      font-size: 1.2rem; } }
  @media all and (min-width: 1200px) {
    .interior-banner__slogan .line-two {
      font-size: 1.53rem; } }

.buttons {
  margin: 0 -1rem;
  padding: 0;
  list-style-type: none; }
  @media all and (min-width: 768px) {
    .buttons {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: center; } }

.buttons__item {
  padding: .5rem 1rem;
  display: block; }
  @media all and (min-width: 768px) {
    .buttons__item {
      padding: 1rem; } }

.buttons__item .button, .buttons__item .nav-links .nav-previous a, .nav-links .nav-previous .buttons__item a,
.buttons__item .nav-links .nav-next a,
.nav-links .nav-next .buttons__item a, .buttons__item .highlight__item > a, .buttons__item .map__item > a, .buttons__item .alerts__link {
  margin-top: 0;
  margin-bottom: 0;
  width: 100%; }
  @media all and (min-width: 768px) {
    .buttons__item .button, .buttons__item .nav-links .nav-previous a, .nav-links .nav-previous .buttons__item a,
    .buttons__item .nav-links .nav-next a,
    .nav-links .nav-next .buttons__item a, .buttons__item .highlight__item > a, .buttons__item .map__item > a, .buttons__item .alerts__link {
      width: auto; } }

.buttons__link {
  display: block;
  background: #005991;
  color: #fff;
  padding: 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center; }
  .buttons__link:link, .buttons__link:visited {
    color: #fff; }
  .buttons__link:hover, .buttons__link:active, .buttons__link:focus {
    background: #0072BC;
    color: #fff; }

body.page .edge-to-edge-image {
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; }

.edge-to-edge-image {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
  margin-bottom: 1rem;
  background-color: #8795A1;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
  color: #fff;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center; }
  .edge-to-edge-image h1,
  .edge-to-edge-image h2,
  .edge-to-edge-image h3,
  .edge-to-edge-image h4,
  .edge-to-edge-image h5,
  .edge-to-edge-image h6 {
    color: #fff; }
  .edge-to-edge-image.edge-to-edge-image--lense:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 2;
    background: rgba(34, 41, 47, 0.75); }

.edge-to-edge-image__container {
  position: relative;
  z-index: 3; }

.edge-to-edge-image__link {
  display: inline-block;
  background: #005991;
  color: #fff;
  padding: 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  margin: 1rem auto; }
  .edge-to-edge-image__link:link, .edge-to-edge-image__link:visited {
    color: #fff; }
  .edge-to-edge-image__link:hover, .edge-to-edge-image__link:active, .edge-to-edge-image__link:focus {
    background: #0072BC;
    color: #fff; }

.featured-video {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 2rem;
  margin-bottom: 2rem;
  background: rgba(0, 114, 188, 0.25); }

.featured-video__description > * {
  margin-top: 0; }

@media all and (max-width: 767px) {
  .ui.container > .ui.stackable.grid > .ui.column.featured-video__description, form.container > .ui.stackable.grid > .ui.column.featured-video__description, .ui.container > form.stackable.grid > .ui.column.featured-video__description, form.container > form.stackable.grid > .ui.column.featured-video__description, .ui.container > .ui.stackable.grid > form.column.featured-video__description, form.container > .ui.stackable.grid > form.column.featured-video__description, .ui.container > form.stackable.grid > form.column.featured-video__description, form.container > form.stackable.grid > form.column.featured-video__description {
    padding-left: 2rem !important;
    padding-right: 2rem !important; } }

.featured-video__video,
.video__video {
  width: 100%;
  height: auto; }

.videos {
  margin-top: 2rem;
  margin-bottom: 2rem; }

ul.gallery-items {
  margin: 1rem auto;
  padding: 0;
  list-style-type: none;
  columns: 3 200px;
  column-gap: 1rem; }

.gallery-items__item {
  margin-bottom: 1rem; }

.gallery-items__link {
  position: relative;
  display: block;
  text-decoration: none; }
  .gallery-items__link:hover .gallery-items__item__icon {
    background: white; }

.gallery-items__image {
  display: block;
  width: 100%;
  height: auto; }

.gallery-items__item__icon {
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  padding: .25rem;
  color: #000; }

.gallery__modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background: #22292F;
  background: rgba(34, 41, 47, 0.95);
  overflow: scroll;
  z-index: 101;
  color: #fff; }

.gallery__modal__figure {
  padding: 6rem 1rem 1rem 1rem;
  text-align: center; }
  @media all and (min-width: 768px) {
    .gallery__modal__figure {
      padding: 3rem 1rem 1rem 1rem; } }

.gallery__modal__image {
  display: block;
  max-height: 90vh;
  width: auto;
  margin: 0 auto;
  padding: 0; }

.gallery__modal__close {
  position: fixed;
  top: 1rem;
  right: 1rem;
  border: 0;
  background: none;
  color: #fff;
  font-size: 2rem; }
  .gallery__modal__close:hover, .gallery__modal__close:active, .gallery__modal__close:focus {
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer; }

.gallery__modal__caption {
  padding: 1rem; }

.gallery__modal__prev,
.gallery__modal__next {
  background: none;
  color: #fff;
  border: none;
  padding: 0;
  border-radius: 0px;
  font-size: 1.25rem;
  position: fixed;
  z-index: 2;
  top: 4rem;
  font-size: 2rem; }
  @media all and (min-width: 768px) {
    .gallery__modal__prev,
    .gallery__modal__next {
      top: 50%;
      transform: translateY(-50%); } }
  .gallery__modal__prev:hover, .gallery__modal__prev:active, .gallery__modal__prev:focus,
  .gallery__modal__next:hover,
  .gallery__modal__next:active,
  .gallery__modal__next:focus {
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer; }

.gallery__modal__prev {
  left: 1rem; }

.gallery__modal__next {
  right: 1rem; }

.image-and-text {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.image-and-text__text > *:first-child {
  margin-top: 0; }

.logos {
  margin: 1rem -1rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center; }

.logos__logo {
  padding: 1rem; }

.featured-video {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 2rem;
  margin-bottom: 2rem;
  background: rgba(0, 114, 188, 0.25); }

.featured-video__description > * {
  margin-top: 0; }

@media all and (max-width: 767px) {
  .ui.container > .ui.stackable.grid > .ui.column.featured-video__description, form.container > .ui.stackable.grid > .ui.column.featured-video__description, .ui.container > form.stackable.grid > .ui.column.featured-video__description, form.container > form.stackable.grid > .ui.column.featured-video__description, .ui.container > .ui.stackable.grid > form.column.featured-video__description, form.container > .ui.stackable.grid > form.column.featured-video__description, .ui.container > form.stackable.grid > form.column.featured-video__description, form.container > form.stackable.grid > form.column.featured-video__description {
    padding-left: 2rem !important;
    padding-right: 2rem !important; } }

.featured-video__video,
.video__video {
  width: 100%;
  height: auto; }

.videos {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.ui.grid.related-content, form.grid.related-content {
  padding-top: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem; }

.related-content__post-type {
  text-transform: uppercase;
  color: #0072BC;
  display: block; }

.related-content__title {
  margin-bottom: 1.5rem; }

.related-content__title a {
  text-decoration: none; }
  .related-content__title a:hover, .related-content__title a:active, .related-content__title a:focus {
    text-decoration: underline; }

.related-content__item {
  border-bottom: 2px solid #0072BC; }
  @media all and (min-width: 768px) {
    .related-content__item {
      border-bottom: none; } }

@media all and (min-width: 768px) {
  .related-content__item:nth-child(3n+2) {
    border-left: 2px solid #0072BC;
    border-right: 2px solid #0072BC; } }

.related-content__headline {
  text-transform: uppercase;
  color: #0072BC;
  text-align: center;
  padding: 1rem 0;
  border-top: 2px solid #0072BC; }

.related-content__headline.related-content__headline--no-border {
  border-top: none; }

.related-content__content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column; }

.related-content__content .related-content__link {
  margin-top: auto; }

.related-content__content .related-content__excerpt p {
  margin-bottom: 1.5rem; }

.related-content__content .related-content__date {
  margin-top: 1.5rem; }

.related-content__read-more-wrapper {
  text-align: center;
  margin: 1rem auto; }

.related-content__read-more-wrapper .related-content__read-more {
  padding: .5rem;
  background: #0072BC;
  color: #005991;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none; }
  .related-content__read-more-wrapper .related-content__read-more:link, .related-content__read-more-wrapper .related-content__read-more:visited {
    color: #005991; }
  .related-content__read-more-wrapper .related-content__read-more:hover, .related-content__read-more-wrapper .related-content__read-more:active, .related-content__read-more-wrapper .related-content__read-more:focus {
    background: #0072BC;
    color: #fff; }

.related-content__content {
  text-align: center; }

.related-content__content > img {
  display: block;
  margin: 0 auto; }

.sponsors {
  margin: 1rem auto; }

.sponsors__offset {
  display: block;
  padding-top: 291px;
  margin-top: -291px; }
  @media all and (min-width: 768px) {
    .sponsors__offset {
      padding-top: 193px;
      margin-top: -193px; } }

.sponsors__name {
  margin-top: 1.5rem;
  margin-bottom: 0;
  line-height: 1.5rem;
  font-size: 1.414rem;
  color: #0072BC;
  text-transform: uppercase;
  background: #fff;
  position: relative;
  z-index: 2; }
  .sponsors__name:after {
    content: "";
    display: block;
    height: 3px;
    background: red;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1; }

.sponsors__name .sponsors__name-wrapper {
  background: #fff;
  position: relative;
  z-index: 2;
  padding-right: 1rem; }

@supports (display: flex) {
  .sponsors__grid {
    align-content: stretch; } }
.sponsors__logo-wrapper {
  position: relative;
  box-shadow: 0px 0px 3px 3px rgba(34, 41, 47, 0.25); }

@supports (display: flex) {
  .sponsors__logo-wrapper {
    position: relative;
    height: 100%; } }
a.sponsors__logo-wrapper {
  flex-shrink: 0;
  display: block; }
  a.sponsors__logo-wrapper:hover, a.sponsors__logo-wrapper:active, a.sponsors__logo-wrapper:focus {
    box-shadow: 0px 0px 3px 3px rgba(0, 114, 188, 0.25); }
    a.sponsors__logo-wrapper:hover .sponsors__founder, a.sponsors__logo-wrapper:active .sponsors__founder, a.sponsors__logo-wrapper:focus .sponsors__founder {
      background: #0072BC url("/wp-content/themes/p400/assets/img/partner-sprite.png") bottom left no-repeat; }

.sponsors__logo {
  margin: 0 auto;
  padding: 1rem;
  flex-shrink: 0;
  display: block; }

.sponsors__founder {
  display: inline-block;
  height: 22px;
  width: 126px;
  background: #0072BC url("/wp-content/themes/p400/assets/img/partner-sprite.png") top left no-repeat;
  text-indent: -99999px;
  margin: 0 auto; }

.sponsors__no-columns {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem; }

.sponsors__buttons,
.sponsors__names {
  padding: 1rem; }

.sponsors__buttons__button,
.sponsors__names__name {
  display: inline-block;
  padding: 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  margin: 1rem auto; }

.sponsors__buttons__button.sponsors__buttons__button--button {
  background: #005991;
  color: #fff; }
  .sponsors__buttons__button.sponsors__buttons__button--button:link, .sponsors__buttons__button.sponsors__buttons__button--button:visited {
    color: #fff; }
  .sponsors__buttons__button.sponsors__buttons__button--button:hover, .sponsors__buttons__button.sponsors__buttons__button--button:active, .sponsors__buttons__button.sponsors__buttons__button--button:focus {
    background: #0072BC;
    color: #fff; }

article.post-teaser.sticky {
  border-left: 1rem solid #D34527; }

article.post-teaser {
  box-shadow: 0px 0px 3px 3px rgba(34, 41, 47, 0.25);
  background: #fff;
  margin-bottom: 2rem;
  padding-bottom: 2rem; }

article.post-teaser .post-teaser__thumbnail {
  text-align: center;
  background: #8795A1; }

article.post-teaser .post-teaser__thumbnail img {
  display: block;
  margin: 0 auto; }

article.post-teaser .entry-header {
  padding: 2rem 2rem 0 2rem; }

article.post-teaser .entry-header .entry-title {
  text-transform: uppercase;
  letter-spacing: .25rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.121rem;
  line-height: 3rem; }

article.post-teaser .entry-header .entry-title a {
  text-decoration: none; }

article.post-teaser .entry-header .entry-meta,
article.post-teaser .entry-header .entry-meta a,
article.post-teaser .entry-footer,
article.post-teaser .entry-footer a,
article.post-full .entry-header .entry-meta,
article.post-full .entry-header .entry-meta a,
article.post-full .entry-footer,
article.post-full .entry-footer a {
  color: #8795A1; }

article.post-full .entry-header .entry-meta {
  display: inline-block;
  margin-bottom: 1rem; }

article.post-teaser .entry-header .entry-meta a:hover, article.post-teaser .entry-header .entry-meta a:active, article.post-teaser .entry-header .entry-meta a:focus,
article.post-teaser .entry-footer a:hover,
article.post-teaser .entry-footer a:active,
article.post-teaser .entry-footer a:focus {
  color: #22292F; }

article.post-teaser .entry-content,
article.post-teaser .entry-summary {
  padding: 0rem 2rem; }

article.post-full .entry-footer,
article.post-teaser .entry-footer {
  border-top: 0.25rem solid #0072BC;
  padding-top: 1rem; }

article.post-full .entry-footer {
  margin: 1rem auto; }

article.post-teaser .entry-footer {
  margin: 1rem 2rem 0 2rem; }

article.post-teaser--news {
  background: #DAE1E7;
  box-shadow: 0px 0px 3px 3px rgba(34, 41, 47, 0.25); }

article.post-teaser--news.ui.padded.grid:not(.vertically):not(.horizontally) {
  margin-bottom: 2rem !important; }

article.post-teaser--news .post-teaser__entry-title--news {
  text-transform: uppercase;
  letter-spacing: .25rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.7675rem;
  line-height: 3rem; }

article.post-teaser--news .post-teaser__entry-title--news a {
  text-decoration: none; }

article.post-teaser--news .post-teaser__background {
  min-height: 5rem; }

article.post-teaser--news .post-teaser__background--no-image {
  background-color: #0072BC;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain; }
  @media all and (min-width: 768px) {
    article.post-teaser--news .post-teaser__background--no-image {
      background-size: 80%; } }

article.post-teaser--news .post-teaser__background--has-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

article.post-teaser--news-featured {
  position: relative;
  z-index: 1; }

article.post-teaser--news-featured .post-teaser--news-featured__image img {
  display: block;
  width: 100%; }

article.post-teaser--news-featured .post-teaser--news-featured__title-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 1rem;
  background: rgba(34, 41, 47, 0.8); }

article.post-teaser--news-featured .post-teaser--news-featured__title {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5rem;
  font-size: 0.9426666667rem;
  text-transform: uppercase;
  letter-spacing: .05rem; }

article.post-teaser--news-featured .post-teaser--news-featured__link {
  color: #fff; }
  article.post-teaser--news-featured .post-teaser--news-featured__link:link, article.post-teaser--news-featured .post-teaser--news-featured__link:visited {
    color: #fff;
    text-decoration: none; }
  article.post-teaser--news-featured .post-teaser--news-featured__link:hover, article.post-teaser--news-featured .post-teaser--news-featured__link:active, article.post-teaser--news-featured .post-teaser--news-featured__link:focus {
    text-decoration: underline; }

.nav-links {
  margin: 2rem auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

aside.sidebar section {
  box-shadow: 0px 0px 3px 3px rgba(34, 41, 47, 0.25);
  background: #fff;
  padding: 1rem;
  margin-bottom: 2rem; }

aside.sidebar .widget-title {
  color: #0072BC;
  margin-top: 0;
  margin-bottom: 1.5rem;
  line-height: 1.5rem;
  font-size: 1.414rem;
  text-transform: uppercase;
  letter-spacing: .15rem; }

aside.sidebar section ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

@media all and (min-width: 768px) {
  .signature-events {
    padding: 0 1rem; } }

.signature-events .signature-events__item {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 10rem;
  align-items: center; }
  @media all and (min-width: 992px) {
    .signature-events .signature-events__item {
      justify-content: space-between;
      flex-direction: row; }
      .signature-events .signature-events__item .signature-events__content {
        margin-right: -3rem;
        /* appear under image */
        padding-right: 6rem; }
      .signature-events .signature-events__item:nth-child(odd) {
        flex-direction: row-reverse; }
        .signature-events .signature-events__item:nth-child(odd) .signature-events__content {
          margin-left: -3rem;
          /* appear under image */
          padding-left: 6rem; } }

.signature-events .signature-events__content {
  box-shadow: 0px 0px 3px 3px rgba(34, 41, 47, 0.25);
  background: #fff;
  padding: 2rem 3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  flex: 1;
  position: relative;
  z-index: 1; }
  @media all and (min-width: 1200px) {
    .signature-events .signature-events__content {
      flex: 2; } }

.signature-events .signature-events__graphics {
  flex: 1;
  position: relative;
  z-index: 3; }
  @media all and (min-width: 1200px) {
    .signature-events .signature-events__graphics {
      flex: 3; } }

.signature-events .signature-events__graphics img {
  display: block;
  width: 100%;
  height: auto; }

.signature-events .signature-events__item .signature-events__paint-stain {
  position: absolute;
  z-index: 2;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain; }
.signature-events .signature-events__item:nth-of-type(3n+1) .signature-events__paint-stain {
  background-image: url("/wp-content/themes/p400/assets/img/signature-event-paint-stain-green.png");
  height: 200px;
  width: 200px;
  bottom: -50px;
  right: 0; }
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .signature-events .signature-events__item:nth-of-type(3n+1) .signature-events__paint-stain {
      height: 300px;
      width: 300px;
      top: -100px;
      right: -150px;
      z-index: -1; } }
  @media all and (min-width: 1200px) {
    .signature-events .signature-events__item:nth-of-type(3n+1) .signature-events__paint-stain {
      height: 400px;
      width: 400px;
      top: -100px;
      right: -200px;
      z-index: -1; } }
.signature-events .signature-events__item:nth-of-type(3n+2) .signature-events__paint-stain {
  background-position: center left;
  background-image: url("/wp-content/themes/p400/assets/img/signature-event-paint-stain-blue.png");
  height: 200px;
  width: 200px;
  bottom: -50px;
  left: 0; }
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .signature-events .signature-events__item:nth-of-type(3n+2) .signature-events__paint-stain {
      height: 300px;
      width: 300px;
      bottom: -50px;
      left: -150px;
      z-index: -1; } }
  @media all and (min-width: 1200px) {
    .signature-events .signature-events__item:nth-of-type(3n+2) .signature-events__paint-stain {
      height: 400px;
      width: 400px;
      bottom: -50px;
      left: -200px;
      z-index: -1; } }
.signature-events .signature-events__item:nth-of-type(3n+3) .signature-events__paint-stain {
  background-image: url("/wp-content/themes/p400/assets/img/signature-event-paint-stain-yellow.png");
  height: 200px;
  width: 200px;
  bottom: -75px;
  right: 0; }
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .signature-events .signature-events__item:nth-of-type(3n+3) .signature-events__paint-stain {
      height: 300px;
      width: 300px;
      bottom: -150px;
      right: -75px;
      z-index: -1; } }
  @media all and (min-width: 1200px) {
    .signature-events .signature-events__item:nth-of-type(3n+3) .signature-events__paint-stain {
      height: 400px;
      width: 400px;
      bottom: -150px;
      right: -100px;
      z-index: -1; } }

.signature-events .signature-events__date {
  color: #0072BC;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  margin-bottom: 1.5rem;
  line-height: 1.125rem;
  font-size: 1.0605rem; }

.signature-events .signature-events__title {
  text-transform: uppercase;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  line-height: 2.25rem;
  font-size: 1.7675rem;
  width: 100%; }

.signature-events .signature-events__title .signature-events__title__link {
  text-decoration: none; }

.signature-events .signature-events__link {
  display: inline-block;
  padding: .5rem 2rem .25rem 2rem;
  border: 1px solid #0072BC;
  text-decoration: none;
  text-transform: uppercase;
  color: #0072BC; }
  .signature-events .signature-events__link:link, .signature-events .signature-events__link:visited {
    color: #0072BC; }
  .signature-events .signature-events__link:hover, .signature-events .signature-events__link:active, .signature-events .signature-events__link:focus {
    color: #fff;
    background: #0072BC; }

.event-interior-banner {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  z-index: 0;
  margin-top: -2rem;
  /* offset .interior-banner */
  height: 175px;
  /* needed to fix IE11 bug */
  min-height: 175px;
  margin-bottom: 2rem; }
  @media all and (min-width: 768px) and (max-width: 991px) {
    .event-interior-banner {
      margin-top: -2rem;
      /* offset .interior-banner */
      height: 250px;
      /* needed to fix IE11 bug */
      min-height: 250px;
      background-attachment: fixed; } }
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .event-interior-banner {
      margin-top: -6rem;
      /* offset .interior-banner */
      height: 350px;
      /* needed to fix IE11 bug */
      min-height: 350px;
      background-attachment: fixed; } }
  @media all and (min-width: 1200px) {
    .event-interior-banner {
      margin-top: -8rem;
      /* offset .interior-banner */
      height: 400px;
      /* needed to fix IE11 bug */
      min-height: 400px;
      background-attachment: fixed; } }
  .event-interior-banner:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    background: linear-gradient(to top, #22292f, rgba(34, 41, 47, 0.5)); }
    @media all and (min-width: 768px) and (max-width: 991px) {
      .event-interior-banner:after {
        background: linear-gradient(to top, #22292f, rgba(34, 41, 47, 0.5)); } }
    @media all and (min-width: 992px) and (max-width: 1199px) {
      .event-interior-banner:after {
        background: linear-gradient(to top, rgba(34, 41, 47, 0.5) 0% 50%, transparent); } }
    @media all and (min-width: 1200px) {
      .event-interior-banner:after {
        background: linear-gradient(to top, rgba(34, 41, 47, 0.5) 0% 10%, transparent); } }

.event-interior-banner .event-interior-banner__paint-stain {
  position: absolute;
  bottom: 0px;
  width: 40%;
  right: 0;
  z-index: 2; }
  @media all and (min-width: 768px) {
    .event-interior-banner .event-interior-banner__paint-stain {
      bottom: -48px; } }

.event-interior-banner .event-interior-banner__date,
.event-interior-banner .event-interior-banner__cost,
.event-interior-banner .event-is-recurring,
.event-interior-banner .event-is-recurring a {
  color: #fff;
  text-shadow: -3px 3px 1px rgba(0, 0, 0, 0.2);
  font-weight: 100;
  text-transform: uppercase;
  position: relative;
  z-index: 3;
  color: #fff; }

.event-interior-banner .event-is-recurring a:hover, .event-interior-banner .event-is-recurring a:active, .event-interior-banner .event-is-recurring a:focus {
  text-decoration: none; }

.event-interior-banner .recurringinfo .tribe-events-divider {
  display: none; }

.event-interior-banner .recurringinfo {
  padding: 1rem 0; }

.event-interior-banner .event-interior-banner__date {
  margin-bottom: 0;
  line-height: 1.5rem;
  font-size: 1.7675rem;
  line-height: 1.875rem; }
  @media all and (min-width: 768px) and (max-width: 991px) {
    .event-interior-banner .event-interior-banner__date {
      line-height: 1.5rem;
      font-size: 2.121rem;
      line-height: 2.25rem; } }
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .event-interior-banner .event-interior-banner__date {
      line-height: 1.5rem;
      font-size: 2.828rem;
      line-height: 3rem; } }
  @media all and (min-width: 1200px) {
    .event-interior-banner .event-interior-banner__date {
      line-height: 1.5rem;
      font-size: 3.535rem;
      line-height: 3.75rem; } }

.event-interior-banner .event-interior-banner__cost {
  margin-bottom: 0;
  font-size: 1.414rem;
  line-height: 1.5rem;
  display: block; }
  @media all and (min-width: 768px) and (max-width: 991px) {
    .event-interior-banner .event-interior-banner__cost {
      font-size: 1.414rem;
      line-height: 1.5rem; } }
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .event-interior-banner .event-interior-banner__cost {
      font-size: 2.121rem;
      line-height: 2.25rem; } }
  @media all and (min-width: 1200px) {
    .event-interior-banner .event-interior-banner__cost {
      font-size: 2.828rem;
      line-height: 3rem; } }

.tribe-events-notices {
  background: #8795A1;
  border-radius: 0;
  border: none;
  text-shadow: none;
  color: #fff;
  border-left: 0.5rem solid #0072BC;
  margin: 0 1rem; }

.event-details {
  box-shadow: 0px 0px 3px 3px rgba(34, 41, 47, 0.25);
  background: #fff;
  padding-bottom: 2rem;
  margin-bottom: 2rem; }

.event-details a {
  display: inline-block;
  word-wrap: break-word;
  word-break: break-all; }

.ui.padded.grid:not(.vertically):not(.horizontally).event-details, form.padded.grid:not(.vertically):not(.horizontally).event-details {
  margin-bottom: 2rem !important; }

.event-details dd {
  margin: 0 0 1rem 0; }

.event-details h3 {
  border-bottom: 0.15rem solid #005991;
  color: #0072BC;
  text-transform: uppercase;
  letter-spacing: 0.15rem; }

@media all and (max-width: 767px) {
  .ui.grid.padded.stackable.tribe_events, form.grid.padded.stackable.tribe_events {
    margin: 0em !important; } }

.tribe-events-cal-links {
  margin: 0 -1rem; }

#tribe-events .tribe-events-button,
.tribe-events-button {
  border-radius: 0;
  font-size: 1rem;
  font-weight: 400;
  background: #0072BC;
  color: #fff;
  padding: 0.5rem 0.5rem 0.25rem 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  margin: 1rem;
  display: inline-block;
  border: none; }
  #tribe-events .tribe-events-button:hover, #tribe-events .tribe-events-button:active, #tribe-events .tribe-events-button:focus,
  .tribe-events-button:hover,
  .tribe-events-button:active,
  .tribe-events-button:focus {
    background: #005991;
    color: #fff; }

.events-nav-pagination {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media all and (min-width: 768px) {
    .events-nav-pagination {
      flex-direction: row;
      justify-content: space-between; } }

.events-nav-pagination > a {
  flex: 1;
  margin-bottom: 1rem; }

.events-nav-pagination > a:only-child {
  text-align: right; }

.events-nav-pagination > a + a {
  text-align: right; }

.tribe-events-calendar .tribe-events-category-sanctioned-event:before,
.tribe-events-loop .tribe-events-category-sanctioned-event:before,
.tribe-events-calendar .tribe-events-category-plymouth-400-partner-events:before,
.tribe-events-loop .tribe-events-category-plymouth-400-partner-events:before {
  content: "";
  display: block;
  height: 28px;
  width: 20px;
  background: url("/wp-content/themes/p400/assets/img/event-icon-red.png") center center no-repeat;
  background-size: contain; }

.tribe-events-calendar .tribe-events-category-signature-event:before,
.tribe-events-loop .tribe-events-category-signature-event:before,
.tribe-events-calendar .tribe-events-category-signature-events:before,
.tribe-events-loop .tribe-events-category-signature-events:before {
  content: "";
  display: block;
  height: 28px;
  width: 20px;
  background: url("/wp-content/themes/p400/assets/img/event-icon-blue.png") center center no-repeat;
  background-size: contain; }

.tribe-events-calendar .tribe-events-category-signature-event.tribe-events-category-sanctioned-event:before,
.tribe-events-loop .tribe-events-category-signature-event.tribe-events-category-sanctioned-event:before,
.tribe-events-calendar .tribe-events-category-signature-event.tribe-events-category-plymouth-400-partner-events:before,
.tribe-events-loop .tribe-events-category-signature-event.tribe-events-category-plymouth-400-partner-events:before,
.tribe-events-calendar .tribe-events-category-signature-events.tribe-events-category-sanctioned-event:before,
.tribe-events-loop .tribe-events-category-signature-events.tribe-events-category-sanctioned-event:before,
.tribe-events-calendar .tribe-events-category-signature-events.tribe-events-category-plymouth-400-partner-events:before,
.tribe-events-loop .tribe-events-category-signature-events.tribe-events-category-plymouth-400-partner-events:before {
  content: "";
  display: block;
  height: 28px;
  width: 43px;
  background: url("/wp-content/themes/p400/assets/img/event-icon-blue-red.png") center center no-repeat;
  background-size: contain; }

.live-updates {
  display: flex;
  align-items: center;
  color: #D34527;
  margin-bottom: 1rem; }

.live-updates .live-updates__icon {
  height: 30px;
  width: 30px;
  border-radius: 100%;
  border: 0.25rem solid #D34527;
  display: flex;
  align-content: center;
  justify-content: center;
  margin-right: 1rem; }

.live-updates .live-updates__icon i {
  line-height: 21px;
  font-size: 15px; }

.live-updates .live-updates__text {
  text-transform: uppercase;
  font-weight: 400; }

#breadcrumbs {
  margin-top: 0;
  position: relative;
  z-index: 3; }

.tribe-events-list .tribe-events-loop .tribe-event-featured,
#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured {
  background: #0072BC; }

#tribe-bar-form .tribe-bar-submit input[type=submit] {
  background: #0072BC; }
  #tribe-bar-form .tribe-bar-submit input[type=submit]:hover, #tribe-bar-form .tribe-bar-submit input[type=submit]:active, #tribe-bar-form .tribe-bar-submit input[type=submit]:focus {
    background: #005991; }

#tribe-community-events {
  background: #fff;
  border: none;
  color: #22292F;
  font-size: 100%;
  box-shadow: 0px 0px 3px 3px rgba(34, 41, 47, 0.25);
  background: #fff;
  margin-bottom: 2rem;
  padding: 1rem; }
  @media all and (min-width: 768px) {
    #tribe-community-events {
      margin: 0 1rem 2rem 1rem; } }

#tribe-community-events label,
#tribe-community-events .my-events-header h2.my-events {
  color: #22292F; }

#tribe-community-events .tribe-button.submit {
  background: #0072BC; }
  #tribe-community-events .tribe-button.submit:hover, #tribe-community-events .tribe-button.submit:active, #tribe-community-events .tribe-button.submit:focus {
    background: #005991; }

:root {
  --rotation-duration: 5000ms; }

.ui.stackable.grid .ui.column.column--rotations, form.stackable.grid .ui.column.column--rotations, .ui.stackable.grid form.column.column--rotations, form.stackable.grid form.column.column--rotations {
  padding: 0 !important; }

.rotations {
  position: relative;
  z-index: 1; }

.rotations__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  overflow: hidden; }

@media all and (min-width: 768px) {
  .rotations__list--large {
    height: 0;
    padding-top: 50%; } }

.rotations__list--small {
  display: none; }
  @media all and (min-width: 768px) and (max-width: 991px) {
    .rotations__list--small {
      display: block;
      z-index: 2;
      position: absolute;
      bottom: -30px;
      right: -50px;
      height: 150px;
      width: 100px; } }
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .rotations__list--small {
      display: block;
      z-index: 2;
      position: absolute;
      bottom: -80px;
      right: -100px;
      height: 300px;
      width: 200px; } }
  @media all and (min-width: 1200px) {
    .rotations__list--small {
      display: block;
      z-index: 2;
      position: absolute;
      bottom: -110px;
      right: -100px;
      height: 450px;
      width: 300px; } }

.rotations__small-image--mobile.rotations__small-image {
  width: 50%;
  margin: 0 auto 3rem auto;
  display: block; }
  @media all and (min-width: 768px) {
    .rotations__small-image--mobile.rotations__small-image {
      display: none; } }

.rotations__list--large .rotations__small-image,
.rotations__list.rotations__list--small {
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25); }

.rotations__item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat; }
  @media all and (min-width: 768px) {
    .rotations__item {
      background-image: none !important; } }

.rotations__list--large .rotations__large-image {
  display: none; }
  @media all and (min-width: 768px) {
    .rotations__list--large .rotations__large-image {
      display: block; } }

@media all and (min-width: 768px) {
  .rotations__list--large .rotations__item:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(to top, rgba(34, 41, 47, 0.5) 0% 50%, transparent);
    top: 0;
    left: 0;
    z-index: 1; } }

.rotations__large-image {
  display: block;
  width: 100%;
  height: auto; }

.rotations__content {
  text-align: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 1rem;
  z-index: 3;
  position: relative; }
  @media all and (min-width: 768px) {
    .rotations__content {
      margin-bottom: 0;
      background: none;
      text-align: left;
      padding: 0;
      position: absolute;
      z-index: 3;
      bottom: 3rem;
      left: 3rem; } }
  @media all and (min-width: 768px) and (max-width: 991px) {
    .rotations__content {
      width: calc(100% - 100px); } }
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .rotations__content {
      width: calc(100% - 170px); } }
  @media all and (min-width: 1200px) {
    .rotations__content {
      width: calc(100% - 250px); } }

.rotations__headline,
.rotations__subhead {
  margin: 0;
  color: #fff;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25); }

.rotations__headline {
  text-transform: uppercase;
  font-family: "Alegreya Sans", sans-serif;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.7675rem;
  line-height: 1.875rem; }
  @media all and (min-width: 768px) and (max-width: 991px) {
    .rotations__headline {
      font-size: 2.4745rem;
      line-height: 2.625rem; } }
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .rotations__headline {
      font-size: 3.8885rem;
      line-height: 4.125rem; } }
  @media all and (min-width: 1200px) {
    .rotations__headline {
      font-size: 4.242rem;
      line-height: 4.5rem; } }

.rotations__link {
  display: inline-block;
  border: 1px solid #fff;
  text-align: center;
  padding: .25rem .25rem .15rem .25rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 1rem;
  background: #fff; }
  .rotations__link:hover, .rotations__link:active, .rotations__link:focus {
    border: 1px solid #0072BC;
    background: #0072BC;
    color: #fff; }

.rotations__buttons {
  text-align: center; }
  @media all and (min-width: 768px) and (max-width: 991px) {
    .rotations__buttons {
      position: absolute;
      right: -230px;
      bottom: -80px; } }
  @media all and (min-width: 992px) and (max-width: 1199px) {
    .rotations__buttons {
      position: absolute;
      right: -230px;
      bottom: -80px; } }
  @media all and (min-width: 1200px) {
    .rotations__buttons {
      position: absolute;
      right: -230px;
      bottom: -80px; } }

.rotations__prev,
.rotations__next {
  color: #0072BC;
  background: none;
  padding: 0;
  font-size: 3rem;
  margin: 0; }
  .rotations__prev:hover, .rotations__prev:active, .rotations__prev:focus,
  .rotations__next:hover,
  .rotations__next:active,
  .rotations__next:focus {
    background: none;
    color: #22292F;
    cursor: pointer;
    outline: none; }

.rotations__prev {
  padding-right: 1rem; }

.rotations__next {
  padding-left: 1rem; }

.rotation__paint-stain {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 50%; }

.rotations__list--large li:nth-of-type(4n+1) .rotation__paint-stain {
  background-image: url("/wp-content/themes/p400/assets/img/rotation-paint-stain-green.png"); }
.rotations__list--large li:nth-of-type(4n+2) .rotation__paint-stain {
  background-image: url("/wp-content/themes/p400/assets/img/rotation-paint-stain-blue.png"); }
.rotations__list--large li:nth-of-type(4n+3) .rotation__paint-stain {
  background-image: url("/wp-content/themes/p400/assets/img/rotation-paint-stain-yellow.png"); }
.rotations__list--large li:nth-of-type(4n+4) .rotation__paint-stain {
  background-image: url("/wp-content/themes/p400/assets/img/rotation-paint-stain-red.png"); }

.rotations__item.rotations__item--inactive {
  z-index: 0; }
  @media all and (max-width: 767px) {
    .rotations__item.rotations__item--inactive {
      opacity: 0; } }

.rotations__item.rotations__item--active {
  z-index: 1; }
  @media all and (max-width: 767px) {
    .rotations__item.rotations__item--active {
      opacity: 1; } }

.rotations__item.rotations__item--inactive .rotation__paint-stain {
  animation: paintOut calc(5000ms/3) ease-in-out;
  animation: paintOut calc(var(--rotation-duration)/3) ease-in-out;
  animation-fill-mode: both; }

.rotations__item.rotations__item--active .rotation__paint-stain {
  animation: paintIn calc(5000ms/3) ease-in-out;
  animation: paintIn calc(var(--rotation-duration)/3) ease-in-out;
  animation-fill-mode: both; }

@keyframes paintIn {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@keyframes paintOut {
  0% {
    opacity: 1;
    transform: translateY(0%); }
  100% {
    opacity: 0;
    transform: translateY(100%); } }
.rotations__item.rotations__item--inactive .rotations__large-image,
.rotations__item.rotations__item--inactive .rotations__small-image {
  animation: imageOut calc(5000ms/3) ease-in-out;
  animation: imageOut calc(var(--rotation-duration)/3) ease-in-out;
  animation-fill-mode: both; }

.rotations__item.rotations__item--active .rotations__large-image,
.rotations__item.rotations__item--active .rotations__small-image {
  animation: imageIn calc(5000ms/3) ease-in-out;
  animation: imageIn calc(var(--rotation-duration)/3) ease-in-out;
  animation-fill-mode: both; }

@media all and (max-width: 767px) {
  .rotations__item.rotations__item--inactive {
    animation: backGroundOut calc(5000ms/3) ease-in-out;
    animation: backGroundOut calc(var(--rotation-duration)/3) ease-in-out; } }

@media all and (max-width: 767px) {
  .rotations__item.rotations__item--active {
    animation: backGroundIn calc(5000ms/3) ease-in-out;
    animation: backGroundIn calc(var(--rotation-duration)/3) ease-in-out; } }

@keyframes backGroundIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes backGroundOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes imageIn {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    background-position-x: 1000%; }
  100% {
    opacity: 1;
    transform: translateX(0%);
    background-position-x: 0%; } }
@keyframes imageOut {
  0% {
    opacity: 1;
    transform: translateX(0%); }
  100% {
    opacity: 0;
    transform: translateX(100%); } }
.rotations__item.rotations__item--inactive .rotations__headline,
.rotations__item.rotations__item--inactive .rotations__subhead,
.rotations__item.rotations__item--inactive .rotations__link {
  animation: contentOut 500ms ease-in-out;
  animation-fill-mode: both; }

.rotations__item.rotations__item--inactive .rotations__subhead {
  animation-delay: 250ms; }

.rotations__item.rotations__item--inactive .rotations__link {
  animation-delay: 550ms; }

.rotations__item.rotations__item--active .rotations__headline,
.rotations__item.rotations__item--active .rotations__subhead,
.rotations__item.rotations__item--active .rotations__link {
  animation: contentIn 1000ms ease-in-out;
  animation-fill-mode: both; }

.rotations__item.rotations__item--active .rotations__subhead {
  animation-delay: 250ms; }

.rotations__item.rotations__item--active .rotations__link {
  animation-delay: 550ms; }

@keyframes contentIn {
  0% {
    opacity: 0;
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes contentOut {
  0% {
    opacity: 1;
    transform: translateX(0); }
  to {
    opacity: 0;
    transform: translateX(100%); } }
.hero {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 5rem 0;
  text-align: center; }
  @media all and (min-width: 992px) {
    .hero {
      padding: 15rem 0; } }

.hero__meta-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: left; }
  .hero__meta-wrapper > * {
    padding: 0 .25rem; }

.hero__headline,
.hero__subhead {
  color: #0072BC; }
  .hero__headline > *,
  .hero__subhead > * {
    margin-top: 0; }

.hero__headline > * {
  font-weight: bold;
  font-size: 6rem;
  line-height: 6rem; }
  @media all and (min-width: 768px) {
    .hero__headline > * {
      font-size: 8rem;
      line-height: 8rem; } }

.hero__subhead > * {
  font-size: 2rem;
  line-height: 2.5rem; }
  @media all and (min-width: 768px) {
    .hero__subhead > * {
      font-size: 3rem;
      line-height: 3.5rem; } }

.hero__subhead,
.hero__subhead > * {
  font-weight: lighter;
  text-transform: uppercase; }

.hero__description p {
  text-transform: uppercase; }
  @media all and (min-width: 992px) {
    .hero__description p {
      font-size: 1.5rem;
      line-height: 2rem; } }

.highlights {
  position: relative;
  z-index: 1;
  margin-top: 10rem;
  margin-bottom: 10rem; }

.highlight__pain-stain {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0; }

.highlights__content_list,
.highlights__trigger_list {
  position: relative;
  z-index: 2; }

.highlights-top {
  display: flex;
  flex-direction: column;
  margin: 2rem auto;
  align-items: center; }
  @media all and (min-width: 768px) {
    .highlights-top {
      align-items: flex-end; } }

.highlights-top .highlights__title {
  text-transform: uppercase;
  color: #0072BC;
  font-size: 2rem;
  line-height: 2.25rem;
  margin-top: 0;
  text-align: center; }
  @media all and (min-width: 768px) {
    .highlights-top .highlights__title {
      text-align: right; } }

.highlights__button {
  color: #0072BC;
  background: none;
  padding: 0;
  font-size: 3rem;
  margin: 0; }
  .highlights__button:hover, .highlights__button:active, .highlights__button:focus {
    background: none;
    color: #22292F;
    cursor: pointer;
    outline: none; }

.highlights__button--prev {
  padding-right: 1rem; }

.highlights__button--next {
  padding-left: 1rem; }

.highlight__group.highlight__group--hidden {
  display: none; }

.highlight__link {
  display: block;
  position: relative;
  z-index: 1;
  color: #FBAF3F;
  transition: transform 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  .highlight__link .highlight__title {
    color: #FBAF3F; }
  .highlight__link:link .highlight__title, .highlight__link:visited .highlight__title {
    color: #FBAF3F; }
  .highlight__link:hover, .highlight__link:active, .highlight__link:focus {
    color: #fff; }
    .highlight__link:hover .highlight__title, .highlight__link:active .highlight__title, .highlight__link:focus .highlight__title {
      color: #fff; }

.highlights__trigger_list__item:first-of-type .highlight__link {
  transform-origin: bottom right; }
.highlights__trigger_list__item:nth-child(2) .highlight__link {
  transform-origin: bottom left; }
.highlights__trigger_list__item:nth-child(3) .highlight__link {
  transform-origin: top right; }
.highlights__trigger_list__item:nth-child(4) .highlight__link {
  transform-origin: top left; }

.highlight__link.active {
  transition: transform 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  @media all and (min-width: 768px) {
    .highlight__link.active {
      transform: scale(1.15, 1.15); } }
  .highlight__link.active .highlight__title-wrapper {
    display: none; }

.highlight__image {
  display: block;
  margin: 0;
  padding: 0; }

.highlight__title-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: .5rem;
  text-align: center;
  background: #005991;
  background: rgba(0, 89, 145, 0.8); }

.highlight__title {
  margin: 0 auto;
  font-size: 1rem; }

.highlight__item {
  text-align: center;
  background: #fff;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  padding: 1rem; }
  @media all and (min-width: 768px) {
    .highlight__item {
      margin-right: 2rem; } }

.highlight__item > h3 {
  text-transform: uppercase;
  color: #0072BC; }

.highlight__item > a {
  background: transparent;
  border: 1px solid #0072BC;
  color: #0072BC; }
  .highlight__item > a:link, .highlight__item > a:visited {
    background: transparent;
    border: 1px solid #0072BC;
    color: #0072BC; }
  .highlight__item > a:hover, .highlight__item > a:active, .highlight__item > a:focus {
    background: #0072BC;
    border: 1px solid #0072BC;
    color: #fff; }

.map {
  position: relative;
  z-index: 1;
  margin-top: 10rem;
  margin-bottom: 20rem; }

.map__content {
  text-align: center;
  background: #fff;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  padding: 1rem; }
  @media all and (min-width: 1200px) {
    .map__content {
      position: absolute;
      width: 35%;
      bottom: -100px;
      right: 0;
      z-index: 2; } }

.map__map-wrapper {
  position: relative;
  z-index: 1;
  background: url("/wp-content/themes/p400/assets/img/map.jpg") center center no-repeat;
  background-size: cover;
  padding: 1rem; }
  @media all and (min-width: 1200px) {
    .map__map-wrapper {
      height: 0;
      padding: 0;
      padding-top: 39.28%;
      background: none;
      width: 75%; } }

.map__map {
  display: none;
  width: 100%;
  height: auto; }
  @media all and (min-width: 1200px) {
    .map__map {
      display: block;
      position: absolute;
      top: 0;
      left: 0; } }

.map__title {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  margin-bottom: 1rem; }
  @media all and (min-width: 1200px) {
    .map__title {
      position: absolute;
      bottom: 25%;
      left: 50%;
      transform: translateX(-50%);
      z-index: 3;
      letter-spacing: .25rem;
      line-height: 1.75rem;
      margin-bottom: 0; } }

.map__link {
  color: #fff;
  font-size: 2rem;
  transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1);
  text-decoration: none;
  display: flex;
  justify-content: center;
  padding-bottom: 1rem; }
  .map__link:link, .map__link:visited {
    color: #fff; }
  .map__link:hover, .map__link:active, .map__link:focus {
    color: #FBAF3F;
    transition: all 0.15s cubic-bezier(0.075, 0.82, 0.165, 1); }
  @media all and (min-width: 1200px) {
    .map__link {
      position: absolute;
      z-index: 2;
      display: inline;
      padding-bottom: 0; }
      .map__link:hover, .map__link:active, .map__link:focus, .map__link.map__link--active {
        transform: scale(1.15, 1.15); } }

.map__link .map__country {
  padding-left: 1rem; }
  @media all and (min-width: 1200px) {
    .map__link .map__country {
      display: none; } }

.map__link.map__link--active {
  color: #FBAF3F; }

.map__link:nth-child(2) {
  top: 30%;
  right: 80%; }

.map__pain-stain {
  display: none; }
  @media all and (min-width: 1200px) {
    .map__pain-stain {
      display: block;
      position: absolute;
      top: 0;
      top: auto;
      bottom: 0;
      right: 0;
      z-index: 2;
      width: 45%;
      height: auto; } }

.map__item > h3 {
  text-transform: uppercase;
  color: #0072BC; }

.map__item > a {
  background: transparent;
  border: 1px solid #0072BC;
  color: #0072BC; }
  .map__item > a:link, .map__item > a:visited {
    background: transparent;
    border: 1px solid #0072BC;
    color: #0072BC; }
  .map__item > a:hover, .map__item > a:active, .map__item > a:focus {
    background: #0072BC;
    border: 1px solid #0072BC;
    color: #fff; }

.alerts {
  position: relative;
  background: #D34527;
  z-index: 1;
  text-align: center;
  padding: 1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  width: 100%;
  flex: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media all and (min-width: 768px) {
    .alerts {
      text-align: left;
      justify-content: flex-start;
      margin-left: auto;
      margin-right: auto;
      min-height: 125px;
      max-height: 125px; } }
  @media all and (min-width: 1200px) {
    .alerts:after, .alerts:before {
      content: "";
      display: block;
      width: 99999px;
      position: absolute; }
    .alerts:after {
      background: #D34527;
      top: 0;
      right: -99999px;
      height: 100%;
      z-index: 1; } }

.alerts.alerts--computer-only {
  display: none; }
  @media all and (min-width: 768px) {
    .alerts.alerts--computer-only {
      display: block;
      display: flex; } }

.alerts__title {
  margin-top: 0;
  color: #fff; }

.alerts__link {
  margin-bottom: 0; }

.alerts__item.alerts__item--inactive {
  display: none; }

.alerts__item.alerts__item--active {
  display: block; }

.alerts__button {
  display: block;
  height: 32px;
  width: 32px;
  line-height: 16px;
  /* vertically center icon */
  position: absolute;
  top: .5rem;
  right: 2rem;
  margin: 0;
  border-radius: 50%;
  text-align: center; }
  @media all and (min-width: 768px) {
    .alerts__button {
      display: none; } }

.alerts__mobile--hidden {
  display: none; }

.mobile-header .alerts {
  display: none;
  padding-top: 3rem;
  /* offset close button */ }

.mobile-header .alerts.alerts__mobile--show {
  display: block; }

.search-form {
  display: flex;
  justify-content: flex-start; }

.search-form .search-submit {
  margin: 0; }

.instafeed__title {
  text-align: center;
  margin: 10rem auto 1rem auto;
  text-transform: uppercase; }

#instafeed {
  display: flex;
  justify-content: space-between;
  margin: 0 -1rem;
  flex-wrap: wrap; }

#instafeed a {
  flex-basis: 50%;
  padding: 1rem; }
  @media all and (min-width: 768px) {
    #instafeed a {
      flex-basis: 25%; } }

.parallax__secondary-element,
.parallax__element {
  transform-origin: center center; }

.parallax__secondary-element.inactive,
.parallax__element.inactive {
  transform: translate(0, 0) !important;
  transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.sanctioned-events-message {
  background: rgba(135, 149, 161, 0.5);
  border: 1px solid #8795A1;
  padding: .2rem;
  text-align: center;
  margin-bottom: 1rem; }

.event-key {
  padding: 2rem 0;
  display: flex;
  justify-content: center; }

.event-key__item {
  padding: 0 1rem;
  text-align: center; }

.event-key__icon {
  display: block;
  width: 50px;
  margin: 0 auto .25rem auto; }

.carousel--custom ul.slides {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; }

.carousel__title {
  text-transform: uppercase;
  color: #0072BC;
  font-size: 2rem;
  line-height: 2.25rem;
  margin-top: 0;
  text-align: center; }

.carousel--custom {
  margin: 5rem auto 10rem auto;
  border: 0;
  border-radius: 0;
  background: url("/wp-content/themes/p400/assets/img/raw/highlights-paint-stain.png") center center/contain no-repeat; }

.carousel__item {
  text-align: center;
  background: #fff;
  background: rgba(255, 255, 255, 0.75);
  box-shadow: 1px 1px 1px rgba(34, 41, 47, 0.25); }

.carousel__image-link {
  display: block;
  position: relative;
  z-index: 1; }
  .carousel__image-link:hover .carousel__headline-wrapper, .carousel__image-link:active .carousel__headline-wrapper, .carousel__image-link:focus .carousel__headline-wrapper {
    background: #22292F;
    background: rgba(34, 41, 47, 0.75); }

.carousel__headline-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0.5rem;
  background: #0072BC;
  background: rgba(0, 114, 188, 0.75); }

.carousel__headline {
  margin: 0;
  color: #fff; }

.carousel__description {
  padding: 1rem; }

.button.carousel__link, .nav-links .nav-previous a.carousel__link,
.nav-links .nav-next a.carousel__link, .highlight__item > a.carousel__link, .map__item > a.carousel__link, .carousel__link.alerts__link {
  background: #fff;
  border: 1px solid #0072BC;
  color: #0072BC;
  justify-self: flex-end;
  margin-top: auto; }
  .button.carousel__link:hover, .nav-links .nav-previous a.carousel__link:hover,
  .nav-links .nav-next a.carousel__link:hover, .highlight__item > a.carousel__link:hover, .map__item > a.carousel__link:hover, .carousel__link.alerts__link:hover, .button.carousel__link:active, .nav-links .nav-previous a.carousel__link:active,
  .nav-links .nav-next a.carousel__link:active, .highlight__item > a.carousel__link:active, .map__item > a.carousel__link:active, .carousel__link.alerts__link:active, .button.carousel__link:focus, .nav-links .nav-previous a.carousel__link:focus,
  .nav-links .nav-next a.carousel__link:focus, .highlight__item > a.carousel__link:focus, .map__item > a.carousel__link:focus, .carousel__link.alerts__link:focus {
    background: #0072BC;
    color: #fff; }

.flexslider--testimonials {
  border: none;
  border-radius: 0px; }

blockquote.testimonial {
  margin: 1rem auto;
  border: none;
  padding: 0;
  background: none;
  text-align: center; }
  blockquote.testimonial p {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #005991; }
    @media all and (min-width: 768px) {
      blockquote.testimonial p {
        font-size: 2rem;
        line-height: 2.5rem; } }

.testimonial__footer {
  color: #8795A1;
  margin-top: 1rem;
  font-style: normal; }

#mc_embed_signup {
  margin: 2rem auto;
  padding: 2rem 0;
  text-align: center;
  border-bottom: 1px solid #fff;
  color: #fff; }
  #mc_embed_signup .asterisk {
    color: #D34527; }
  #mc_embed_signup h2 {
    color: #fff;
    margin-bottom: 2rem; }

#mc-embedded-subscribe-form {
  max-width: 768px;
  margin: 0 auto; }

#mc_embed_signup_scroll {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem; }

.mc-field-group {
  flex: 3;
  padding-left: 1rem; }

#mc-embedded-subscribe {
  margin-top: 0;
  margin-bottom: 0;
  flex: 1;
  align-self: stretch;
  background: #005991; }
  #mc-embedded-subscribe:hover, #mc-embedded-subscribe:active, #mc-embedded-subscribe:focus {
    background: #22292F;
    cursor: pointer; }

#mce-EMAIL {
  border-radius: 0; }

.events_archive_widget {
  text-align: center; }

.partners_menu__label {
  color: #fff;
  font-size: 0.7rem;
  padding-right: .25rem; }

.partners_menu__label.partners_menu__label--desktop {
  display: none; }
  @media all and (min-width: 992px) {
    .partners_menu__label.partners_menu__label--desktop {
      display: block; } }

.partners_menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin: 0 -.25rem; }

.partners_menu.partners_menu--mobile {
  justify-content: flex-end; }

.partners_menu li {
  padding: 0 .25rem; }

.partners_menu li a {
  display: block;
  color: #fff;
  width: 16px;
  height: 12px;
  text-indent: -99999px; }

.partners_menu li.flag--uk a {
  background: url("/wp-content/themes/p400/assets/img/ukFlag.png") center center no-repeat; }

.partners_menu li.flag--netherlands a {
  background: url("/wp-content/themes/p400/assets/img/nlFlag.png") center center no-repeat; }

.partners_menu li.flag--us a {
  background: url("/wp-content/themes/p400/assets/img/usFlag.png") center center no-repeat; }

.partners_menu__mobile-row {
  justify-content: center !important; }

.partners_menu__mobile-container {
  display: flex;
  justify-content: center;
  align-items: center; }

/*# sourceMappingURL=style.css.map */
