/*
 * # Semantic UI - 2.2.7
 * https://github.com/Semantic-Org/Semantic-UI
 * http://www.semantic-ui.com/
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*@import url('https://fonts.googleapis.com/css?family=Quicksand:400,700&subset=latin');*/
/*!
 * # Semantic UI 2.2.7 - Reset
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
             Reset
*******************************/

/* Border-Box */

*,
*:before,
*:after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/* iPad Input Shadows */

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  /* mobile firefox too! */
}

/*******************************
         Theme Overrides
*******************************/

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

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

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

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

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

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

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

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

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

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

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

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

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

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

[hidden],
template {
  display: none;
}

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

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

a {
  background: transparent;
}

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

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

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

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

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

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

b,
strong {
  font-weight: bold;
}

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

dfn {
  font-style: italic;
}

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

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

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

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

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

small {
  font-size: 80%;
}

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

img {
  border: 0;
}

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

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

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

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

figure {
  margin: 1em 40px;
}

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

hr {
  height: 0;
}

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

pre {
  overflow: auto;
}

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

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

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

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

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

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

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

button {
  overflow: visible;
}

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

button,
select {
  text-transform: none;
}

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

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

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

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

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

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

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

input {
  line-height: normal;
}

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

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

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

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
}

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

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

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

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

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

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

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

textarea {
  overflow: auto;
}

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

optgroup {
  font-weight: bold;
}

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

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

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

td,
th {
  padding: 0;
}

/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.7 - Site
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
             Page
*******************************/

html,
body {
  height: 100%;
}

html {
  font-size: 14px;
}

body {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  min-width: 320px;
  background: #FFFFFF;
  font-family: 'Quicksand', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.4285em;
  color: rgba(0, 0, 0, 0.87);
  font-smoothing: antialiased;
}

/*******************************
             Headers
*******************************/

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Quicksand', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  line-height: 1.2857em;
  margin: calc(2rem -  0.14285em ) 0em 1rem;
  font-weight: bold;
  padding: 0em;
}

h1 {
  min-height: 1rem;
  font-size: 2rem;
}

h2 {
  font-size: 1.714rem;
}

h3 {
  font-size: 1.28rem;
}

h4 {
  font-size: 1.071rem;
}

h5 {
  font-size: 1rem;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0em;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
  margin-bottom: 0em;
}

/*******************************
             Text
*******************************/

p {
  margin: 0em 0em 1em;
  line-height: 1.4285em;
}

p:first-child {
  margin-top: 0em;
}

p:last-child {
  margin-bottom: 0em;
}

/*-------------------
        Links
--------------------*/

a {
  color: #4183C4;
  text-decoration: none;
}

a:hover {
  color: #1e70bf;
  text-decoration: none;
}

/*******************************
          Highlighting
*******************************/

/* Site */

::-webkit-selection {
  background-color: #CCE2FF;
  color: rgba(0, 0, 0, 0.87);
}

::-moz-selection {
  background-color: #CCE2FF;
  color: rgba(0, 0, 0, 0.87);
}

::selection {
  background-color: #CCE2FF;
  color: rgba(0, 0, 0, 0.87);
}

/* Form */

textarea::-webkit-selection,
input::-webkit-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}

textarea::-moz-selection,
input::-moz-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}

textarea::selection,
input::selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}

/*******************************
        Global Overrides
*******************************/

/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.7 - Container
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Container
*******************************/

/* All Sizes */

.ui.container {
  display: block;
  max-width: 100% !important;
}

/* Mobile */

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

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

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

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

/* Tablet */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.container {
    width: 723px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

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

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

  .ui.very.relaxed.grid.container {
    width: calc( 723px  +  5rem ) !important;
  }
}

/* Small Monitor */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui.container {
    width: 933px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

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

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

  .ui.very.relaxed.grid.container {
    width: calc( 933px  +  5rem ) !important;
  }
}

/* Large Monitor */

@media only screen and (min-width: 1200px) {
  .ui.container {
    width: 1127px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

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

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

  .ui.very.relaxed.grid.container {
    width: calc( 1127px  +  5rem ) !important;
  }
}

/*******************************
             Types
*******************************/

/* Text Container */

.ui.text.container {
  font-family: 'Quicksand', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  max-width: 700px !important;
  line-height: 1.5;
}

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

/* Fluid */

.ui.fluid.container {
  width: 100%;
}

/*******************************
           Variations
*******************************/

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

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

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

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

/*******************************
         Theme Overrides
*******************************/

/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.7 - Header
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Header
*******************************/

/* Standard */

.ui.header {
  border: none;
  margin: calc(2rem -  0.14285em ) 0em 1rem;
  padding: 0em 0em;
  font-family: 'Quicksand', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.2857em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
}

.ui.header:first-child {
  margin-top: -0.14285em;
}

.ui.header:last-child {
  margin-bottom: 0em;
}

/*--------------
   Sub Header
---------------*/

.ui.header .sub.header {
  display: block;
  font-weight: normal;
  padding: 0em;
  margin: 0em;
  font-size: 1rem;
  line-height: 1.2em;
  color: rgba(0, 0, 0, 0.6);
}

/*--------------
      Icon
---------------*/

.ui.header > .icon {
  display: table-cell;
  opacity: 1;
  font-size: 1.5em;
  padding-top: 0.14285em;
  vertical-align: middle;
}

/* With Text Node */

.ui.header .icon:only-child {
  display: inline-block;
  padding: 0em;
  margin-right: 0.75rem;
}

/*-------------------
        Image
--------------------*/

.ui.header > .image,
.ui.header > img {
  display: inline-block;
  margin-top: 0.14285em;
  width: 2.5em;
  height: auto;
  vertical-align: middle;
}

.ui.header > .image:only-child,
.ui.header > img:only-child {
  margin-right: 0.75rem;
}

/*--------------
     Content
---------------*/

.ui.header .content {
  display: inline-block;
  vertical-align: top;
}

/* After Image */

.ui.header > img + .content,
.ui.header > .image + .content {
  padding-left: 0.75rem;
  vertical-align: middle;
}

/* After Icon */

.ui.header > .icon + .content {
  padding-left: 0.75rem;
  display: table-cell;
  vertical-align: middle;
}

/*--------------
 Loose Coupling
---------------*/

.ui.header .ui.label {
  font-size: '';
  margin-left: 0.5rem;
  vertical-align: middle;
}

/* Positioning */

.ui.header + p {
  margin-top: 0em;
}

/*******************************
            Types
*******************************/

/*--------------
     Page
---------------*/

h1.ui.header {
  font-size: 2rem;
}

h2.ui.header {
  font-size: 1.714rem;
}

h3.ui.header {
  font-size: 1.28rem;
}

h4.ui.header {
  font-size: 1.071rem;
}

h5.ui.header {
  font-size: 1rem;
}

/* Sub Header */

h1.ui.header .sub.header {
  font-size: 1.14285714rem;
}

h2.ui.header .sub.header {
  font-size: 1.14285714rem;
}

h3.ui.header .sub.header {
  font-size: 1rem;
}

h4.ui.header .sub.header {
  font-size: 1rem;
}

h5.ui.header .sub.header {
  font-size: 0.92857143rem;
}

/*--------------
 Content Heading
---------------*/

.ui.huge.header {
  min-height: 1em;
  font-size: 2em;
}

.ui.large.header {
  font-size: 1.714em;
}

.ui.medium.header {
  font-size: 1.28em;
}

.ui.small.header {
  font-size: 1.071em;
}

.ui.tiny.header {
  font-size: 1em;
}

/* Sub Header */

.ui.huge.header .sub.header {
  font-size: 1.14285714rem;
}

.ui.large.header .sub.header {
  font-size: 1.14285714rem;
}

.ui.header .sub.header {
  font-size: 1rem;
}

.ui.small.header .sub.header {
  font-size: 1rem;
}

.ui.tiny.header .sub.header {
  font-size: 0.92857143rem;
}

/*--------------
   Sub Heading
---------------*/

.ui.sub.header {
  padding: 0em;
  margin-bottom: 0.14285714rem;
  font-weight: bold;
  font-size: 0.85714286em;
  text-transform: uppercase;
  color: '';
}

.ui.small.sub.header {
  font-size: 0.78571429em;
}

.ui.sub.header {
  font-size: 0.85714286em;
}

.ui.large.sub.header {
  font-size: 0.92857143em;
}

.ui.huge.sub.header {
  font-size: 1em;
}

/*-------------------
        Icon
--------------------*/

.ui.icon.header {
  display: inline-block;
  text-align: center;
  margin: 2rem 0em 1rem;
}

.ui.icon.header:after {
  content: '';
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

.ui.icon.header:first-child {
  margin-top: 0em;
}

.ui.icon.header .icon {
  float: none;
  display: block;
  width: auto;
  height: auto;
  line-height: 1;
  padding: 0em;
  font-size: 3em;
  margin: 0em auto 0.5rem;
  opacity: 1;
}

.ui.icon.header .content {
  display: block;
  padding: 0em;
}

.ui.icon.header .circular.icon {
  font-size: 2em;
}

.ui.icon.header .square.icon {
  font-size: 2em;
}

.ui.block.icon.header .icon {
  margin-bottom: 0em;
}

.ui.icon.header.aligned {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/*******************************
            States
*******************************/

.ui.disabled.header {
  opacity: 0.45;
}

/*******************************
           Variations
*******************************/

/*-------------------
      Inverted
--------------------*/

.ui.inverted.header {
  color: #FFFFFF;
}

.ui.inverted.header .sub.header {
  color: rgba(255, 255, 255, 0.8);
}

.ui.inverted.attached.header {
  background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  box-shadow: none;
  border-color: transparent;
}

.ui.inverted.block.header {
  background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  box-shadow: none;
}

.ui.inverted.block.header {
  border-bottom: none;
}

/*-------------------
       Colors
--------------------*/

/*--- Red ---*/

.ui.red.header {
  color: #DB2828 !important;
}

a.ui.red.header:hover {
  color: #d01919 !important;
}

.ui.red.dividing.header {
  border-bottom: 2px solid #DB2828;
}

/* Inverted */

.ui.inverted.red.header {
  color: #FF695E !important;
}

a.ui.inverted.red.header:hover {
  color: #ff5144 !important;
}

/*--- Orange ---*/

.ui.orange.header {
  color: #F2711C !important;
}

a.ui.orange.header:hover {
  color: #f26202 !important;
}

.ui.orange.dividing.header {
  border-bottom: 2px solid #F2711C;
}

/* Inverted */

.ui.inverted.orange.header {
  color: #FF851B !important;
}

a.ui.inverted.orange.header:hover {
  color: #ff7701 !important;
}

/*--- Olive ---*/

.ui.olive.header {
  color: #B5CC18 !important;
}

a.ui.olive.header:hover {
  color: #a7bd0d !important;
}

.ui.olive.dividing.header {
  border-bottom: 2px solid #B5CC18;
}

/* Inverted */

.ui.inverted.olive.header {
  color: #D9E778 !important;
}

a.ui.inverted.olive.header:hover {
  color: #d8ea5c !important;
}

/*--- Yellow ---*/

.ui.yellow.header {
  color: #FBBD08 !important;
}

a.ui.yellow.header:hover {
  color: #eaae00 !important;
}

.ui.yellow.dividing.header {
  border-bottom: 2px solid #FBBD08;
}

/* Inverted */

.ui.inverted.yellow.header {
  color: #FFE21F !important;
}

a.ui.inverted.yellow.header:hover {
  color: #ffdf05 !important;
}

/*--- Green ---*/

.ui.green.header {
  color: #21BA45 !important;
}

a.ui.green.header:hover {
  color: #16ab39 !important;
}

.ui.green.dividing.header {
  border-bottom: 2px solid #21BA45;
}

/* Inverted */

.ui.inverted.green.header {
  color: #2ECC40 !important;
}

a.ui.inverted.green.header:hover {
  color: #22be34 !important;
}

/*--- Teal ---*/

.ui.teal.header {
  color: #00B5AD !important;
}

a.ui.teal.header:hover {
  color: #009c95 !important;
}

.ui.teal.dividing.header {
  border-bottom: 2px solid #00B5AD;
}

/* Inverted */

.ui.inverted.teal.header {
  color: #6DFFFF !important;
}

a.ui.inverted.teal.header:hover {
  color: #54ffff !important;
}

/*--- Blue ---*/

.ui.blue.header {
  color: #2185D0 !important;
}

a.ui.blue.header:hover {
  color: #1678c2 !important;
}

.ui.blue.dividing.header {
  border-bottom: 2px solid #2185D0;
}

/* Inverted */

.ui.inverted.blue.header {
  color: #54C8FF !important;
}

a.ui.inverted.blue.header:hover {
  color: #3ac0ff !important;
}

/*--- Violet ---*/

.ui.violet.header {
  color: #6435C9 !important;
}

a.ui.violet.header:hover {
  color: #5829bb !important;
}

.ui.violet.dividing.header {
  border-bottom: 2px solid #6435C9;
}

/* Inverted */

.ui.inverted.violet.header {
  color: #A291FB !important;
}

a.ui.inverted.violet.header:hover {
  color: #8a73ff !important;
}

/*--- Purple ---*/

.ui.purple.header {
  color: #A333C8 !important;
}

a.ui.purple.header:hover {
  color: #9627ba !important;
}

.ui.purple.dividing.header {
  border-bottom: 2px solid #A333C8;
}

/* Inverted */

.ui.inverted.purple.header {
  color: #DC73FF !important;
}

a.ui.inverted.purple.header:hover {
  color: #d65aff !important;
}

/*--- Pink ---*/

.ui.pink.header {
  color: #E03997 !important;
}

a.ui.pink.header:hover {
  color: #e61a8d !important;
}

.ui.pink.dividing.header {
  border-bottom: 2px solid #E03997;
}

/* Inverted */

.ui.inverted.pink.header {
  color: #FF8EDF !important;
}

a.ui.inverted.pink.header:hover {
  color: #ff74d8 !important;
}

/*--- Brown ---*/

.ui.brown.header {
  color: #A5673F !important;
}

a.ui.brown.header:hover {
  color: #975b33 !important;
}

.ui.brown.dividing.header {
  border-bottom: 2px solid #A5673F;
}

/* Inverted */

.ui.inverted.brown.header {
  color: #D67C1C !important;
}

a.ui.inverted.brown.header:hover {
  color: #c86f11 !important;
}

/*--- Grey ---*/

.ui.grey.header {
  color: #767676 !important;
}

a.ui.grey.header:hover {
  color: #838383 !important;
}

.ui.grey.dividing.header {
  border-bottom: 2px solid #767676;
}

/* Inverted */

.ui.inverted.grey.header {
  color: #DCDDDE !important;
}

a.ui.inverted.grey.header:hover {
  color: #cfd0d2 !important;
}

/*-------------------
       Aligned
--------------------*/

.ui.left.aligned.header {
  text-align: left;
}

.ui.right.aligned.header {
  text-align: right;
}

.ui.centered.header,
.ui.center.aligned.header {
  text-align: center;
}

.ui.justified.header {
  text-align: justify;
}

.ui.justified.header:after {
  display: inline-block;
  content: '';
  width: 100%;
}

/*-------------------
       Floated
--------------------*/

.ui.floated.header,
.ui[class*="left floated"].header {
  float: left;
  margin-top: 0em;
  margin-right: 0.5em;
}

.ui[class*="right floated"].header {
  float: right;
  margin-top: 0em;
  margin-left: 0.5em;
}

/*-------------------
       Fitted
--------------------*/

.ui.fitted.header {
  padding: 0em;
}

/*-------------------
      Dividing
--------------------*/

.ui.dividing.header {
  padding-bottom: 0.21428571rem;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.dividing.header .sub.header {
  padding-bottom: 0.21428571rem;
}

.ui.dividing.header .icon {
  margin-bottom: 0em;
}

.ui.inverted.dividing.header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

/*-------------------
        Block
--------------------*/

.ui.block.header {
  background: #F3F4F5;
  padding: 0.78571429rem 1rem;
  box-shadow: none;
  border: 1px solid #D4D4D5;
  border-radius: 0.28571429rem;
}

.ui.tiny.block.header {
  font-size: 0.85714286rem;
}

.ui.small.block.header {
  font-size: 0.92857143rem;
}

.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1rem;
}

.ui.large.block.header {
  font-size: 1.14285714rem;
}

.ui.huge.block.header {
  font-size: 1.42857143rem;
}

/*-------------------
       Attached
--------------------*/

.ui.attached.header {
  background: #FFFFFF;
  padding: 0.78571429rem 1rem;
  margin-left: -1px;
  margin-right: -1px;
  box-shadow: none;
  border: 1px solid #D4D4D5;
}

.ui.attached.block.header {
  background: #F3F4F5;
}

.ui.attached:not(.top):not(.bottom).header {
  margin-top: 0em;
  margin-bottom: 0em;
  border-top: none;
  border-radius: 0em;
}

.ui.top.attached.header {
  margin-bottom: 0em;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

.ui.bottom.attached.header {
  margin-top: 0em;
  border-top: none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

/* Attached Sizes */

.ui.tiny.attached.header {
  font-size: 0.85714286em;
}

.ui.small.attached.header {
  font-size: 0.92857143em;
}

.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1em;
}

.ui.large.attached.header {
  font-size: 1.14285714em;
}

.ui.huge.attached.header {
  font-size: 1.42857143em;
}

/*-------------------
        Sizing
--------------------*/

.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1.28em;
}

/*******************************
         Theme Overrides
*******************************/

/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.7 - Icon
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
             Icon
*******************************/

@font-face {
  font-family: 'Icons';
  src: url(static/fonts/icons.25a3241.eot);
  src: url(static/fonts/icons.25a3241.eot?#iefix) format('embedded-opentype'), url(static/fonts/icons.e6cf7c6.woff2) format('woff2'), url(static/fonts/icons.c8ddf1e.woff) format('woff'), url(static/fonts/icons.1dc35d2.ttf) format('truetype'), url(static/img/icons.d7c6390.svg#icons) format('svg');
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}

i.icon {
  display: inline-block;
  opacity: 1;
  margin: 0em 0.25rem 0em 0em;
  width: 1.18em;
  height: 1em;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

i.icon:before {
  background: none !important;
}

/*******************************
             Types
*******************************/

/*--------------
    Loading
---------------*/

i.icon.loading {
  height: 1em;
  line-height: 1;
  -webkit-animation: icon-loading 2s linear infinite;
  animation: icon-loading 2s linear infinite;
}

@-webkit-keyframes icon-loading {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes icon-loading {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*******************************
             States
*******************************/

i.icon.hover {
  opacity: 1 !important;
}

i.icon.active {
  opacity: 1 !important;
}

i.emphasized.icon {
  opacity: 1 !important;
}

i.disabled.icon {
  opacity: 0.45 !important;
}

/*******************************
           Variations
*******************************/

/*-------------------
        Fitted
--------------------*/

i.fitted.icon {
  width: auto;
  margin: 0em;
}

/*-------------------
         Link
--------------------*/

i.link.icon,
i.link.icons {
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

i.link.icon:hover,
i.link.icons:hover {
  opacity: 1 !important;
}

/*-------------------
      Circular
--------------------*/

i.circular.icon {
  border-radius: 500em !important;
  line-height: 1 !important;
  padding: 0.5em 0.5em !important;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  width: 2em !important;
  height: 2em !important;
}

i.circular.inverted.icon {
  border: none;
  box-shadow: none;
}

/*-------------------
      Flipped
--------------------*/

i.flipped.icon,
i.horizontally.flipped.icon {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

i.vertically.flipped.icon {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

/*-------------------
      Rotated
--------------------*/

i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

i.left.rotated.icon,
i.counterclockwise.rotated.icon {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/*-------------------
      Bordered
--------------------*/

i.bordered.icon {
  line-height: 1;
  vertical-align: baseline;
  width: 2em;
  height: 2em;
  padding: 0.5em 0.41em !important;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
}

i.bordered.inverted.icon {
  border: none;
  box-shadow: none;
}

/*-------------------
      Inverted
--------------------*/

/* Inverted Shapes */

i.inverted.bordered.icon,
i.inverted.circular.icon {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}

i.inverted.icon {
  color: #FFFFFF;
}

/*-------------------
       Colors
--------------------*/

/* Red */

i.red.icon {
  color: #DB2828 !important;
}

i.inverted.red.icon {
  color: #FF695E !important;
}

i.inverted.bordered.red.icon,
i.inverted.circular.red.icon {
  background-color: #DB2828 !important;
  color: #FFFFFF !important;
}

/* Orange */

i.orange.icon {
  color: #F2711C !important;
}

i.inverted.orange.icon {
  color: #FF851B !important;
}

i.inverted.bordered.orange.icon,
i.inverted.circular.orange.icon {
  background-color: #F2711C !important;
  color: #FFFFFF !important;
}

/* Yellow */

i.yellow.icon {
  color: #FBBD08 !important;
}

i.inverted.yellow.icon {
  color: #FFE21F !important;
}

i.inverted.bordered.yellow.icon,
i.inverted.circular.yellow.icon {
  background-color: #FBBD08 !important;
  color: #FFFFFF !important;
}

/* Olive */

i.olive.icon {
  color: #B5CC18 !important;
}

i.inverted.olive.icon {
  color: #D9E778 !important;
}

i.inverted.bordered.olive.icon,
i.inverted.circular.olive.icon {
  background-color: #B5CC18 !important;
  color: #FFFFFF !important;
}

/* Green */

i.green.icon {
  color: #21BA45 !important;
}

i.inverted.green.icon {
  color: #2ECC40 !important;
}

i.inverted.bordered.green.icon,
i.inverted.circular.green.icon {
  background-color: #21BA45 !important;
  color: #FFFFFF !important;
}

/* Teal */

i.teal.icon {
  color: #00B5AD !important;
}

i.inverted.teal.icon {
  color: #6DFFFF !important;
}

i.inverted.bordered.teal.icon,
i.inverted.circular.teal.icon {
  background-color: #00B5AD !important;
  color: #FFFFFF !important;
}

/* Blue */

i.blue.icon {
  color: #2185D0 !important;
}

i.inverted.blue.icon {
  color: #54C8FF !important;
}

i.inverted.bordered.blue.icon,
i.inverted.circular.blue.icon {
  background-color: #2185D0 !important;
  color: #FFFFFF !important;
}

/* Violet */

i.violet.icon {
  color: #6435C9 !important;
}

i.inverted.violet.icon {
  color: #A291FB !important;
}

i.inverted.bordered.violet.icon,
i.inverted.circular.violet.icon {
  background-color: #6435C9 !important;
  color: #FFFFFF !important;
}

/* Purple */

i.purple.icon {
  color: #A333C8 !important;
}

i.inverted.purple.icon {
  color: #DC73FF !important;
}

i.inverted.bordered.purple.icon,
i.inverted.circular.purple.icon {
  background-color: #A333C8 !important;
  color: #FFFFFF !important;
}

/* Pink */

i.pink.icon {
  color: #E03997 !important;
}

i.inverted.pink.icon {
  color: #FF8EDF !important;
}

i.inverted.bordered.pink.icon,
i.inverted.circular.pink.icon {
  background-color: #E03997 !important;
  color: #FFFFFF !important;
}

/* Brown */

i.brown.icon {
  color: #A5673F !important;
}

i.inverted.brown.icon {
  color: #D67C1C !important;
}

i.inverted.bordered.brown.icon,
i.inverted.circular.brown.icon {
  background-color: #A5673F !important;
  color: #FFFFFF !important;
}

/* Grey */

i.grey.icon {
  color: #767676 !important;
}

i.inverted.grey.icon {
  color: #DCDDDE !important;
}

i.inverted.bordered.grey.icon,
i.inverted.circular.grey.icon {
  background-color: #767676 !important;
  color: #FFFFFF !important;
}

/* Black */

i.black.icon {
  color: #1B1C1D !important;
}

i.inverted.black.icon {
  color: #545454 !important;
}

i.inverted.bordered.black.icon,
i.inverted.circular.black.icon {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}

/*-------------------
        Sizes
--------------------*/

i.mini.icon,
i.mini.icons {
  line-height: 1;
  font-size: 0.4em;
}

i.tiny.icon,
i.tiny.icons {
  line-height: 1;
  font-size: 0.5em;
}

i.small.icon,
i.small.icons {
  line-height: 1;
  font-size: 0.75em;
}

i.icon,
i.icons {
  font-size: 1em;
}

i.large.icon,
i.large.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 1.5em;
}

i.big.icon,
i.big.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 2em;
}

i.huge.icon,
i.huge.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 4em;
}

i.massive.icon,
i.massive.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 8em;
}

/*******************************
            Groups
*******************************/

i.icons {
  display: inline-block;
  position: relative;
  line-height: 1;
}

i.icons .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  margin: 0em;
  margin: 0;
}

i.icons .icon:first-child {
  position: static;
  width: auto;
  height: auto;
  vertical-align: top;
  -webkit-transform: none;
  transform: none;
  margin-right: 0.25rem;
}

/* Corner Icon */

i.icons .corner.icon {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transform: none;
  transform: none;
  font-size: 0.45em;
  text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
}

i.icons .inverted.corner.icon {
  text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
}

/*
 * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/*******************************

Semantic-UI integration of font-awesome :

///class names are separated
i.icon.circle => i.icon.circle
i.icon.circle-o => i.icon.circle.outline

//abbreviation are replaced by full letters:
i.icon.ellipsis-h => i.icon.ellipsis.horizontal
i.icon.ellipsis-v => i.icon.ellipsis.vertical
.alpha => .i.icon.alphabet
.asc => .i.icon.ascending
.desc => .i.icon.descending
.alt =>.alternate

ASCII order is conserved for easier maintenance.

Icons that only have one style 'outline', 'square' etc do not require this class
for instance `lemon icon` not `lemon outline icon` since there is only one lemon

*******************************/

/*******************************
            Icons
*******************************/

/* Web Content */

i.icon.search:before {
  content: "\F002";
}

i.icon.mail.outline:before {
  content: "\F003";
}

i.icon.signal:before {
  content: "\F012";
}

i.icon.setting:before {
  content: "\F013";
}

i.icon.home:before {
  content: "\F015";
}

i.icon.inbox:before {
  content: "\F01C";
}

i.icon.browser:before {
  content: "\F022";
}

i.icon.tag:before {
  content: "\F02B";
}

i.icon.tags:before {
  content: "\F02C";
}

i.icon.image:before {
  content: "\F03E";
}

i.icon.calendar:before {
  content: "\F073";
}

i.icon.comment:before {
  content: "\F075";
}

i.icon.shop:before {
  content: "\F07A";
}

i.icon.comments:before {
  content: "\F086";
}

i.icon.external:before {
  content: "\F08E";
}

i.icon.privacy:before {
  content: "\F084";
}

i.icon.settings:before {
  content: "\F085";
}

i.icon.comments:before {
  content: "\F086";
}

i.icon.external:before {
  content: "\F08E";
}

i.icon.trophy:before {
  content: "\F091";
}

i.icon.payment:before {
  content: "\F09D";
}

i.icon.feed:before {
  content: "\F09E";
}

i.icon.alarm.outline:before {
  content: "\F0A2";
}

i.icon.tasks:before {
  content: "\F0AE";
}

i.icon.cloud:before {
  content: "\F0C2";
}

i.icon.lab:before {
  content: "\F0C3";
}

i.icon.mail:before {
  content: "\F0E0";
}

i.icon.dashboard:before {
  content: "\F0E4";
}

i.icon.comment.outline:before {
  content: "\F0E5";
}

i.icon.comments.outline:before {
  content: "\F0E6";
}

i.icon.sitemap:before {
  content: "\F0E8";
}

i.icon.idea:before {
  content: "\F0EB";
}

i.icon.alarm:before {
  content: "\F0F3";
}

i.icon.terminal:before {
  content: "\F120";
}

i.icon.code:before {
  content: "\F121";
}

i.icon.protect:before {
  content: "\F132";
}

i.icon.calendar.outline:before {
  content: "\F133";
}

i.icon.ticket:before {
  content: "\F145";
}

i.icon.external.square:before {
  content: "\F14C";
}

i.icon.bug:before {
  content: "\F188";
}

i.icon.mail.square:before {
  content: "\F199";
}

i.icon.history:before {
  content: "\F1DA";
}

i.icon.options:before {
  content: "\F1DE";
}

i.icon.text.telephone:before {
  content: "\F1E4";
}

i.icon.find:before {
  content: "\F1E5";
}

i.icon.wifi:before {
  content: "\F1EB";
}

i.icon.alarm.mute:before {
  content: "\F1F6";
}

i.icon.alarm.mute.outline:before {
  content: "\F1F7";
}

i.icon.copyright:before {
  content: "\F1F9";
}

i.icon.at:before {
  content: "\F1FA";
}

i.icon.eyedropper:before {
  content: "\F1FB";
}

i.icon.paint.brush:before {
  content: "\F1FC";
}

i.icon.heartbeat:before {
  content: "\F21E";
}

i.icon.mouse.pointer:before {
  content: "\F245";
}

i.icon.hourglass.empty:before {
  content: "\F250";
}

i.icon.hourglass.start:before {
  content: "\F251";
}

i.icon.hourglass.half:before {
  content: "\F252";
}

i.icon.hourglass.end:before {
  content: "\F253";
}

i.icon.hourglass.full:before {
  content: "\F254";
}

i.icon.hand.pointer:before {
  content: "\F25A";
}

i.icon.trademark:before {
  content: "\F25C";
}

i.icon.registered:before {
  content: "\F25D";
}

i.icon.creative.commons:before {
  content: "\F25E";
}

i.icon.add.to.calendar:before {
  content: "\F271";
}

i.icon.remove.from.calendar:before {
  content: "\F272";
}

i.icon.delete.calendar:before {
  content: "\F273";
}

i.icon.checked.calendar:before {
  content: "\F274";
}

i.icon.industry:before {
  content: "\F275";
}

i.icon.shopping.bag:before {
  content: "\F290";
}

i.icon.shopping.basket:before {
  content: "\F291";
}

i.icon.hashtag:before {
  content: "\F292";
}

i.icon.percent:before {
  content: "\F295";
}

/* User Actions */

i.icon.wait:before {
  content: "\F017";
}

i.icon.download:before {
  content: "\F019";
}

i.icon.repeat:before {
  content: "\F01E";
}

i.icon.refresh:before {
  content: "\F021";
}

i.icon.lock:before {
  content: "\F023";
}

i.icon.bookmark:before {
  content: "\F02E";
}

i.icon.print:before {
  content: "\F02F";
}

i.icon.write:before {
  content: "\F040";
}

i.icon.adjust:before {
  content: "\F042";
}

i.icon.theme:before {
  content: "\F043";
}

i.icon.edit:before {
  content: "\F044";
}

i.icon.external.share:before {
  content: "\F045";
}

i.icon.ban:before {
  content: "\F05E";
}

i.icon.mail.forward:before {
  content: "\F064";
}

i.icon.share:before {
  content: "\F064";
}

i.icon.expand:before {
  content: "\F065";
}

i.icon.compress:before {
  content: "\F066";
}

i.icon.unhide:before {
  content: "\F06E";
}

i.icon.hide:before {
  content: "\F070";
}

i.icon.random:before {
  content: "\F074";
}

i.icon.retweet:before {
  content: "\F079";
}

i.icon.sign.out:before {
  content: "\F08B";
}

i.icon.pin:before {
  content: "\F08D";
}

i.icon.sign.in:before {
  content: "\F090";
}

i.icon.upload:before {
  content: "\F093";
}

i.icon.call:before {
  content: "\F095";
}

i.icon.remove.bookmark:before {
  content: "\F097";
}

i.icon.call.square:before {
  content: "\F098";
}

i.icon.unlock:before {
  content: "\F09C";
}

i.icon.configure:before {
  content: "\F0AD";
}

i.icon.filter:before {
  content: "\F0B0";
}

i.icon.wizard:before {
  content: "\F0D0";
}

i.icon.undo:before {
  content: "\F0E2";
}

i.icon.exchange:before {
  content: "\F0EC";
}

i.icon.cloud.download:before {
  content: "\F0ED";
}

i.icon.cloud.upload:before {
  content: "\F0EE";
}

i.icon.reply:before {
  content: "\F112";
}

i.icon.reply.all:before {
  content: "\F122";
}

i.icon.erase:before {
  content: "\F12D";
}

i.icon.unlock.alternate:before {
  content: "\F13E";
}

i.icon.write.square:before {
  content: "\F14B";
}

i.icon.share.square:before {
  content: "\F14D";
}

i.icon.archive:before {
  content: "\F187";
}

i.icon.translate:before {
  content: "\F1AB";
}

i.icon.recycle:before {
  content: "\F1B8";
}

i.icon.send:before {
  content: "\F1D8";
}

i.icon.send.outline:before {
  content: "\F1D9";
}

i.icon.share.alternate:before {
  content: "\F1E0";
}

i.icon.share.alternate.square:before {
  content: "\F1E1";
}

i.icon.add.to.cart:before {
  content: "\F217";
}

i.icon.in.cart:before {
  content: "\F218";
}

i.icon.add.user:before {
  content: "\F234";
}

i.icon.remove.user:before {
  content: "\F235";
}

i.icon.object.group:before {
  content: "\F247";
}

i.icon.object.ungroup:before {
  content: "\F248";
}

i.icon.clone:before {
  content: "\F24D";
}

i.icon.talk:before {
  content: "\F27A";
}

i.icon.talk.outline:before {
  content: "\F27B";
}

/* Messages */

i.icon.help.circle:before {
  content: "\F059";
}

i.icon.info.circle:before {
  content: "\F05A";
}

i.icon.warning.circle:before {
  content: "\F06A";
}

i.icon.warning.sign:before {
  content: "\F071";
}

i.icon.announcement:before {
  content: "\F0A1";
}

i.icon.help:before {
  content: "\F128";
}

i.icon.info:before {
  content: "\F129";
}

i.icon.warning:before {
  content: "\F12A";
}

i.icon.birthday:before {
  content: "\F1FD";
}

i.icon.help.circle.outline:before {
  content: "\F29C";
}

/* Users */

i.icon.user:before {
  content: "\F007";
}

i.icon.users:before {
  content: "\F0C0";
}

i.icon.doctor:before {
  content: "\F0F0";
}

i.icon.handicap:before {
  content: "\F193";
}

i.icon.student:before {
  content: "\F19D";
}

i.icon.child:before {
  content: "\F1AE";
}

i.icon.spy:before {
  content: "\F21B";
}

/* Gender & Sexuality */

i.icon.female:before {
  content: "\F182";
}

i.icon.male:before {
  content: "\F183";
}

i.icon.woman:before {
  content: "\F221";
}

i.icon.man:before {
  content: "\F222";
}

i.icon.non.binary.transgender:before {
  content: "\F223";
}

i.icon.intergender:before {
  content: "\F224";
}

i.icon.transgender:before {
  content: "\F225";
}

i.icon.lesbian:before {
  content: "\F226";
}

i.icon.gay:before {
  content: "\F227";
}

i.icon.heterosexual:before {
  content: "\F228";
}

i.icon.other.gender:before {
  content: "\F229";
}

i.icon.other.gender.vertical:before {
  content: "\F22A";
}

i.icon.other.gender.horizontal:before {
  content: "\F22B";
}

i.icon.neuter:before {
  content: "\F22C";
}

i.icon.genderless:before {
  content: "\F22D";
}

/* Accessibility */

i.icon.universal.access:before {
  content: "\F29A";
}

i.icon.wheelchair:before {
  content: "\F29B";
}

i.icon.blind:before {
  content: "\F29D";
}

i.icon.audio.description:before {
  content: "\F29E";
}

i.icon.volume.control.phone:before {
  content: "\F2A0";
}

i.icon.braille:before {
  content: "\F2A1";
}

i.icon.asl:before {
  content: "\F2A3";
}

i.icon.assistive.listening.systems:before {
  content: "\F2A2";
}

i.icon.deafness:before {
  content: "\F2A4";
}

i.icon.sign.language:before {
  content: "\F2A7";
}

i.icon.low.vision:before {
  content: "\F2A8";
}

/* View Adjustment */

i.icon.block.layout:before {
  content: "\F009";
}

i.icon.grid.layout:before {
  content: "\F00A";
}

i.icon.list.layout:before {
  content: "\F00B";
}

i.icon.zoom:before {
  content: "\F00E";
}

i.icon.zoom.out:before {
  content: "\F010";
}

i.icon.resize.vertical:before {
  content: "\F07D";
}

i.icon.resize.horizontal:before {
  content: "\F07E";
}

i.icon.maximize:before {
  content: "\F0B2";
}

i.icon.crop:before {
  content: "\F125";
}

/* Literal Objects */

i.icon.cocktail:before {
  content: "\F000";
}

i.icon.road:before {
  content: "\F018";
}

i.icon.flag:before {
  content: "\F024";
}

i.icon.book:before {
  content: "\F02D";
}

i.icon.gift:before {
  content: "\F06B";
}

i.icon.leaf:before {
  content: "\F06C";
}

i.icon.fire:before {
  content: "\F06D";
}

i.icon.plane:before {
  content: "\F072";
}

i.icon.magnet:before {
  content: "\F076";
}

i.icon.lemon:before {
  content: "\F094";
}

i.icon.world:before {
  content: "\F0AC";
}

i.icon.travel:before {
  content: "\F0B1";
}

i.icon.shipping:before {
  content: "\F0D1";
}

i.icon.money:before {
  content: "\F0D6";
}

i.icon.legal:before {
  content: "\F0E3";
}

i.icon.lightning:before {
  content: "\F0E7";
}

i.icon.umbrella:before {
  content: "\F0E9";
}

i.icon.treatment:before {
  content: "\F0F1";
}

i.icon.suitcase:before {
  content: "\F0F2";
}

i.icon.bar:before {
  content: "\F0FC";
}

i.icon.flag.outline:before {
  content: "\F11D";
}

i.icon.flag.checkered:before {
  content: "\F11E";
}

i.icon.puzzle:before {
  content: "\F12E";
}

i.icon.fire.extinguisher:before {
  content: "\F134";
}

i.icon.rocket:before {
  content: "\F135";
}

i.icon.anchor:before {
  content: "\F13D";
}

i.icon.bullseye:before {
  content: "\F140";
}

i.icon.sun:before {
  content: "\F185";
}

i.icon.moon:before {
  content: "\F186";
}

i.icon.fax:before {
  content: "\F1AC";
}

i.icon.life.ring:before {
  content: "\F1CD";
}

i.icon.bomb:before {
  content: "\F1E2";
}

i.icon.soccer:before {
  content: "\F1E3";
}

i.icon.calculator:before {
  content: "\F1EC";
}

i.icon.diamond:before {
  content: "\F219";
}

i.icon.sticky.note:before {
  content: "\F249";
}

i.icon.sticky.note.outline:before {
  content: "\F24A";
}

i.icon.law:before {
  content: "\F24E";
}

i.icon.hand.peace:before {
  content: "\F25B";
}

i.icon.hand.rock:before {
  content: "\F255";
}

i.icon.hand.paper:before {
  content: "\F256";
}

i.icon.hand.scissors:before {
  content: "\F257";
}

i.icon.hand.lizard:before {
  content: "\F258";
}

i.icon.hand.spock:before {
  content: "\F259";
}

i.icon.tv:before {
  content: "\F26C";
}

/* Shapes */

i.icon.crosshairs:before {
  content: "\F05B";
}

i.icon.asterisk:before {
  content: "\F069";
}

i.icon.square.outline:before {
  content: "\F096";
}

i.icon.certificate:before {
  content: "\F0A3";
}

i.icon.square:before {
  content: "\F0C8";
}

i.icon.quote.left:before {
  content: "\F10D";
}

i.icon.quote.right:before {
  content: "\F10E";
}

i.icon.spinner:before {
  content: "\F110";
}

i.icon.circle:before {
  content: "\F111";
}

i.icon.ellipsis.horizontal:before {
  content: "\F141";
}

i.icon.ellipsis.vertical:before {
  content: "\F142";
}

i.icon.cube:before {
  content: "\F1B2";
}

i.icon.cubes:before {
  content: "\F1B3";
}

i.icon.circle.notched:before {
  content: "\F1CE";
}

i.icon.circle.thin:before {
  content: "\F1DB";
}

/* Item Selection */

i.icon.checkmark:before {
  content: "\F00C";
}

i.icon.remove:before {
  content: "\F00D";
}

i.icon.checkmark.box:before {
  content: "\F046";
}

i.icon.move:before {
  content: "\F047";
}

i.icon.add.circle:before {
  content: "\F055";
}

i.icon.minus.circle:before {
  content: "\F056";
}

i.icon.remove.circle:before {
  content: "\F057";
}

i.icon.check.circle:before {
  content: "\F058";
}

i.icon.remove.circle.outline:before {
  content: "\F05C";
}

i.icon.check.circle.outline:before {
  content: "\F05D";
}

i.icon.plus:before {
  content: "\F067";
}

i.icon.minus:before {
  content: "\F068";
}

i.icon.add.square:before {
  content: "\F0FE";
}

i.icon.radio:before {
  content: "\F10C";
}

i.icon.minus.square:before {
  content: "\F146";
}

i.icon.minus.square.outline:before {
  content: "\F147";
}

i.icon.check.square:before {
  content: "\F14A";
}

i.icon.selected.radio:before {
  content: "\F192";
}

i.icon.plus.square.outline:before {
  content: "\F196";
}

i.icon.toggle.off:before {
  content: "\F204";
}

i.icon.toggle.on:before {
  content: "\F205";
}

/* Media */

i.icon.film:before {
  content: "\F008";
}

i.icon.sound:before {
  content: "\F025";
}

i.icon.photo:before {
  content: "\F030";
}

i.icon.bar.chart:before {
  content: "\F080";
}

i.icon.camera.retro:before {
  content: "\F083";
}

i.icon.newspaper:before {
  content: "\F1EA";
}

i.icon.area.chart:before {
  content: "\F1FE";
}

i.icon.pie.chart:before {
  content: "\F200";
}

i.icon.line.chart:before {
  content: "\F201";
}

/* Pointers */

i.icon.arrow.circle.outline.down:before {
  content: "\F01A";
}

i.icon.arrow.circle.outline.up:before {
  content: "\F01B";
}

i.icon.chevron.left:before {
  content: "\F053";
}

i.icon.chevron.right:before {
  content: "\F054";
}

i.icon.arrow.left:before {
  content: "\F060";
}

i.icon.arrow.right:before {
  content: "\F061";
}

i.icon.arrow.up:before {
  content: "\F062";
}

i.icon.arrow.down:before {
  content: "\F063";
}

i.icon.chevron.up:before {
  content: "\F077";
}

i.icon.chevron.down:before {
  content: "\F078";
}

i.icon.pointing.right:before {
  content: "\F0A4";
}

i.icon.pointing.left:before {
  content: "\F0A5";
}

i.icon.pointing.up:before {
  content: "\F0A6";
}

i.icon.pointing.down:before {
  content: "\F0A7";
}

i.icon.arrow.circle.left:before {
  content: "\F0A8";
}

i.icon.arrow.circle.right:before {
  content: "\F0A9";
}

i.icon.arrow.circle.up:before {
  content: "\F0AA";
}

i.icon.arrow.circle.down:before {
  content: "\F0AB";
}

i.icon.caret.down:before {
  content: "\F0D7";
}

i.icon.caret.up:before {
  content: "\F0D8";
}

i.icon.caret.left:before {
  content: "\F0D9";
}

i.icon.caret.right:before {
  content: "\F0DA";
}

i.icon.angle.double.left:before {
  content: "\F100";
}

i.icon.angle.double.right:before {
  content: "\F101";
}

i.icon.angle.double.up:before {
  content: "\F102";
}

i.icon.angle.double.down:before {
  content: "\F103";
}

i.icon.angle.left:before {
  content: "\F104";
}

i.icon.angle.right:before {
  content: "\F105";
}

i.icon.angle.up:before {
  content: "\F106";
}

i.icon.angle.down:before {
  content: "\F107";
}

i.icon.chevron.circle.left:before {
  content: "\F137";
}

i.icon.chevron.circle.right:before {
  content: "\F138";
}

i.icon.chevron.circle.up:before {
  content: "\F139";
}

i.icon.chevron.circle.down:before {
  content: "\F13A";
}

i.icon.toggle.down:before {
  content: "\F150";
}

i.icon.toggle.up:before {
  content: "\F151";
}

i.icon.toggle.right:before {
  content: "\F152";
}

i.icon.long.arrow.down:before {
  content: "\F175";
}

i.icon.long.arrow.up:before {
  content: "\F176";
}

i.icon.long.arrow.left:before {
  content: "\F177";
}

i.icon.long.arrow.right:before {
  content: "\F178";
}

i.icon.arrow.circle.outline.right:before {
  content: "\F18E";
}

i.icon.arrow.circle.outline.left:before {
  content: "\F190";
}

i.icon.toggle.left:before {
  content: "\F191";
}

/* Mobile */

i.icon.tablet:before {
  content: "\F10A";
}

i.icon.mobile:before {
  content: "\F10B";
}

i.icon.battery.full:before {
  content: "\F240";
}

i.icon.battery.high:before {
  content: "\F241";
}

i.icon.battery.medium:before {
  content: "\F242";
}

i.icon.battery.low:before {
  content: "\F243";
}

i.icon.battery.empty:before {
  content: "\F244";
}

/* Computer */

i.icon.power:before {
  content: "\F011";
}

i.icon.trash.outline:before {
  content: "\F014";
}

i.icon.disk.outline:before {
  content: "\F0A0";
}

i.icon.desktop:before {
  content: "\F108";
}

i.icon.laptop:before {
  content: "\F109";
}

i.icon.game:before {
  content: "\F11B";
}

i.icon.keyboard:before {
  content: "\F11C";
}

i.icon.plug:before {
  content: "\F1E6";
}

/* File System */

i.icon.trash:before {
  content: "\F1F8";
}

i.icon.file.outline:before {
  content: "\F016";
}

i.icon.folder:before {
  content: "\F07B";
}

i.icon.folder.open:before {
  content: "\F07C";
}

i.icon.file.text.outline:before {
  content: "\F0F6";
}

i.icon.folder.outline:before {
  content: "\F114";
}

i.icon.folder.open.outline:before {
  content: "\F115";
}

i.icon.level.up:before {
  content: "\F148";
}

i.icon.level.down:before {
  content: "\F149";
}

i.icon.file:before {
  content: "\F15B";
}

i.icon.file.text:before {
  content: "\F15C";
}

i.icon.file.pdf.outline:before {
  content: "\F1C1";
}

i.icon.file.word.outline:before {
  content: "\F1C2";
}

i.icon.file.excel.outline:before {
  content: "\F1C3";
}

i.icon.file.powerpoint.outline:before {
  content: "\F1C4";
}

i.icon.file.image.outline:before {
  content: "\F1C5";
}

i.icon.file.archive.outline:before {
  content: "\F1C6";
}

i.icon.file.audio.outline:before {
  content: "\F1C7";
}

i.icon.file.video.outline:before {
  content: "\F1C8";
}

i.icon.file.code.outline:before {
  content: "\F1C9";
}

/* Technologies */

i.icon.qrcode:before {
  content: "\F029";
}

i.icon.barcode:before {
  content: "\F02A";
}

i.icon.rss:before {
  content: "\F09E";
}

i.icon.fork:before {
  content: "\F126";
}

i.icon.html5:before {
  content: "\F13B";
}

i.icon.css3:before {
  content: "\F13C";
}

i.icon.rss.square:before {
  content: "\F143";
}

i.icon.openid:before {
  content: "\F19B";
}

i.icon.database:before {
  content: "\F1C0";
}

i.icon.server:before {
  content: "\F233";
}

i.icon.usb:before {
  content: "\F287";
}

i.icon.bluetooth:before {
  content: "\F293";
}

i.icon.bluetooth.alternative:before {
  content: "\F294";
}

/* Rating */

i.icon.heart:before {
  content: "\F004";
}

i.icon.star:before {
  content: "\F005";
}

i.icon.empty.star:before {
  content: "\F006";
}

i.icon.thumbs.outline.up:before {
  content: "\F087";
}

i.icon.thumbs.outline.down:before {
  content: "\F088";
}

i.icon.star.half:before {
  content: "\F089";
}

i.icon.empty.heart:before {
  content: "\F08A";
}

i.icon.smile:before {
  content: "\F118";
}

i.icon.frown:before {
  content: "\F119";
}

i.icon.meh:before {
  content: "\F11A";
}

i.icon.star.half.empty:before {
  content: "\F123";
}

i.icon.thumbs.up:before {
  content: "\F164";
}

i.icon.thumbs.down:before {
  content: "\F165";
}

/* Audio */

i.icon.music:before {
  content: "\F001";
}

i.icon.video.play.outline:before {
  content: "\F01D";
}

i.icon.volume.off:before {
  content: "\F026";
}

i.icon.volume.down:before {
  content: "\F027";
}

i.icon.volume.up:before {
  content: "\F028";
}

i.icon.record:before {
  content: "\F03D";
}

i.icon.step.backward:before {
  content: "\F048";
}

i.icon.fast.backward:before {
  content: "\F049";
}

i.icon.backward:before {
  content: "\F04A";
}

i.icon.play:before {
  content: "\F04B";
}

i.icon.pause:before {
  content: "\F04C";
}

i.icon.stop:before {
  content: "\F04D";
}

i.icon.forward:before {
  content: "\F04E";
}

i.icon.fast.forward:before {
  content: "\F050";
}

i.icon.step.forward:before {
  content: "\F051";
}

i.icon.eject:before {
  content: "\F052";
}

i.icon.unmute:before {
  content: "\F130";
}

i.icon.mute:before {
  content: "\F131";
}

i.icon.video.play:before {
  content: "\F144";
}

i.icon.closed.captioning:before {
  content: "\F20A";
}

i.icon.pause.circle:before {
  content: "\F28B";
}

i.icon.pause.circle.outline:before {
  content: "\F28C";
}

i.icon.stop.circle:before {
  content: "\F28D";
}

i.icon.stop.circle.outline:before {
  content: "\F28E";
}

/* Map, Locations, & Transportation */

i.icon.marker:before {
  content: "\F041";
}

i.icon.coffee:before {
  content: "\F0F4";
}

i.icon.food:before {
  content: "\F0F5";
}

i.icon.building.outline:before {
  content: "\F0F7";
}

i.icon.hospital:before {
  content: "\F0F8";
}

i.icon.emergency:before {
  content: "\F0F9";
}

i.icon.first.aid:before {
  content: "\F0FA";
}

i.icon.military:before {
  content: "\F0FB";
}

i.icon.h:before {
  content: "\F0FD";
}

i.icon.location.arrow:before {
  content: "\F124";
}

i.icon.compass:before {
  content: "\F14E";
}

i.icon.space.shuttle:before {
  content: "\F197";
}

i.icon.university:before {
  content: "\F19C";
}

i.icon.building:before {
  content: "\F1AD";
}

i.icon.paw:before {
  content: "\F1B0";
}

i.icon.spoon:before {
  content: "\F1B1";
}

i.icon.car:before {
  content: "\F1B9";
}

i.icon.taxi:before {
  content: "\F1BA";
}

i.icon.tree:before {
  content: "\F1BB";
}

i.icon.bicycle:before {
  content: "\F206";
}

i.icon.bus:before {
  content: "\F207";
}

i.icon.ship:before {
  content: "\F21A";
}

i.icon.motorcycle:before {
  content: "\F21C";
}

i.icon.street.view:before {
  content: "\F21D";
}

i.icon.hotel:before {
  content: "\F236";
}

i.icon.train:before {
  content: "\F238";
}

i.icon.subway:before {
  content: "\F239";
}

i.icon.map.pin:before {
  content: "\F276";
}

i.icon.map.signs:before {
  content: "\F277";
}

i.icon.map.outline:before {
  content: "\F278";
}

i.icon.map:before {
  content: "\F279";
}

/* Tables */

i.icon.table:before {
  content: "\F0CE";
}

i.icon.columns:before {
  content: "\F0DB";
}

i.icon.sort:before {
  content: "\F0DC";
}

i.icon.sort.descending:before {
  content: "\F0DD";
}

i.icon.sort.ascending:before {
  content: "\F0DE";
}

i.icon.sort.alphabet.ascending:before {
  content: "\F15D";
}

i.icon.sort.alphabet.descending:before {
  content: "\F15E";
}

i.icon.sort.content.ascending:before {
  content: "\F160";
}

i.icon.sort.content.descending:before {
  content: "\F161";
}

i.icon.sort.numeric.ascending:before {
  content: "\F162";
}

i.icon.sort.numeric.descending:before {
  content: "\F163";
}

/* Text Editor */

i.icon.font:before {
  content: "\F031";
}

i.icon.bold:before {
  content: "\F032";
}

i.icon.italic:before {
  content: "\F033";
}

i.icon.text.height:before {
  content: "\F034";
}

i.icon.text.width:before {
  content: "\F035";
}

i.icon.align.left:before {
  content: "\F036";
}

i.icon.align.center:before {
  content: "\F037";
}

i.icon.align.right:before {
  content: "\F038";
}

i.icon.align.justify:before {
  content: "\F039";
}

i.icon.list:before {
  content: "\F03A";
}

i.icon.outdent:before {
  content: "\F03B";
}

i.icon.indent:before {
  content: "\F03C";
}

i.icon.linkify:before {
  content: "\F0C1";
}

i.icon.cut:before {
  content: "\F0C4";
}

i.icon.copy:before {
  content: "\F0C5";
}

i.icon.attach:before {
  content: "\F0C6";
}

i.icon.save:before {
  content: "\F0C7";
}

i.icon.content:before {
  content: "\F0C9";
}

i.icon.unordered.list:before {
  content: "\F0CA";
}

i.icon.ordered.list:before {
  content: "\F0CB";
}

i.icon.strikethrough:before {
  content: "\F0CC";
}

i.icon.underline:before {
  content: "\F0CD";
}

i.icon.paste:before {
  content: "\F0EA";
}

i.icon.unlinkify:before {
  content: "\F127";
}

i.icon.superscript:before {
  content: "\F12B";
}

i.icon.subscript:before {
  content: "\F12C";
}

i.icon.header:before {
  content: "\F1DC";
}

i.icon.paragraph:before {
  content: "\F1DD";
}

i.icon.text.cursor:before {
  content: "\F246";
}

/* Currency */

i.icon.euro:before {
  content: "\F153";
}

i.icon.pound:before {
  content: "\F154";
}

i.icon.dollar:before {
  content: "\F155";
}

i.icon.rupee:before {
  content: "\F156";
}

i.icon.yen:before {
  content: "\F157";
}

i.icon.ruble:before {
  content: "\F158";
}

i.icon.won:before {
  content: "\F159";
}

i.icon.bitcoin:before {
  content: "\F15A";
}

i.icon.lira:before {
  content: "\F195";
}

i.icon.shekel:before {
  content: "\F20B";
}

/* Payment Options */

i.icon.paypal:before {
  content: "\F1ED";
}

i.icon.google.wallet:before {
  content: "\F1EE";
}

i.icon.visa:before {
  content: "\F1F0";
}

i.icon.mastercard:before {
  content: "\F1F1";
}

i.icon.discover:before {
  content: "\F1F2";
}

i.icon.american.express:before {
  content: "\F1F3";
}

i.icon.paypal.card:before {
  content: "\F1F4";
}

i.icon.stripe:before {
  content: "\F1F5";
}

i.icon.japan.credit.bureau:before {
  content: "\F24B";
}

i.icon.diners.club:before {
  content: "\F24C";
}

i.icon.credit.card.alternative:before {
  content: "\F283";
}

/* Networks and Websites*/

i.icon.twitter.square:before {
  content: "\F081";
}

i.icon.facebook.square:before {
  content: "\F082";
}

i.icon.linkedin.square:before {
  content: "\F08C";
}

i.icon.github.square:before {
  content: "\F092";
}

i.icon.twitter:before {
  content: "\F099";
}

i.icon.facebook.f:before {
  content: "\F09A";
}

i.icon.github:before {
  content: "\F09B";
}

i.icon.pinterest:before {
  content: "\F0D2";
}

i.icon.pinterest.square:before {
  content: "\F0D3";
}

i.icon.google.plus.square:before {
  content: "\F0D4";
}

i.icon.google.plus:before {
  content: "\F0D5";
}

i.icon.linkedin:before {
  content: "\F0E1";
}

i.icon.github.alternate:before {
  content: "\F113";
}

i.icon.maxcdn:before {
  content: "\F136";
}

i.icon.youtube.square:before {
  content: "\F166";
}

i.icon.youtube:before {
  content: "\F167";
}

i.icon.xing:before {
  content: "\F168";
}

i.icon.xing.square:before {
  content: "\F169";
}

i.icon.youtube.play:before {
  content: "\F16A";
}

i.icon.dropbox:before {
  content: "\F16B";
}

i.icon.stack.overflow:before {
  content: "\F16C";
}

i.icon.instagram:before {
  content: "\F16D";
}

i.icon.flickr:before {
  content: "\F16E";
}

i.icon.adn:before {
  content: "\F170";
}

i.icon.bitbucket:before {
  content: "\F171";
}

i.icon.bitbucket.square:before {
  content: "\F172";
}

i.icon.tumblr:before {
  content: "\F173";
}

i.icon.tumblr.square:before {
  content: "\F174";
}

i.icon.apple:before {
  content: "\F179";
}

i.icon.windows:before {
  content: "\F17A";
}

i.icon.android:before {
  content: "\F17B";
}

i.icon.linux:before {
  content: "\F17C";
}

i.icon.dribble:before {
  content: "\F17D";
}

i.icon.skype:before {
  content: "\F17E";
}

i.icon.foursquare:before {
  content: "\F180";
}

i.icon.trello:before {
  content: "\F181";
}

i.icon.gittip:before {
  content: "\F184";
}

i.icon.vk:before {
  content: "\F189";
}

i.icon.weibo:before {
  content: "\F18A";
}

i.icon.renren:before {
  content: "\F18B";
}

i.icon.pagelines:before {
  content: "\F18C";
}

i.icon.stack.exchange:before {
  content: "\F18D";
}

i.icon.vimeo.square:before {
  content: "\F194";
}

i.icon.slack:before {
  content: "\F198";
}

i.icon.wordpress:before {
  content: "\F19A";
}

i.icon.yahoo:before {
  content: "\F19E";
}

i.icon.google:before {
  content: "\F1A0";
}

i.icon.reddit:before {
  content: "\F1A1";
}

i.icon.reddit.square:before {
  content: "\F1A2";
}

i.icon.stumbleupon.circle:before {
  content: "\F1A3";
}

i.icon.stumbleupon:before {
  content: "\F1A4";
}

i.icon.delicious:before {
  content: "\F1A5";
}

i.icon.digg:before {
  content: "\F1A6";
}

i.icon.pied.piper:before {
  content: "\F1A7";
}

i.icon.pied.piper.alternate:before {
  content: "\F1A8";
}

i.icon.drupal:before {
  content: "\F1A9";
}

i.icon.joomla:before {
  content: "\F1AA";
}

i.icon.behance:before {
  content: "\F1B4";
}

i.icon.behance.square:before {
  content: "\F1B5";
}

i.icon.steam:before {
  content: "\F1B6";
}

i.icon.steam.square:before {
  content: "\F1B7";
}

i.icon.spotify:before {
  content: "\F1BC";
}

i.icon.deviantart:before {
  content: "\F1BD";
}

i.icon.soundcloud:before {
  content: "\F1BE";
}

i.icon.vine:before {
  content: "\F1CA";
}

i.icon.codepen:before {
  content: "\F1CB";
}

i.icon.jsfiddle:before {
  content: "\F1CC";
}

i.icon.rebel:before {
  content: "\F1D0";
}

i.icon.empire:before {
  content: "\F1D1";
}

i.icon.git.square:before {
  content: "\F1D2";
}

i.icon.git:before {
  content: "\F1D3";
}

i.icon.hacker.news:before {
  content: "\F1D4";
}

i.icon.tencent.weibo:before {
  content: "\F1D5";
}

i.icon.qq:before {
  content: "\F1D6";
}

i.icon.wechat:before {
  content: "\F1D7";
}

i.icon.slideshare:before {
  content: "\F1E7";
}

i.icon.twitch:before {
  content: "\F1E8";
}

i.icon.yelp:before {
  content: "\F1E9";
}

i.icon.lastfm:before {
  content: "\F202";
}

i.icon.lastfm.square:before {
  content: "\F203";
}

i.icon.ioxhost:before {
  content: "\F208";
}

i.icon.angellist:before {
  content: "\F209";
}

i.icon.meanpath:before {
  content: "\F20C";
}

i.icon.buysellads:before {
  content: "\F20D";
}

i.icon.connectdevelop:before {
  content: "\F20E";
}

i.icon.dashcube:before {
  content: "\F210";
}

i.icon.forumbee:before {
  content: "\F211";
}

i.icon.leanpub:before {
  content: "\F212";
}

i.icon.sellsy:before {
  content: "\F213";
}

i.icon.shirtsinbulk:before {
  content: "\F214";
}

i.icon.simplybuilt:before {
  content: "\F215";
}

i.icon.skyatlas:before {
  content: "\F216";
}

i.icon.facebook:before {
  content: "\F230";
}

i.icon.pinterest:before {
  content: "\F231";
}

i.icon.whatsapp:before {
  content: "\F232";
}

i.icon.viacoin:before {
  content: "\F237";
}

i.icon.medium:before {
  content: "\F23A";
}

i.icon.y.combinator:before {
  content: "\F23B";
}

i.icon.optinmonster:before {
  content: "\F23C";
}

i.icon.opencart:before {
  content: "\F23D";
}

i.icon.expeditedssl:before {
  content: "\F23E";
}

i.icon.gg:before {
  content: "\F260";
}

i.icon.gg.circle:before {
  content: "\F261";
}

i.icon.tripadvisor:before {
  content: "\F262";
}

i.icon.odnoklassniki:before {
  content: "\F263";
}

i.icon.odnoklassniki.square:before {
  content: "\F264";
}

i.icon.pocket:before {
  content: "\F265";
}

i.icon.wikipedia:before {
  content: "\F266";
}

i.icon.safari:before {
  content: "\F267";
}

i.icon.chrome:before {
  content: "\F268";
}

i.icon.firefox:before {
  content: "\F269";
}

i.icon.opera:before {
  content: "\F26A";
}

i.icon.internet.explorer:before {
  content: "\F26B";
}

i.icon.contao:before {
  content: "\F26D";
}

i.icon.\3500px:before {
  content: "\F26E";
}

i.icon.amazon:before {
  content: "\F270";
}

i.icon.houzz:before {
  content: "\F27C";
}

i.icon.vimeo:before {
  content: "\F27D";
}

i.icon.black.tie:before {
  content: "\F27E";
}

i.icon.fonticons:before {
  content: "\F280";
}

i.icon.reddit.alien:before {
  content: "\F281";
}

i.icon.microsoft.edge:before {
  content: "\F282";
}

i.icon.codiepie:before {
  content: "\F284";
}

i.icon.modx:before {
  content: "\F285";
}

i.icon.fort.awesome:before {
  content: "\F286";
}

i.icon.product.hunt:before {
  content: "\F288";
}

i.icon.mixcloud:before {
  content: "\F289";
}

i.icon.scribd:before {
  content: "\F28A";
}

i.icon.gitlab:before {
  content: "\F296";
}

i.icon.wpbeginner:before {
  content: "\F297";
}

i.icon.wpforms:before {
  content: "\F298";
}

i.icon.envira.gallery:before {
  content: "\F299";
}

i.icon.glide:before {
  content: "\F2A5";
}

i.icon.glide.g:before {
  content: "\F2A6";
}

i.icon.viadeo:before {
  content: "\F2A9";
}

i.icon.viadeo.square:before {
  content: "\F2AA";
}

i.icon.snapchat:before {
  content: "\F2AB";
}

i.icon.snapchat.ghost:before {
  content: "\F2AC";
}

i.icon.snapchat.square:before {
  content: "\F2AD";
}

i.icon.pied.piper.hat:before {
  content: "\F2AE";
}

i.icon.first.order:before {
  content: "\F2B0";
}

i.icon.yoast:before {
  content: "\F2B1";
}

i.icon.themeisle:before {
  content: "\F2B2";
}

i.icon.google.plus.circle:before {
  content: "\F2B3";
}

i.icon.font.awesome:before {
  content: "\F2B4";
}

/*******************************
            Aliases
*******************************/

i.icon.like:before {
  content: "\F004";
}

i.icon.favorite:before {
  content: "\F005";
}

i.icon.video:before {
  content: "\F008";
}

i.icon.check:before {
  content: "\F00C";
}

i.icon.close:before {
  content: "\F00D";
}

i.icon.cancel:before {
  content: "\F00D";
}

i.icon.delete:before {
  content: "\F00D";
}

i.icon.x:before {
  content: "\F00D";
}

i.icon.zoom.in:before {
  content: "\F00E";
}

i.icon.magnify:before {
  content: "\F00E";
}

i.icon.shutdown:before {
  content: "\F011";
}

i.icon.clock:before {
  content: "\F017";
}

i.icon.time:before {
  content: "\F017";
}

i.icon.play.circle.outline:before {
  content: "\F01D";
}

i.icon.headphone:before {
  content: "\F025";
}

i.icon.camera:before {
  content: "\F030";
}

i.icon.video.camera:before {
  content: "\F03D";
}

i.icon.picture:before {
  content: "\F03E";
}

i.icon.pencil:before {
  content: "\F040";
}

i.icon.compose:before {
  content: "\F040";
}

i.icon.point:before {
  content: "\F041";
}

i.icon.tint:before {
  content: "\F043";
}

i.icon.signup:before {
  content: "\F044";
}

i.icon.plus.circle:before {
  content: "\F055";
}

i.icon.question.circle:before {
  content: "\F059";
}

i.icon.dont:before {
  content: "\F05E";
}

i.icon.minimize:before {
  content: "\F066";
}

i.icon.add:before {
  content: "\F067";
}

i.icon.exclamation.circle:before {
  content: "\F06A";
}

i.icon.attention:before {
  content: "\F06A";
}

i.icon.eye:before {
  content: "\F06E";
}

i.icon.exclamation.triangle:before {
  content: "\F071";
}

i.icon.shuffle:before {
  content: "\F074";
}

i.icon.chat:before {
  content: "\F075";
}

i.icon.cart:before {
  content: "\F07A";
}

i.icon.shopping.cart:before {
  content: "\F07A";
}

i.icon.bar.graph:before {
  content: "\F080";
}

i.icon.key:before {
  content: "\F084";
}

i.icon.cogs:before {
  content: "\F085";
}

i.icon.discussions:before {
  content: "\F086";
}

i.icon.like.outline:before {
  content: "\F087";
}

i.icon.dislike.outline:before {
  content: "\F088";
}

i.icon.heart.outline:before {
  content: "\F08A";
}

i.icon.log.out:before {
  content: "\F08B";
}

i.icon.thumb.tack:before {
  content: "\F08D";
}

i.icon.winner:before {
  content: "\F091";
}

i.icon.phone:before {
  content: "\F095";
}

i.icon.bookmark.outline:before {
  content: "\F097";
}

i.icon.phone.square:before {
  content: "\F098";
}

i.icon.credit.card:before {
  content: "\F09D";
}

i.icon.hdd.outline:before {
  content: "\F0A0";
}

i.icon.bullhorn:before {
  content: "\F0A1";
}

i.icon.bell.outline:before {
  content: "\F0A2";
}

i.icon.hand.outline.right:before {
  content: "\F0A4";
}

i.icon.hand.outline.left:before {
  content: "\F0A5";
}

i.icon.hand.outline.up:before {
  content: "\F0A6";
}

i.icon.hand.outline.down:before {
  content: "\F0A7";
}

i.icon.globe:before {
  content: "\F0AC";
}

i.icon.wrench:before {
  content: "\F0AD";
}

i.icon.briefcase:before {
  content: "\F0B1";
}

i.icon.group:before {
  content: "\F0C0";
}

i.icon.linkify:before {
  content: "\F0C1";
}

i.icon.chain:before {
  content: "\F0C1";
}

i.icon.flask:before {
  content: "\F0C3";
}

i.icon.sidebar:before {
  content: "\F0C9";
}

i.icon.bars:before {
  content: "\F0C9";
}

i.icon.list.ul:before {
  content: "\F0CA";
}

i.icon.list.ol:before {
  content: "\F0CB";
}

i.icon.numbered.list:before {
  content: "\F0CB";
}

i.icon.magic:before {
  content: "\F0D0";
}

i.icon.truck:before {
  content: "\F0D1";
}

i.icon.currency:before {
  content: "\F0D6";
}

i.icon.triangle.down:before {
  content: "\F0D7";
}

i.icon.dropdown:before {
  content: "\F0D7";
}

i.icon.triangle.up:before {
  content: "\F0D8";
}

i.icon.triangle.left:before {
  content: "\F0D9";
}

i.icon.triangle.right:before {
  content: "\F0DA";
}

i.icon.envelope:before {
  content: "\F0E0";
}

i.icon.conversation:before {
  content: "\F0E6";
}

i.icon.rain:before {
  content: "\F0E9";
}

i.icon.clipboard:before {
  content: "\F0EA";
}

i.icon.lightbulb:before {
  content: "\F0EB";
}

i.icon.bell:before {
  content: "\F0F3";
}

i.icon.ambulance:before {
  content: "\F0F9";
}

i.icon.medkit:before {
  content: "\F0FA";
}

i.icon.fighter.jet:before {
  content: "\F0FB";
}

i.icon.beer:before {
  content: "\F0FC";
}

i.icon.plus.square:before {
  content: "\F0FE";
}

i.icon.computer:before {
  content: "\F108";
}

i.icon.circle.outline:before {
  content: "\F10C";
}

i.icon.gamepad:before {
  content: "\F11B";
}

i.icon.star.half.full:before {
  content: "\F123";
}

i.icon.broken.chain:before {
  content: "\F127";
}

i.icon.question:before {
  content: "\F128";
}

i.icon.exclamation:before {
  content: "\F12A";
}

i.icon.eraser:before {
  content: "\F12D";
}

i.icon.microphone:before {
  content: "\F130";
}

i.icon.microphone.slash:before {
  content: "\F131";
}

i.icon.shield:before {
  content: "\F132";
}

i.icon.target:before {
  content: "\F140";
}

i.icon.play.circle:before {
  content: "\F144";
}

i.icon.pencil.square:before {
  content: "\F14B";
}

i.icon.eur:before {
  content: "\F153";
}

i.icon.gbp:before {
  content: "\F154";
}

i.icon.usd:before {
  content: "\F155";
}

i.icon.inr:before {
  content: "\F156";
}

i.icon.cny:before {
  content: "\F157";
}

i.icon.rmb:before {
  content: "\F157";
}

i.icon.jpy:before {
  content: "\F157";
}

i.icon.rouble:before {
  content: "\F158";
}

i.icon.rub:before {
  content: "\F158";
}

i.icon.krw:before {
  content: "\F159";
}

i.icon.btc:before {
  content: "\F15A";
}

i.icon.gratipay:before {
  content: "\F184";
}

i.icon.zip:before {
  content: "\F187";
}

i.icon.dot.circle.outline:before {
  content: "\F192";
}

i.icon.try:before {
  content: "\F195";
}

i.icon.graduation:before {
  content: "\F19D";
}

i.icon.circle.outline:before {
  content: "\F1DB";
}

i.icon.sliders:before {
  content: "\F1DE";
}

i.icon.weixin:before {
  content: "\F1D7";
}

i.icon.tty:before {
  content: "\F1E4";
}

i.icon.teletype:before {
  content: "\F1E4";
}

i.icon.binoculars:before {
  content: "\F1E5";
}

i.icon.power.cord:before {
  content: "\F1E6";
}

i.icon.wi-fi:before {
  content: "\F1EB";
}

i.icon.visa.card:before {
  content: "\F1F0";
}

i.icon.mastercard.card:before {
  content: "\F1F1";
}

i.icon.discover.card:before {
  content: "\F1F2";
}

i.icon.amex:before {
  content: "\F1F3";
}

i.icon.american.express.card:before {
  content: "\F1F3";
}

i.icon.stripe.card:before {
  content: "\F1F5";
}

i.icon.bell.slash:before {
  content: "\F1F6";
}

i.icon.bell.slash.outline:before {
  content: "\F1F7";
}

i.icon.area.graph:before {
  content: "\F1FE";
}

i.icon.pie.graph:before {
  content: "\F200";
}

i.icon.line.graph:before {
  content: "\F201";
}

i.icon.cc:before {
  content: "\F20A";
}

i.icon.sheqel:before {
  content: "\F20B";
}

i.icon.ils:before {
  content: "\F20B";
}

i.icon.plus.cart:before {
  content: "\F217";
}

i.icon.arrow.down.cart:before {
  content: "\F218";
}

i.icon.detective:before {
  content: "\F21B";
}

i.icon.venus:before {
  content: "\F221";
}

i.icon.mars:before {
  content: "\F222";
}

i.icon.mercury:before {
  content: "\F223";
}

i.icon.intersex:before {
  content: "\F224";
}

i.icon.venus.double:before {
  content: "\F226";
}

i.icon.female.homosexual:before {
  content: "\F226";
}

i.icon.mars.double:before {
  content: "\F227";
}

i.icon.male.homosexual:before {
  content: "\F227";
}

i.icon.venus.mars:before {
  content: "\F228";
}

i.icon.mars.stroke:before {
  content: "\F229";
}

i.icon.mars.alternate:before {
  content: "\F229";
}

i.icon.mars.vertical:before {
  content: "\F22A";
}

i.icon.mars.stroke.vertical:before {
  content: "\F22A";
}

i.icon.mars.horizontal:before {
  content: "\F22B";
}

i.icon.mars.stroke.horizontal:before {
  content: "\F22B";
}

i.icon.asexual:before {
  content: "\F22D";
}

i.icon.facebook.official:before {
  content: "\F230";
}

i.icon.user.plus:before {
  content: "\F234";
}

i.icon.user.times:before {
  content: "\F235";
}

i.icon.user.close:before {
  content: "\F235";
}

i.icon.user.cancel:before {
  content: "\F235";
}

i.icon.user.delete:before {
  content: "\F235";
}

i.icon.user.x:before {
  content: "\F235";
}

i.icon.bed:before {
  content: "\F236";
}

i.icon.yc:before {
  content: "\F23B";
}

i.icon.ycombinator:before {
  content: "\F23B";
}

i.icon.battery.four:before {
  content: "\F240";
}

i.icon.battery.three:before {
  content: "\F241";
}

i.icon.battery.three.quarters:before {
  content: "\F241";
}

i.icon.battery.two:before {
  content: "\F242";
}

i.icon.battery.half:before {
  content: "\F242";
}

i.icon.battery.one:before {
  content: "\F243";
}

i.icon.battery.quarter:before {
  content: "\F243";
}

i.icon.battery.zero:before {
  content: "\F244";
}

i.icon.i.cursor:before {
  content: "\F246";
}

i.icon.jcb:before {
  content: "\F24B";
}

i.icon.japan.credit.bureau.card:before {
  content: "\F24B";
}

i.icon.diners.club.card:before {
  content: "\F24C";
}

i.icon.balance:before {
  content: "\F24E";
}

i.icon.hourglass.outline:before {
  content: "\F250";
}

i.icon.hourglass.zero:before {
  content: "\F250";
}

i.icon.hourglass.one:before {
  content: "\F251";
}

i.icon.hourglass.two:before {
  content: "\F252";
}

i.icon.hourglass.three:before {
  content: "\F253";
}

i.icon.hourglass.four:before {
  content: "\F254";
}

i.icon.grab:before {
  content: "\F255";
}

i.icon.hand.victory:before {
  content: "\F25B";
}

i.icon.tm:before {
  content: "\F25C";
}

i.icon.r.circle:before {
  content: "\F25D";
}

i.icon.television:before {
  content: "\F26C";
}

i.icon.five.hundred.pixels:before {
  content: "\F26E";
}

i.icon.calendar.plus:before {
  content: "\F271";
}

i.icon.calendar.minus:before {
  content: "\F272";
}

i.icon.calendar.times:before {
  content: "\F273";
}

i.icon.calendar.check:before {
  content: "\F274";
}

i.icon.factory:before {
  content: "\F275";
}

i.icon.commenting:before {
  content: "\F27A";
}

i.icon.commenting.outline:before {
  content: "\F27B";
}

i.icon.edge:before {
  content: "\F282";
}

i.icon.ms.edge:before {
  content: "\F282";
}

i.icon.wordpress.beginner:before {
  content: "\F297";
}

i.icon.wordpress.forms:before {
  content: "\F298";
}

i.icon.envira:before {
  content: "\F299";
}

i.icon.question.circle.outline:before {
  content: "\F29C";
}

i.icon.assistive.listening.devices:before {
  content: "\F2A2";
}

i.icon.als:before {
  content: "\F2A2";
}

i.icon.ald:before {
  content: "\F2A2";
}

i.icon.asl.interpreting:before {
  content: "\F2A3";
}

i.icon.deaf:before {
  content: "\F2A4";
}

i.icon.american.sign.language.interpreting:before {
  content: "\F2A3";
}

i.icon.hard.of.hearing:before {
  content: "\F2A4";
}

i.icon.signing:before {
  content: "\F2A7";
}

i.icon.new.pied.piper:before {
  content: "\F2AE";
}

i.icon.theme.isle:before {
  content: "\F2B2";
}

i.icon.google.plus.official:before {
  content: "\F2B3";
}

i.icon.fa:before {
  content: "\F2B4";
}

/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.7 - Image
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
             Image
*******************************/

.ui.image {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  background-color: transparent;
}

img.ui.image {
  display: block;
}

.ui.image svg,
.ui.image img {
  display: block;
  max-width: 100%;
  height: auto;
}

/*******************************
            States
*******************************/

.ui.hidden.images,
.ui.hidden.image {
  display: none;
}

.ui.hidden.transition.images,
.ui.hidden.transition.image {
  display: block;
  visibility: hidden;
}

.ui.disabled.images,
.ui.disabled.image {
  cursor: default;
  opacity: 0.45;
}

/*******************************
          Variations
*******************************/

/*--------------
     Inline
---------------*/

.ui.inline.image,
.ui.inline.image svg,
.ui.inline.image img {
  display: inline-block;
}

/*------------------
  Vertical Aligned
-------------------*/

.ui.top.aligned.images .image,
.ui.top.aligned.image,
.ui.top.aligned.image svg,
.ui.top.aligned.image img {
  display: inline-block;
  vertical-align: top;
}

.ui.middle.aligned.images .image,
.ui.middle.aligned.image,
.ui.middle.aligned.image svg,
.ui.middle.aligned.image img {
  display: inline-block;
  vertical-align: middle;
}

.ui.bottom.aligned.images .image,
.ui.bottom.aligned.image,
.ui.bottom.aligned.image svg,
.ui.bottom.aligned.image img {
  display: inline-block;
  vertical-align: bottom;
}

/*--------------
     Rounded
---------------*/

.ui.rounded.images .image,
.ui.rounded.image,
.ui.rounded.images .image > *,
.ui.rounded.image > * {
  border-radius: 0.3125em;
}

/*--------------
    Bordered
---------------*/

.ui.bordered.images .image,
.ui.bordered.images img,
.ui.bordered.images svg,
.ui.bordered.image img,
.ui.bordered.image svg,
img.ui.bordered.image {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/*--------------
    Circular
---------------*/

.ui.circular.images,
.ui.circular.image {
  overflow: hidden;
}

.ui.circular.images .image,
.ui.circular.image,
.ui.circular.images .image > *,
.ui.circular.image > * {
  border-radius: 500rem;
}

/*--------------
     Fluid
---------------*/

.ui.fluid.images,
.ui.fluid.image,
.ui.fluid.images img,
.ui.fluid.images svg,
.ui.fluid.image svg,
.ui.fluid.image img {
  display: block;
  width: 100%;
  height: auto;
}

/*--------------
     Avatar
---------------*/

.ui.avatar.images .image,
.ui.avatar.images img,
.ui.avatar.images svg,
.ui.avatar.image img,
.ui.avatar.image svg,
.ui.avatar.image {
  margin-right: 0.25em;
  display: inline-block;
  width: 2em;
  height: 2em;
  border-radius: 500rem;
}

/*-------------------
       Spaced
--------------------*/

.ui.spaced.image {
  display: inline-block !important;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.ui[class*="left spaced"].image {
  margin-left: 0.5em;
  margin-right: 0em;
}

.ui[class*="right spaced"].image {
  margin-left: 0em;
  margin-right: 0.5em;
}

/*-------------------
       Floated
--------------------*/

.ui.floated.image,
.ui.floated.images {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

.ui.right.floated.images,
.ui.right.floated.image {
  float: right;
  margin-right: 0em;
  margin-bottom: 1em;
  margin-left: 1em;
}

.ui.floated.images:last-child,
.ui.floated.image:last-child {
  margin-bottom: 0em;
}

.ui.centered.images,
.ui.centered.image {
  margin-left: auto;
  margin-right: auto;
}

/*--------------
     Sizes
---------------*/

.ui.mini.images .image,
.ui.mini.images img,
.ui.mini.images svg,
.ui.mini.image {
  width: 35px;
  height: auto;
  font-size: 0.78571429rem;
}

.ui.tiny.images .image,
.ui.tiny.images img,
.ui.tiny.images svg,
.ui.tiny.image {
  width: 80px;
  height: auto;
  font-size: 0.85714286rem;
}

.ui.small.images .image,
.ui.small.images img,
.ui.small.images svg,
.ui.small.image {
  width: 150px;
  height: auto;
  font-size: 0.92857143rem;
}

.ui.medium.images .image,
.ui.medium.images img,
.ui.medium.images svg,
.ui.medium.image {
  width: 300px;
  height: auto;
  font-size: 1rem;
}

.ui.large.images .image,
.ui.large.images img,
.ui.large.images svg,
.ui.large.image {
  width: 450px;
  height: auto;
  font-size: 1.14285714rem;
}

.ui.big.images .image,
.ui.big.images img,
.ui.big.images svg,
.ui.big.image {
  width: 600px;
  height: auto;
  font-size: 1.28571429rem;
}

.ui.huge.images .image,
.ui.huge.images img,
.ui.huge.images svg,
.ui.huge.image {
  width: 800px;
  height: auto;
  font-size: 1.42857143rem;
}

.ui.massive.images .image,
.ui.massive.images img,
.ui.massive.images svg,
.ui.massive.image {
  width: 960px;
  height: auto;
  font-size: 1.71428571rem;
}

/*******************************
              Groups
*******************************/

.ui.images {
  font-size: 0em;
  margin: 0em -0.25rem 0rem;
}

.ui.images .image,
.ui.images img,
.ui.images svg {
  display: inline-block;
  margin: 0em 0.25rem 0.5rem;
}

/*******************************
         Theme Overrides
*******************************/

/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.7 - Segment
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Segment
*******************************/

.ui.segment {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin: 1rem 0em;
  padding: 1em 1em;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.segment:first-child {
  margin-top: 0em;
}

.ui.segment:last-child {
  margin-bottom: 0em;
}

/* Vertical */

.ui.vertical.segment {
  margin: 0em;
  padding-left: 0em;
  padding-right: 0em;
  background: none transparent;
  border-radius: 0px;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.vertical.segment:last-child {
  border-bottom: none;
}

/*-------------------
    Loose Coupling
--------------------*/

/* Header */

.ui.inverted.segment > .ui.header {
  color: #FFFFFF;
}

/* Label */

.ui[class*="bottom attached"].segment > [class*="top attached"].label {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}

.ui[class*="top attached"].segment > [class*="bottom attached"].label {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}

.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}

.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}

/* Grid */

.ui.page.grid.segment,
.ui.grid > .row > .ui.segment.column,
.ui.grid > .ui.segment.column {
  padding-top: 2em;
  padding-bottom: 2em;
}

.ui.grid.segment {
  margin: 1rem 0em;
  border-radius: 0.28571429rem;
}

/* Table */

.ui.basic.table.segment {
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
}

.ui[class*="very basic"].table.segment {
  padding: 1em 1em;
}

/*******************************
             Types
*******************************/

/*-------------------
        Piled
--------------------*/

.ui.piled.segments,
.ui.piled.segment {
  margin: 3em 0em;
  box-shadow: '';
  z-index: auto;
}

.ui.piled.segment:first-child {
  margin-top: 0em;
}

.ui.piled.segment:last-child {
  margin-bottom: 0em;
}

.ui.piled.segments:after,
.ui.piled.segments:before,
.ui.piled.segment:after,
.ui.piled.segment:before {
  background-color: #FFFFFF;
  visibility: visible;
  content: '';
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: '';
}

.ui.piled.segments:before,
.ui.piled.segment:before {
  -webkit-transform: rotate(-1.2deg);
  transform: rotate(-1.2deg);
  top: 0;
  z-index: -2;
}

.ui.piled.segments:after,
.ui.piled.segment:after {
  -webkit-transform: rotate(1.2deg);
  transform: rotate(1.2deg);
  top: 0;
  z-index: -1;
}

/* Piled Attached */

.ui[class*="top attached"].piled.segment {
  margin-top: 3em;
  margin-bottom: 0em;
}

.ui.piled.segment[class*="top attached"]:first-child {
  margin-top: 0em;
}

.ui.piled.segment[class*="bottom attached"] {
  margin-top: 0em;
  margin-bottom: 3em;
}

.ui.piled.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0em;
}

/*-------------------
       Stacked
--------------------*/

.ui.stacked.segment {
  padding-bottom: 1.4em;
}

.ui.stacked.segments:before,
.ui.stacked.segments:after,
.ui.stacked.segment:before,
.ui.stacked.segment:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0%;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  background: rgba(0, 0, 0, 0.03);
  width: 100%;
  height: 6px;
  visibility: visible;
}

.ui.stacked.segments:before,
.ui.stacked.segment:before {
  display: none;
}

/* Add additional page */

.ui.tall.stacked.segments:before,
.ui.tall.stacked.segment:before {
  display: block;
  bottom: 0px;
}

/* Inverted */

.ui.stacked.inverted.segments:before,
.ui.stacked.inverted.segments:after,
.ui.stacked.inverted.segment:before,
.ui.stacked.inverted.segment:after {
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(34, 36, 38, 0.35);
}

/*-------------------
       Padded
--------------------*/

.ui.padded.segment {
  padding: 1.5em;
}

.ui[class*="very padded"].segment {
  padding: 3em;
}

/*-------------------
       Compact
--------------------*/

.ui.compact.segment {
  display: table;
}

/* Compact Group */

.ui.compact.segments {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ui.compact.segments .segment,
.ui.segments .compact.segment {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

/*-------------------
       Circular
--------------------*/

.ui.circular.segment {
  display: table-cell;
  padding: 2em;
  text-align: center;
  vertical-align: middle;
  border-radius: 500em;
}

/*-------------------
       Raised
--------------------*/

.ui.raised.segments,
.ui.raised.segment {
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}

/*******************************
            Groups
*******************************/

/* Group */

.ui.segments {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  margin: 1rem 0em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
}

.ui.segments:first-child {
  margin-top: 0em;
}

.ui.segments:last-child {
  margin-bottom: 0em;
}

/* Nested Segment */

.ui.segments > .segment {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em;
  width: auto;
  box-shadow: none;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.segments:not(.horizontal) > .segment:first-child {
  border-top: none;
  margin-top: 0em;
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

/* Bottom */

.ui.segments:not(.horizontal) > .segment:last-child {
  top: 0px;
  bottom: 0px;
  margin-top: 0em;
  margin-bottom: 0em;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

/* Only */

.ui.segments:not(.horizontal) > .segment:only-child {
  border-radius: 0.28571429rem;
}

/* Nested Group */

.ui.segments > .ui.segments {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin: 1rem 1rem;
}

.ui.segments > .segments:first-child {
  border-top: none;
}

.ui.segments > .segment + .segments:not(.horizontal) {
  margin-top: 0em;
}

/* Horizontal Group */

.ui.horizontal.segments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: transparent;
  border-radius: 0px;
  padding: 0em;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin: 1rem 0em;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}

/* Nested Horizontal Group */

.ui.segments > .horizontal.segments {
  margin: 0em;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}

/* Horizontal Segment */

.ui.horizontal.segments > .segment {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  -ms-flex: 1 1 0px;
  /* Solves #2550 MS Flex */
  margin: 0em;
  min-width: 0px;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}

/* Border Fixes */

.ui.segments > .horizontal.segments:first-child {
  border-top: none;
}

.ui.horizontal.segments > .segment:first-child {
  border-left: none;
}

/*******************************
            States
*******************************/

/*--------------
    Disabled
---------------*/

.ui.disabled.segment {
  opacity: 0.45;
  color: rgba(40, 40, 40, 0.3);
}

/*--------------
    Loading
---------------*/

.ui.loading.segment {
  position: relative;
  cursor: default;
  pointer-events: none;
  text-shadow: none !important;
  color: transparent !important;
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
}

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

.ui.loading.segment:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.5em 0em 0em -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: segment-spin 0.6s linear;
  animation: segment-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;
  box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: 101;
}

@-webkit-keyframes segment-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes segment-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*******************************
           Variations
*******************************/

/*-------------------
       Basic
--------------------*/

.ui.basic.segment {
  background: none transparent;
  box-shadow: none;
  border: none;
  border-radius: 0px;
}

/*-------------------
       Clearing
--------------------*/

.ui.clearing.segment:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*-------------------
       Colors
--------------------*/

/* Red */

.ui.red.segment:not(.inverted) {
  border-top: 2px solid #DB2828;
}

.ui.inverted.red.segment {
  background-color: #DB2828 !important;
  color: #FFFFFF !important;
}

/* Orange */

.ui.orange.segment:not(.inverted) {
  border-top: 2px solid #F2711C;
}

.ui.inverted.orange.segment {
  background-color: #F2711C !important;
  color: #FFFFFF !important;
}

/* Yellow */

.ui.yellow.segment:not(.inverted) {
  border-top: 2px solid #FBBD08;
}

.ui.inverted.yellow.segment {
  background-color: #FBBD08 !important;
  color: #FFFFFF !important;
}

/* Olive */

.ui.olive.segment:not(.inverted) {
  border-top: 2px solid #B5CC18;
}

.ui.inverted.olive.segment {
  background-color: #B5CC18 !important;
  color: #FFFFFF !important;
}

/* Green */

.ui.green.segment:not(.inverted) {
  border-top: 2px solid #21BA45;
}

.ui.inverted.green.segment {
  background-color: #21BA45 !important;
  color: #FFFFFF !important;
}

/* Teal */

.ui.teal.segment:not(.inverted) {
  border-top: 2px solid #00B5AD;
}

.ui.inverted.teal.segment {
  background-color: #00B5AD !important;
  color: #FFFFFF !important;
}

/* Blue */

.ui.blue.segment:not(.inverted) {
  border-top: 2px solid #2185D0;
}

.ui.inverted.blue.segment {
  background-color: #2185D0 !important;
  color: #FFFFFF !important;
}

/* Violet */

.ui.violet.segment:not(.inverted) {
  border-top: 2px solid #6435C9;
}

.ui.inverted.violet.segment {
  background-color: #6435C9 !important;
  color: #FFFFFF !important;
}

/* Purple */

.ui.purple.segment:not(.inverted) {
  border-top: 2px solid #A333C8;
}

.ui.inverted.purple.segment {
  background-color: #A333C8 !important;
  color: #FFFFFF !important;
}

/* Pink */

.ui.pink.segment:not(.inverted) {
  border-top: 2px solid #E03997;
}

.ui.inverted.pink.segment {
  background-color: #E03997 !important;
  color: #FFFFFF !important;
}

/* Brown */

.ui.brown.segment:not(.inverted) {
  border-top: 2px solid #A5673F;
}

.ui.inverted.brown.segment {
  background-color: #A5673F !important;
  color: #FFFFFF !important;
}

/* Grey */

.ui.grey.segment:not(.inverted) {
  border-top: 2px solid #767676;
}

.ui.inverted.grey.segment {
  background-color: #767676 !important;
  color: #FFFFFF !important;
}

/* Black */

.ui.black.segment:not(.inverted) {
  border-top: 2px solid #1B1C1D;
}

.ui.inverted.black.segment {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}

/*-------------------
       Aligned
--------------------*/

.ui[class*="left aligned"].segment {
  text-align: left;
}

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

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

/*-------------------
       Floated
--------------------*/

.ui.floated.segment,
.ui[class*="left floated"].segment {
  float: left;
  margin-right: 1em;
}

.ui[class*="right floated"].segment {
  float: right;
  margin-left: 1em;
}

/*-------------------
      Inverted
--------------------*/

.ui.inverted.segment {
  border: none;
  box-shadow: none;
}

.ui.inverted.segment,
.ui.primary.inverted.segment {
  background: #1B1C1D;
  color: rgba(255, 255, 255, 0.9);
}

/* Nested */

.ui.inverted.segment .segment {
  color: rgba(0, 0, 0, 0.87);
}

.ui.inverted.segment .inverted.segment {
  color: rgba(255, 255, 255, 0.9);
}

/* Attached */

.ui.inverted.attached.segment {
  border-color: #555555;
}

/*-------------------
     Emphasis
--------------------*/

/* Secondary */

.ui.secondary.segment {
  background: #F3F4F5;
  color: rgba(0, 0, 0, 0.6);
}

.ui.secondary.inverted.segment {
  background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
  background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
  color: rgba(255, 255, 255, 0.8);
}

/* Tertiary */

.ui.tertiary.segment {
  background: #DCDDDE;
  color: rgba(0, 0, 0, 0.6);
}

.ui.tertiary.inverted.segment {
  background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
  background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
  color: rgba(255, 255, 255, 0.8);
}

/*-------------------
      Attached
--------------------*/

/* Middle */

.ui.attached.segment {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em -1px;
  width: calc(100% +  2px );
  max-width: calc(100% +  2px );
  box-shadow: none;
  border: 1px solid #D4D4D5;
}

.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
  border-top: none;
}

/* Top */

.ui[class*="top attached"].segment {
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  margin-top: 1rem;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

.ui.segment[class*="top attached"]:first-child {
  margin-top: 0em;
}

/* Bottom */

.ui.segment[class*="bottom attached"] {
  bottom: 0px;
  margin-top: 0em;
  top: 0px;
  margin-bottom: 1rem;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

.ui.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0em;
}

/*-------------------
        Size
--------------------*/

.ui.mini.segments .segment,
.ui.mini.segment {
  font-size: 0.78571429rem;
}

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

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

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

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

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

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

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

/*******************************
         Theme Overrides
*******************************/

/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.7 - Grid
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Standard
*******************************/

.ui.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 {
  margin-top: -1rem;
  margin-bottom: -1rem;
  margin-left: -1rem;
  margin-right: -1rem;
}

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

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

/* Preserve Rows Spacing on Consecutive Grids */

.ui.grid + .grid {
  margin-top: 1rem;
}

/*-------------------
       Columns
--------------------*/

/* Standard 16 column */

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

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

/*-------------------
        Rows
--------------------*/

.ui.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) {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

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

/*-------------------
      Content
--------------------*/

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

/*-------------------
    Loose Coupling
--------------------*/

/* Collapse Margin on Consecutive Grid */

.ui.grid > .ui.grid:first-child {
  margin-top: 0em;
}

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

/* Segment inside Aligned Grid */

.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached),
.ui.aligned.grid .column > .segment:not(.compact):not(.attached) {
  width: 100%;
}

/* Align Dividers with Gutter */

.ui.grid .row + .ui.divider {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 1rem 1rem;
}

.ui.grid .column + .ui.vertical.divider {
  height: calc(50% -  1rem );
}

/* Remove Border on Last Horizontal Segment */

.ui.grid > .row > .column:last-child > .horizontal.segment,
.ui.grid > .column:last-child > .horizontal.segment {
  box-shadow: none;
}

/*******************************
           Variations
*******************************/

/*-----------------------
       Page Grid
-------------------------*/

@media only screen and (max-width: 767px) {
  .ui.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 {
    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 {
    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 {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 15%;
    padding-right: 15%;
  }
}

@media only screen and (min-width: 1920px) {
  .ui.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,
.ui.grid > .row > .column:only-child {
  width: 100%;
}

/* Grid Based */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Row Based Overrides */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Celled Page */

.ui.celled.page.grid {
  box-shadow: none;
}

/*-------------------
    Column Width
--------------------*/

/* Sizing Combinations */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui.grid > .row > [class*="sixteen wide"].column,
.ui.grid > .column.row > [class*="sixteen wide"].column,
.ui.grid > [class*="sixteen wide"].column,
.ui.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,
  .ui.grid > .column.row > [class*="one wide mobile"].column,
  .ui.grid > [class*="one wide mobile"].column,
  .ui.column.grid > [class*="one wide mobile"].column {
    width: 6.25% !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ui.grid > .row > [class*="sixteen wide mobile"].column,
  .ui.grid > .column.row > [class*="sixteen wide mobile"].column,
  .ui.grid > [class*="sixteen wide mobile"].column,
  .ui.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,
  .ui.grid > .column.row > [class*="one wide tablet"].column,
  .ui.grid > [class*="one wide tablet"].column,
  .ui.column.grid > [class*="one wide tablet"].column {
    width: 6.25% !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ui.grid > .row > [class*="sixteen wide tablet"].column,
  .ui.grid > .column.row > [class*="sixteen wide tablet"].column,
  .ui.grid > [class*="sixteen wide tablet"].column,
  .ui.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,
  .ui.grid > .column.row > [class*="one wide computer"].column,
  .ui.grid > [class*="one wide computer"].column,
  .ui.column.grid > [class*="one wide computer"].column {
    width: 6.25% !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ui.grid > .row > [class*="sixteen wide computer"].column,
  .ui.grid > .column.row > [class*="sixteen wide computer"].column,
  .ui.grid > [class*="sixteen wide computer"].column,
  .ui.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,
  .ui.grid > .column.row > [class*="one wide large screen"].column,
  .ui.grid > [class*="one wide large screen"].column,
  .ui.column.grid > [class*="one wide large screen"].column {
    width: 6.25% !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ui.grid > .row > [class*="sixteen wide large screen"].column,
  .ui.grid > .column.row > [class*="sixteen wide large screen"].column,
  .ui.grid > [class*="sixteen wide large screen"].column,
  .ui.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,
  .ui.grid > .column.row > [class*="one wide widescreen"].column,
  .ui.grid > [class*="one wide widescreen"].column,
  .ui.column.grid > [class*="one wide widescreen"].column {
    width: 6.25% !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*----------------------
        Centered
-----------------------*/

.ui.centered.grid,
.ui.centered.grid > .row,
.ui.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),
.ui.centered.grid > .row > .column:not(.aligned):not(.justified),
.ui.grid .centered.row > .column:not(.aligned):not(.justified) {
  text-align: left;
}

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

/*----------------------
        Relaxed
-----------------------*/

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

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

/* Coupling with UI Divider */

.ui.relaxed.grid .row + .ui.divider,
.ui.grid .relaxed.row + .ui.divider {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

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

/*----------------------
        Padded
-----------------------*/

.ui.padded.grid:not(.vertically):not(.horizontally) {
  margin: 0em !important;
}

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

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

/*----------------------
       "Floated"
-----------------------*/

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

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

/*----------------------
        Divided
-----------------------*/

.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
  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),
.ui[class*="vertically divided"].grid > .row > .column {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.ui[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,
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  box-shadow: none;
}

/* No space on top of first row */

.ui[class*="vertically divided"].grid > .row:first-child > .column {
  margin-top: 0em;
}

/* Divided Row */

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

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

/* Vertically Divided */

.ui[class*="vertically divided"].grid > .row {
  position: relative;
}

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

/* Padded Horizontally Divided */

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

/* First Row Vertically Divided */

.ui[class*="vertically divided"].grid > .row:first-child:before {
  box-shadow: none;
}

/* Inverted Divided */

.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
  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,
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  box-shadow: none;
}

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

/* Relaxed */

.ui.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 {
  margin-left: 5rem;
  margin-right: 5rem;
  width: calc(100% -  5rem );
}

/*----------------------
         Celled
-----------------------*/

.ui.celled.grid {
  width: 100%;
  margin: 1em 0em;
  box-shadow: 0px 0px 0px 1px #D4D4D5;
}

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

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

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

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

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

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

/* Internally Celled */

.ui[class*="internally celled"].grid {
  box-shadow: none;
  margin: 0em;
}

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

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

/*----------------------
   Vertically Aligned
-----------------------*/

/* Top Aligned */

.ui[class*="top aligned"].grid > .column:not(.row),
.ui[class*="top aligned"].grid > .row > .column,
.ui.grid > [class*="top aligned"].row > .column,
.ui.grid > [class*="top aligned"].column:not(.row),
.ui.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),
.ui[class*="middle aligned"].grid > .row > .column,
.ui.grid > [class*="middle aligned"].row > .column,
.ui.grid > [class*="middle aligned"].column:not(.row),
.ui.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;
  -ms-grid-row-align: center !important;
  align-self: center !important;
}

/* Bottom Aligned */

.ui[class*="bottom aligned"].grid > .column:not(.row),
.ui[class*="bottom aligned"].grid > .row > .column,
.ui.grid > [class*="bottom aligned"].row > .column,
.ui.grid > [class*="bottom aligned"].column:not(.row),
.ui.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,
.ui.stretched.grid > .column,
.ui.grid > .stretched.row > .column,
.ui.grid > .stretched.column:not(.row),
.ui.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 > *,
.ui.stretched.grid > .column > *,
.ui.grid > .stretched.row > .column > *,
.ui.grid > .stretched.column:not(.row) > *,
.ui.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,
.ui[class*="left aligned"].grid > .row > .column,
.ui.grid > [class*="left aligned"].row > .column,
.ui.grid > [class*="left aligned"].column.column,
.ui.grid > .row > [class*="left aligned"].column.column {
  text-align: left;
  -ms-flex-item-align: inherit;
  -ms-grid-row-align: inherit;
  align-self: inherit;
}

/* Center Aligned */

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

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

/* Right Aligned */

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

/* Justified */

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

/*----------------------
         Colored
-----------------------*/

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

/* Red */

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

/* Orange */

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

/* Yellow */

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

/* Olive */

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

/* Green */

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

/* Teal */

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

/* Blue */

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

/* Violet */

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

/* Purple */

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

/* Pink */

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

/* Brown */

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

/* Grey */

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

/* Black */

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

/*----------------------
      Equal Width
-----------------------*/

.ui[class*="equal width"].grid > .column:not(.row),
.ui[class*="equal width"].grid > .row > .column,
.ui.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,
.ui[class*="equal width"].grid > .row > .wide.column,
.ui.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,
  .ui[class*="mobile reversed"].grid > .row,
  .ui.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,
  .ui.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,
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    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,
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    box-shadow: none;
  }

  /* Vertically Divided Reversed */

  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
    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 {
    box-shadow: none;
  }

  /* Celled Reversed */

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

  .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
    box-shadow: none;
  }
}

/* Tablet */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui[class*="tablet reversed"].grid,
  .ui[class*="tablet reversed"].grid > .row,
  .ui.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 {
    -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,
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    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,
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    box-shadow: none;
  }

  /* Vertically Divided Reversed */

  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
    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 {
    box-shadow: none;
  }

  /* Celled Reversed */

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

  .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
    box-shadow: none;
  }
}

/* Computer */

@media only screen and (min-width: 992px) {
  .ui[class*="computer reversed"].grid,
  .ui[class*="computer reversed"].grid > .row,
  .ui.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 {
    -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,
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    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,
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    box-shadow: none;
  }

  /* Vertically Divided Reversed */

  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
    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 {
    box-shadow: none;
  }

  /* Celled Reversed */

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

  .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
    box-shadow: none;
  }
}

/*-------------------
      Doubling
--------------------*/

/* Tablet Only */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.doubling.grid {
    width: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ui[class*="sixteen column"].doubling.grid > .row > .column,
  .ui[class*="sixteen column"].doubling.grid > .column:not(.row),
  .ui.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,
  .ui.doubling.grid > .row {
    margin: 0em !important;
    padding: 0em !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-------------------
      Stackable
--------------------*/

@media only screen and (max-width: 767px) {
  .ui.stackable.grid {
    width: auto;
    margin-left: 0em !important;
    margin-right: 0em !important;
  }

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

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

  /* Coupling */

  .ui.container > .ui.stackable.grid > .column,
  .ui.container > .ui.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,
  .ui.segment:not(.vertical) .ui.stackable.page.grid {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }

  /* Divided Stackable */

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

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

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

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

  .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
  .ui.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),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
    display: none !important;
  }

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

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

  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.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),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
    display: none !important;
  }

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

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

  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.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),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important;
  }

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

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

  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.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),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important;
  }

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

  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.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),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important;
  }

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

/*******************************
         Theme Overrides
*******************************/

/*******************************
         Site Overrides
*******************************/

@keyframes background-glide {
0% {
    background-position: 0 10%;
}
50% {
    background-position: 100% 91%;
}
100% {
    background-position: 0 10%;
}
}
@keyframes help {
from,
  70%,
  80%,
  90% {
    opacity: 0;
}
to,
  75%,
  85%,
  95% {
    opacity: 1;
}
}
@keyframes glide {
to {
    left: 0;
}
to {
    left: 100%;
}
}
body {
  font-size: 16px;
  font-family: 'Quicksand', sans-serif;
}
.ui.header {
  font-family: 'Quicksand', sans-serif;
}
.ui.segment {
  font-size: 1em;
}
#portfolio > .pusher {
  display: block;
  min-height: 0;
  -ms-flex-direction: initial;
      flex-direction: initial;
}
#portfolio > .pusher > .full.height {
  display: block;
  -ms-flex: none !important;
      flex: none !important;
}
#portfolio > .pusher > .footer {
  padding-left: 0;
}
#portfolio .hello.segment {
  background: -webkit-linear-gradient(0deg, #2EADF2 0, #CD5FD7 100%);
  background-size: 200% 200%;
  animation: background-glide 7.5s ease infinite;
  position: relative;
  min-height: 250px;
  color: #fff;
  padding: 0 0 100px;
  margin-bottom: 0;
  font-size: 2em;
  overflow: hidden;
  border-radius: 0;
}
#portfolio .hello.segment:after {
  content: '';
  display: block;
  position: absolute;
  left: -100px;
  right: -100px;
  bottom: 0;
  height: 300px;
  background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%221440px%22%20height%3D%22151px%22%20viewBox%3D%220%200%201440%20151%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Crect%20id%3D%22path-1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%221440%22%20height%3D%22157%22%3E%3C%2Frect%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Landing-Web-Copy%22%20transform%3D%22translate(0.000000%2C%20-6.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22waves-background-copy%22%20transform%3D%22translate(720.000000%2C%2078.500000)%20scale(-1%2C%201)%20translate(-720.000000%2C%20-78.500000)%20%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22mask-2%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Rectangle%22%3E%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-146.128639%2C135.029564%20C7.87135315%2C118.324339%2077%2C110.32434%20380%2C110.32434%20C683%2C110.32434%20749%2C155.999999%201040%2C155.999999%20C1331%2C155.999999%201487.87136%2C100.32434%201487.87136%2C100.32434%20L1469%2C255.999999%20L-25.3298427%2C266.32434%20C-25.3298427%2C266.32434%20-300.128631%2C151.734789%20-146.128639%2C135.029564%20Z%22%20id%3D%22Path-3-Copy%22%20fill%3D%22%23FFFFFF%22%20mask%3D%22url(%23mask-2)%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-136.132369%2C87.2904599%20C-105.00373%2C74.3583512%20271.004263%2C28%20437.037766%2C28%20C603.07127%2C28%20737.867594%2C63.8090896%201028.86759%2C63.8090896%20C1319.86759%2C63.8090896%201516.73899%2C34.0607412%201516.73899%2C34.0607412%20L1436.73901%2C167%20L-0.261001578%2C199%20C-0.261001578%2C199%20-167.261007%2C100.222569%20-136.132369%2C87.2904599%20Z%22%20id%3D%22Path-3-Copy-5%22%20fill%3D%22%23FFFFFF%22%20opacity%3D%220.100000001%22%20mask%3D%22url(%23mask-2)%22%20transform%3D%22translate(688.369496%2C%20113.500000)%20scale(-1%2C%201)%20translate(-688.369496%2C%20-113.500000)%20%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-166.000001%2C21%20C-12.000009%2C11.1934607%20419.331177%2C41.8243708%20534.331177%2C57.6742956%20C649.331177%2C73.5242204%20756.999952%2C113.000003%201047.99995%2C113.000003%20C1338.99995%2C113.000003%201505.20256%2C70.7794492%201505.20256%2C70.7794492%20L1435.45035%2C168.227136%20L-7.99864627%2C168.227136%20C-7.99864627%2C168.227136%20-319.999993%2C30.8065393%20-166.000001%2C21%20Z%22%20id%3D%22Path-3-Copy-2%22%20fill%3D%22%23FFFFFF%22%20opacity%3D%220.200000018%22%20mask%3D%22url(%23mask-2)%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M912.991178%2C66.4593918%20C797.063995%2C82.3093166%20700.419678%2C99.9377008%20407.073503%2C99.9377008%20C113.727328%2C99.9377008%20-65.7078119%2C79.5645454%20-65.7078119%2C79.5645454%20L4.60677034%2C177.012232%20L1459.69351%2C177.012232%20C1459.69351%2C177.012232%201758.75555%2C11.6921642%201603.51394%2C1.88562492%20C1448.27233%2C-7.92091441%201028.91836%2C50.609467%20912.991178%2C66.4593918%20Z%22%20id%3D%22Path-3-Copy-4%22%20fill%3D%22%23FFFFFF%22%20opacity%3D%220.25%22%20mask%3D%22url(%23mask-2)%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") center bottom / cover repeat-x;
  animation: background-glide 20s ease-in-out infinite;
}
#portfolio .hello.segment .ui.header {
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
  font-size: 2em;
}
#portfolio .hello.segment .ui.header .sub.header {
  color: rgba(255, 255, 255, 0.95);
  font-size: .75em;
}
#portfolio .hello.segment #navigation .ui.header {
  display: inline-block;
  font-size: 1em;
  text-transform: uppercase;
  line-height: 1.2;
  padding: 1em 1em 0;
}
#portfolio .hello.segment #navigation .ui.header.sub {
  color: rgba(255, 255, 255, 0.95);
  font-size: .75em;
}
#portfolio .hello.segment #hello {
  padding: 15rem 0;
  height: 55vh;
  margin-left: auto !important;
  margin-right: auto !important;
  min-height: 600px;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
#portfolio .hello.segment .mouse {
  bottom: 150px;
}
#portfolio .stripe.segment {
  padding: 5em 0;
  border-radius: 0;
  border-bottom: none;
}
@media only screen and (max-width: 767px) {
#portfolio .stripe.segment {
    padding: 2em;
}
}
/*
 * Singe Element Mouse
 *
 * the div is the body, ::after is the interaction
 */
.mouse[data-v-72741ce8] {
  border: 2px solid rgba(255, 255, 255, 0.87);
  height: 50px;
  width: 30px;
  border-radius: 25px;
  transition: opacity 0.45s ease-in-out;
  opacity: 1;
  position: absolute;
  /* variations */
  /* colors */
  /* animations */
}
.mouse[data-v-72741ce8]::after {
  content: ' ';
  position: absolute;
  background: rgba(255, 255, 255, 0.87);
}
.mouse.invisible[data-v-72741ce8] {
  opacity: 0 !important;
}
.mouse.scrollable[data-v-72741ce8]::after {
  height: 5px;
  width: 2px;
  border-radius: 25px;
  top: 5px;
  left: 12px;
}
.mouse.clickable[data-v-72741ce8]::after {
  opacity: 0;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  left: 7px;
  top: 7px;
}
.mouse.inverted[data-v-72741ce8] {
  border-color: #BDBDBD;
}
.mouse.inverted[data-v-72741ce8]::after {
  background: #BDBDBD;
}
.mouse.pulse[data-v-72741ce8] {
  animation: help 3s 0s 1 linear;
}
.mouse.scrollable.scrolling[data-v-72741ce8]::after {
  animation: scrolling 4s 0s linear infinite;
}
.mouse.clickable.clicking[data-v-72741ce8]::after {
  animation: click 250ms 500ms 2 linear;
}
@keyframes scrolling {
0%,
  20%,
  40%,
  60% {
    top: 5px;
}
10%,
  30%,
  50% {
    top: 15px;
}
}
@keyframes click {
to {
    transform: scale(3, 3);
    opacity: 1;
}
}

.work.segment {
  transition: box-shadow 250ms;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* client images */
  /* pseudo selectors */
  /*&:nth-child(even) {*/
  /*  background: #fff;*/
  /*}*/
  /*&:nth-child(odd) {*/
  /*  background: darken(#fff, 10%);*/
  /*}*/
  /* actions/modifiers */
}
.work.segment .ui.header {
  font-size: 2em;
}
.work.segment .ui.header .sub.header {
  font-size: .75em;
  padding: 0.5em 0 0;
}
.work.segment .logo {
  opacity: .4;
  transition: opacity 0.2s ease;
}
.work.segment .images {
  position: relative;
  cursor: auto;
  height: 210px;
  overflow: hidden;
  background: #f2f2f2;
  margin-top: 5em;
  margin-bottom: -5em;
  transition: height 5s;
}
.work.segment .images .mouse {
  opacity: 0;
  z-index: 2;
}
.work.segment .images:not(.open) {
  cursor: pointer;
}
.work.segment .images:not(.open)::before {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
  box-shadow: inset 0px -5px 5px -5px rgba(0, 0, 0, 0.5);
}
.work.segment .images:not(.open)::after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 5px;
  width: 100%;
  left: -100%;
  background: -webkit-linear-gradient(0deg, #2EADF2 0, #CD5FD7 100%);
}
.work.segment .images:not(.open) .mouse {
  opacity: 1;
  left: calc(50% - (30px - 15px));
  top: 5em;
}
.work.segment .images > .container {
  padding: 2rem;
}
.work.segment .images .ui.image {
  border-radius: 4px;
  max-height: 200px;
  box-shadow: 0 0 15px 0 #d9d9d9;
}
.work.segment .images .ui.image img {
  cursor: zoom-in;
}
.work.segment .images.open {
  height: 100%;
}
.work.segment:hover .logo {
  opacity: 1;
}
.work.segment:hover .images:not(.open)::after {
  -webkit-animation: glide 1s ease-in-out;
}
.work.segment .ui.timeline .point {
  margin-top: 1em;
  position: relative;
  margin-left: 1em;
}
.work.segment .ui.timeline .point:before {
  position: absolute;
  height: 12px;
  width: 12px;
  content: ' ';
  background: #666;
  top: 4px;
  left: -19px;
  border-radius: 50%;
}
.work.segment .ui.timeline .point:after {
  position: absolute;
  content: '';
  width: 2px;
  background: #666;
  top: 1em;
  bottom: -1.3em;
  left: -14px;
}
.work.segment .ui.timeline .point:last-child:after {
  bottom: 0;
}
.work.segment .ui.timeline .header {
  margin-bottom: .5rem;
}
.work.segment .ui.timeline .header .year {
  font-size: 0.85rem;
  color: #666;
}
.work.segment .ui.timeline .header .position {
  font-size: 1.3rem;
  margin: 0.5rem 0;
}
.work.segment .ui.timeline .body {
  padding: 0.5rem;
}
@keyframes peek {
0% {
    height: 210px;
}
50% {
    height: 225px;
}
100% {
    height: 210px;
}
}

.chevron[data-v-80f2df3c] {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin: 0 auto;
}
.chevron .one[data-v-80f2df3c],
.chevron .two[data-v-80f2df3c] {
  content: ' ';
  position: absolute;
  left: 0;
  height: 25px;
  width: 3px;
  background: #BDBDBD;
}
.chevron .one[data-v-80f2df3c] {
  animation: open-left 500ms forwards;
}
.chevron .two[data-v-80f2df3c] {
  animation: open-right 500ms forwards;
}
.chevron.open .one[data-v-80f2df3c] {
  animation: spin-left 500ms forwards;
}
.chevron.open .two[data-v-80f2df3c] {
  animation: spin-right 500ms forwards;
}
.chevron.invisible[data-v-80f2df3c] {
  display: none;
}
@keyframes open-left {
from {
    transform: rotate(-135deg);
}
to {
    transform: rotate(-45deg);
    left: 0;
}
}
@keyframes open-right {
from {
    transform: rotate(135deg);
}
to {
    transform: rotate(45deg);
    left: 0;
}
}
@keyframes peek-open-left {
from {
    transform: rotate(-135deg);
}
to {
    transform: rotate(90deg);
    left: -5px;
}
}
@keyframes peek-open-right {
from {
    transform: rotate(135deg);
}
to {
    transform: rotate(-90deg);
    left: 5px;
}
}
@keyframes spin-left {
to {
    transform: rotate(-135deg);
    left: 8px;
}
}
@keyframes spin-right {
to {
    transform: rotate(135deg);
    left: -8px;
}
}

/*# sourceMappingURL=app.f84dfc1da948eb1109b397921ba7fd37.css.map*/