@charset "UTF-8";
/*!
Theme Name: Starter HTML
Theme URI: http://www.digitalmohawk.com
Author: Digitalmohawk
Author URI: http://www.digitalmohawk.com
Description: Starter HTML
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: starter

Basic boilerplate for any kind of website project. Distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/* Styles for small text with uppercase font style. Used on dates and post meta */
/* Responsive media query mixins */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  -webkit-font-smoothing: antialiased; }

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

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

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

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

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

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

input {
  line-height: normal; }

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

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

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

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Site Layout
--------------------------------------------------------------*/
/*******************************
            Container
*******************************/
/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99; }

#status {
  width: 237px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 30%;
  background-image: url(../images/preloader.svg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

body.mobile-active {
  overflow-y: hidden; }

/* All Sizes */
.container {
  display: block;
  max-width: 1280px !important;
  margin: 0 auto;
  /* Large Monitor */
  /* Small Monitor */
  /* Tablet */
  /* Mobile */ }
  @media only screen and (min-width: 1440px) {
    .container {
      max-width: 1280px;
      margin-left: auto !important;
      margin-right: auto !important;
      padding-left: 1.25em;
      padding-right: 1.25em; } }
  @media (max-width: 1280px) {
    .container {
      max-width: 1280px;
      margin-left: auto !important;
      margin-right: auto !important;
      padding-left: 2.5em;
      padding-right: 2.5em; } }
  @media (max-width: 1024px) {
    .container {
      max-width: 100%;
      margin-left: auto !important;
      margin-right: auto !important;
      padding-left: 2.5em;
      padding-right: 2.5em; } }
  @media (max-width: 768px) {
    .container {
      width: auto !important;
      margin-left: auto !important;
      margin-right: auto !important;
      padding-left: 1.25em;
      padding-right: 1.25em; } }

/*******************************
          Site Header & Footer
*******************************/
.site-header {
  position: relative; }
  .site-header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 1.25em;
    padding-bottom: 1.25em; }
    @media (max-width: 768px) {
      .site-header .container .logo {
        max-width: 50%; } }

#inside-hero {
  position: relative;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  background: #FFFFFF;
  opacity: 0.7;
  border-bottom: 5px solid #7AC143; }
  #inside-hero .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }

.site-footer {
  background: #685040;
  min-height: 12.5em; }
  .site-footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    color: #FFFFFF;
    padding-top: 2.5em;
    padding-bottom: 2.5em; }
    @media (max-width: 1024px) {
      .site-footer .container {
        padding: 2.5em; } }
    @media (max-width: 768px) {
      .site-footer .container {
        padding: 2.5em 1.25em; } }
    .site-footer .container h4 {
      color: #FFFFFF;
      font-family: "ff-dax-compact-pro", sans-serif;
      margin-bottom: 0px; }
    .site-footer .container p {
      font-size: 12px;
      font-size: 0.75rem; }
    .site-footer .container ul {
      list-style: none;
      margin: 0 0 3.125em 0; }
    .site-footer .container a {
      color: #FFFFFF; }
    @media (max-width: 768px) {
      .site-footer .container .column {
        margin-bottom: 40px !important; } }
  .site-footer .bottom {
    background: #948671;
    padding: 10px; }
    .site-footer .bottom .container {
      padding: 0; }
      .site-footer .bottom .container p {
        margin: 0; }
  .site-footer .stores .item {
    margin-bottom: 20px; }
    .site-footer .stores .item .title {
      font-family: "canada-type-gibson", sans-serif;
      font-weight: 600;
      color: #FFFFFF;
      margin: 0; }
    .site-footer .stores .item p {
      margin: 0; }

.social-icons {
  margin-top: 20px;
  float: right; }
  @media (max-width: 768px) {
    .social-icons {
      float: inherit; } }
  .social-icons .item {
    margin-right: 0px; }

/*******************************
    Section Content
*******************************/
.content {
  padding: 2.5em 0;
  min-height: 1000px; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%; }
  .row.five-columns .column {
    width: 16%;
    min-height: 100px;
    position: relative; }
    @media (max-width: 1024px) {
      .row.five-columns .column {
        width: 100%; } }
  .row.four-columns .column {
    width: 23%;
    min-height: 100px;
    position: relative; }
    @media (max-width: 1024px) {
      .row.four-columns .column {
        width: 100%; } }
    .row.four-columns .column .item {
      position: relative; }
      .row.four-columns .column .item .image {
        -webkit-filter: grayscale(1);
        -webkit-filter: grayscale(90%);
        filter: gray;
        filter: grayscale(90%); }
      .row.four-columns .column .item .title {
        font-size: 16px;
        font-size: 1rem;
        margin-top: 20px; }
  .row.three-columns .column {
    width: 30%;
    min-height: 100px;
    position: relative; }
    @media (max-width: 1024px) {
      .row.three-columns .column {
        width: 100%; } }
    .row.three-columns .column .item {
      position: relative; }
      .row.three-columns .column .item .image {
        -webkit-filter: grayscale(1);
        -webkit-filter: grayscale(90%);
        filter: gray;
        filter: grayscale(90%); }
      .row.three-columns .column .item .title {
        font-size: 16px;
        font-size: 1rem;
        margin-top: 20px; }
  .row.two-columns .column {
    width: 48%;
    min-height: 100px; }
    @media (max-width: 1024px) {
      .row.two-columns .column {
        width: 100%; } }
    .row.two-columns .column .item .title {
      font-size: 16px;
      font-size: 1rem;
      margin-top: 20px; }

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
/*
[Fonts]
-------------------------------------------------------------------*/
@font-face {
  font-family: "PostGrotesk";
  src: url("../fonts/PostGrotesk-Book.eot");
  src: url("../fonts/PostGrotesk-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/PostGrotesk-Book.woff") format("woff"), url("../fonts/PostGrotesk-Book.ttf") format("truetype"), url("../fonts/PostGrotesk-Book.svg#font") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "PostGrotesk-Medium";
  src: url("../fonts/PostGrotesk-Medium.eot");
  src: url("../fonts/PostGrotesk-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/PostGrotesk-Medium.woff") format("woff"), url("../fonts/PostGrotesk-Medium.ttf") format("truetype"), url("../fonts/PostGrotesk-Medium.svg#font") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "TiemposText-Regular";
  src: url("../fonts/TiemposTextWeb-Regular.eot");
  src: url("../fonts/TiemposTextWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TiemposTextWeb-Regular.woff") format("woff"), url("../fonts/TiemposTextWeb-Regular.ttf") format("truetype"), url("../fonts/TiemposTextWeb-Regular.svg#font") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "TiemposHeadline";
  src: url("../fonts/TiemposHeadlineWeb-Medium.eot");
  src: url("../fonts/TiemposHeadlineWeb-Medium?#iefix") format("embedded-opentype"), url("../fonts/TiemposHeadlineWeb-Medium.woff") format("woff"), url("../fonts/TiemposHeadlineWeb-Medium.ttf") format("truetype"), url("../fonts/TiemposHeadlineWeb-Medium.svg#font") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "TiemposHeadline-Bold";
  src: url("../fonts/TiemposHeadlineWeb-Bold.eot");
  src: url("../fonts/TiemposHeadlineWeb-Bold?#iefix") format("embedded-opentype"), url("../fonts/TiemposHeadlineWeb-Bold.woff") format("woff"), url("../fonts/TiemposHeadlineWeb-Bold.ttf") format("truetype"), url("../fonts/TiemposHeadlineWeb-Bold.svg#font") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "TiemposHeadline-BoldItalic";
  src: url("../fonts/TiemposHeadlineWeb-BoldItalic.eot");
  src: url("../fonts/TiemposHeadlineWeb-BoldItalic?#iefix") format("embedded-opentype"), url("../fonts/TiemposHeadlineWeb-BoldItalic.woff") format("woff"), url("../fonts/TiemposHeadlineWeb-BoldItalic.ttf") format("truetype"), url("../fonts/TiemposHeadlineWeb-BoldItalic.svg#font") format("svg");
  font-weight: normal;
  font-style: normal; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #343e47;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #4A4A4A;
  line-height: 1.2;
  font-family: "ff-dax-compact-pro", sans-serif;
  margin: 0 0 10px 0; }

h1 {
  font-size: 60px;
  font-size: 3.75rem; }

h2 {
  font-size: 50px;
  font-size: 3.125rem; }

h3 {
  font-size: 30px;
  font-size: 1.875rem; }

h4 {
  font-size: 20px;
  font-size: 1.25rem; }

h5 {
  font-size: 16px;
  font-size: 1rem; }

h6 {
  font-size: 16px;
  font-size: 1rem; }

/*--------------------------------------------------------------
# Copy
--------------------------------------------------------------*/
p {
  margin-bottom: 1.5em;
  page-break-inside: avoid;
  margin-top: 0;
  line-height: 1.5; }

dfn, cite, em, i {
  font-style: italic; }

.dropcap {
  float: left;
  padding: 0;
  position: relative;
  color: #343e47;
  text-align: center;
  height: 80px;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 700;
  font-size: 105.008px;
  font-size: 6.563rem;
  line-height: .9;
  margin: 0 12px 10px 0; }
  @media (max-width: 768px) {
    .dropcap {
      font-size: 95px; } }
  @media (max-width: 768px) {
    .dropcap {
      font-size: 84px; } }

blockquote {
  margin-left: 0; }
  @media (max-width: 1024px) {
    blockquote {
      padding-left: 0 !important; } }
  blockquote p {
    margin-bottom: 1em;
    color: #7AC143;
    font-family: "ff-dax-compact-pro", sans-serif;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.6;
    position: relative; }
    blockquote p cite {
      font-family: "canada-type-gibson", sans-serif;
      display: block;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.25em;
      font-style: normal;
      margin-bottom: 0; }
  blockquote:before {
    content: "\201C";
    position: absolute;
    left: 0;
    font-size: 60px;
    width: 30px;
    top: 25px;
    line-height: 1; }
  @media (max-width: 768px) {
    blockquote {
      font-size: 20px;
      line-height: 1.5;
      padding-left: 12%; }
      blockquote:before {
        font-style: 52px;
        top: 21px; } }
  blockquote span {
    display: block;
    text-align: right;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 40px;
    margin-top: 10px;
    text-transform: uppercase; }

.pullquote.left {
  float: left;
  margin-right: 1.5rem;
  width: calc(30% + 100px); }

.pullquote.right {
  float: right;
  margin-left: 1.5rem;
  width: calc(30% + 100px); }

.pullquote p {
  border-top: 3px solid #222222;
  padding: 5% 0;
  margin: 10px;
  font-family: "ff-dax-compact-pro", sans-serif;
  font-size: 22px;
  font-size: 1.375rem; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #E0E1E2;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

.comments-area pre {
  background: #d7dee5; }

code, kbd, tt, var {
  font-size: 15px;
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

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

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

.example {
  border: 1px dotted #E0E1E2;
  padding: 20px;
  margin-bottom: 50px; }

.highlight {
  background: #C02942; }

.highlight2 {
  color: #C02942;
  font-family: "ff-dax-compact-pro", sans-serif;
  font-style: italic;
  font-size: 22px;
  font-size: 1.375rem; }

#page .more-link {
  font-weight: 700; }
  #page .more-link:after {
    content: " \2192"; }

/*--------------------------------------------------------------
# Icons
--------------------------------------------------------------*/
/*******************************
             Icon
*******************************/
@font-face {
  font-family: 'Icons';
  src: url("../fonts/icons.eot");
  src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.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 {
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; }

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

/*-------------------
      Circular
--------------------*/
i.circular.icon {
  border-radius: 500em !important;
  line-height: 1 !important;
  padding: 0.5em 0.5em !important;
  -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
          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;
  -webkit-box-shadow: 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;
  -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; }

i.bordered.inverted.icon {
  border: none;
  -webkit-box-shadow: 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.\35 00px: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.talk:before {
  content: "\f075"; }

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 {
  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 {
  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"; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

body {
  background: url(../images/bg.jpg); }

blockquote, q {
  quotes: "" ""; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

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

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

/* Lists */
ul, ol {
  margin: 0 0 1.4em 0px;
  padding: 0;
  line-height: 1.6; }

ul {
  list-style: none;
  margin: 0 0 1.4em 0px; }
  ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px; }
    ul li:before {
      content: "";
      width: 12px;
      height: 12px;
      background: url(../images/icon-leaf.svg);
      position: absolute;
      left: 2px;
      top: 8px; }

ol {
  list-style: decimal; }

ol > li {
  margin: 0 0 10px 0;
  padding: 0 0 0 2em;
  text-indent: -2em;
  list-style-type: none;
  counter-increment: item; }

ol > li:before {
  display: inline-block;
  width: 1.5em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) "."; }

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

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

/* Tables */
table {
  font-size: 18px;
  margin-bottom: 5%;
  padding: 0;
  width: 100%; }

table thead {
  background: #E0E1E2; }
  table thead th {
    font-weight: bold;
    text-align: left; }

table td, #content table th {
  padding: 10px; }

table td {
  border-bottom: solid 1px #eaf1f5; }

table tr:last-child td {
  border-bottom: none; }

table tr:nth-child(even) {
  background: #E0E1E2; }

/*******************************
            Preloader SVG
*******************************/
.loading {
  background: url(../images/loading-spin.svg);
  display: block;
  width: 32px;
  height: 32px; }

/*******************************
            Wow
*******************************/
.wow {
  visibility: hidden; }

/*******************************
            Slider
*******************************/
.hero {
  position: relative;
  width: 100%;
  height: 700px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .hero .fullscreen-bg {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
    height: 700px;
    width: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); }
    .hero .fullscreen-bg.active {
      display: block; }
    @media (max-width: 768px) {
      .hero .fullscreen-bg {
        height: 250px; } }
    .hero .fullscreen-bg .fullscreen-bg__video {
      position: absolute;
      width: auto;
      height: auto;
      min-width: 100%;
      min-height: 100%; }
  @media (max-width: 768px) {
    .hero {
      height: 250px; } }
  .hero.banner {
    height: 600px;
    position: relative; }
  .hero .stroke {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 688px;
    padding-bottom: 20px;
    background: #7AC143;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); }
    @media (max-width: 768px) {
      .hero .stroke {
        height: 286px; } }
  .hero .arrow-down {
    position: absolute;
    bottom: 65px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    z-index: 9;
    cursor: pointer;
    opacity: 0.9; }
    @media (max-width: 768px) {
      .hero .arrow-down {
        bottom: -10px;
        -webkit-transform: translateX(0%);
                transform: translateX(0%); } }
    .hero .arrow-down i {
      color: #FFFFFF;
      font-size: 30px;
      background: #7AC143;
      padding: 13px;
      border-radius: 50%; }

.home-carousel {
  width: 100%;
  height: 800px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin-bottom: 0; }
  @media (max-width: 768px) {
    .home-carousel {
      height: 300px; } }

.slick-slider.homepage-slider {
  display: none;
  width: 100%;
  height: 800px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin-bottom: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); }
  @media (max-width: 768px) {
    .slick-slider.homepage-slider {
      height: 300px; } }
  .slick-slider.homepage-slider.active {
    display: block; }

.slick-slider.supplier-slider {
  display: none;
  width: 100%;
  height: 800px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin-bottom: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); }
  @media (max-width: 768px) {
    .slick-slider.supplier-slider {
      height: 300px; } }
  .slick-slider.supplier-slider.active {
    display: block; }

.slick-slider.banner-slider {
  display: none;
  width: 100%;
  height: 800px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin-bottom: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); }
  @media (max-width: 768px) {
    .slick-slider.banner-slider {
      height: 300px; } }
  .slick-slider.banner-slider.active {
    display: block; }

.slick-slider .slick-track {
  height: 100%; }

.slick-slider .slick-list {
  height: 100%; }

.slick-slider .item {
  width: 100%;
  height: 100%  !important;
  display: table;
  background: no-repeat center center transparent;
  background-size: cover; }
  .slick-slider .item .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 800px;
    background-color: transparent !important;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    overflow: hidden;
    background: no-repeat center center transparent;
    background-size: cover;
    line-height: 0;
    z-index: 1;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); }
    @media (max-width: 768px) {
      .slick-slider .item .image {
        height: 300px; } }
  .slick-slider .item .slide-container {
    height: 100%;
    width: 100%;
    display: block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    margin-top: 150px; }
    @media (max-width: 768px) {
      .slick-slider .item .slide-container {
        padding: 0 1.25em; } }
    .slick-slider .item .slide-container .slide-content {
      width: 100%;
      max-width: 780px;
      margin: 0 auto !important;
      padding-top: 140px;
      text-align: center; }
      @media (max-width: 768px) {
        .slick-slider .item .slide-container .slide-content {
          padding-top: 0; } }
      .slick-slider .item .slide-container .slide-content .title {
        color: #FFFFFF; }
        @media (max-width: 768px) {
          .slick-slider .item .slide-container .slide-content .title {
            font-size: 28px;
            font-size: 1.75rem;
            padding-top: 0; } }
      .slick-slider .item .slide-container .slide-content .subtitle {
        clear: both;
        color: #FFFFFF; }
      .slick-slider .item .slide-container .slide-content .button {
        clear: both; }

/*******************************
            Gallery
*******************************/
.feed-column {
  /* max-width:100%;
	margin:0 -15px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  height: auto; }
  .feed-column .item {
    width: 100%;
    min-height: 250px;
    padding: 1rem;
    -webkit-transform: translate3d(0, 0, 0); }
    @media only screen and (min-width: 1440px) {
      .feed-column .item {
        width: 20%;
        min-height: 220px; }
        .feed-column .item:nth-child(5n+5) {
          margin-right: 0; } }
    @media (max-width: 1280px) {
      .feed-column .item {
        width: calc(22% - 8.33px);
        min-height: 300px; } }
    @media (max-width: 768px) {
      .feed-column .item {
        width: 100% !important;
        min-height: 300px; } }
  .feed-column .item .entry-image {
    width: 100%;
    height: 100%;
    min-height: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out; }
  .feed-column .item img {
    max-width: 100%; }

.split-column {
  -webkit-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -ms-column-gap: 40px;
  -o-column-gap: 40px;
  column-gap: 40px; }
  @media (max-width: 768px) {
    .split-column {
      -webkit-column-count: 1;
      -ms-column-count: 1;
      -o-column-count: 1;
      column-count: 1;
      -webkit-column-gap: 0px;
      -ms-column-gap: 0px;
      -o-column-gap: 0px;
      column-gap: 0px; } }

.pagination .page-numbers {
  background: #7AC143;
  padding: 7px 12px;
  color: #FFFFFF; }
  .pagination .page-numbers.current {
    background: #a2a1a1; }

/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
/*
 * # Semantic - Menu
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributor
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Standard
*******************************/
#nav-icon span:nth-child(1) {
  top: 0px; }

#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
  top: 10px;
  width: 25px; }

#nav-icon span:nth-child(4) {
  top: 20px;
  width: 20px; }

#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#nav-icon.open span:nth-child(4) {
  top: 15px;
  width: 0%;
  left: 50%; }

#nav-icon {
  width: 30px;
  height: 23px;
  position: fixed;
  top: 32px;
  right: 30px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  padding: 10px !important; }

#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #7AC143;
  border-radius: 5x;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

#nav-icon.open span {
  background: #FFFFFF; }

.top-nav {
  width: 100%;
  position: fixed;
  background: #7AC143;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 10;
  padding: 12px; }
  .top-nav.hidden {
    top: -100% !important; }
  .top-nav .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .top-nav .container .logo {
      max-width: 11%; }
    .top-nav .container .menu-main {
      width: 58%;
      margin-top: 20px;
      margin-left: 40px; }
      .top-nav .container .menu-main a {
        color: #FFFFFF; }
        .top-nav .container .menu-main a:hover {
          color: #685040; }
    .top-nav .container .social-icons .title {
      float: left;
      color: #FFFFFF;
      margin-right: 10px;
      font-family: "canada-type-gibson", sans-serif; }
    .top-nav .container .social-icons a:hover i {
      color: #685040; }
    .top-nav .container .subscribe {
      margin-top: 6px;
      margin-left: 4px; }
      .top-nav .container .subscribe .button {
        background: #685040; }

.menu-toggle {
  z-index: 21; }
  .menu-toggle.hidden {
    display: none; }
  .menu-toggle.active {
    display: block; }

.menu-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .menu-main.hidden {
    display: none; }
  .menu-main.active {
    display: block; }
  .menu-main .item {
    -ms-flex-item-align: center;
        align-self: center;
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
    padding: .92857143em 1.14285714em;
    text-transform: none;
    color: #685040;
    font-size: 18px;
    font-weight: 700;
    font-family: "ff-dax-compact-pro", sans-serif;
    text-transform: uppercase; }
    .menu-main .item.active:before, .menu-main .item:hover:before {
      content: "";
      width: 12px;
      height: 12px;
      background: url(../images/icon-leaf.svg);
      position: absolute;
      left: 2px;
      top: 22px; }

.menu-mobile {
  position: fixed;
  background: #685040;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  right: -100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .menu-mobile.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0;
    right: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  @media (max-width: 1280px) {
    .menu-mobile {
      display: block; } }
  .menu-mobile .logo {
    margin-bottom: 50px;
    display: block;
    max-width: 50%; }
  .menu-mobile .item {
    color: #FFFFFF;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 10px; }

.social-icons .item i {
  color: #FFFFFF;
  font-size: 20px; }

.social-icons .item:hover i {
  color: #7AC143; }

.menu-footer .title {
  font-size: 18px;
  margin-bottom: 20px !important;
  display: block; }

.menu-footer .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  font-size: 14px; }
  .menu-footer .item:hover {
    color: #7AC143; }

.menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .menu-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1rem;
    color: #685040; }

.filter {
  margin-bottom: 50px; }
  .filter .item {
    font-family: "ff-dax-compact-pro", sans-serif;
    font-size: 18px;
    color: #685040;
    margin-right: 50px;
    position: relative; }
    @media (max-width: 1024px) {
      .filter .item {
        width: 100%;
        margin-bottom: 15px;
        display: block; } }
    .filter .item i {
      margin-right: 12px;
      top: 6px;
      position: relative; }
    .filter .item.active {
      color: #7AC143; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*******************************
            Button
*******************************/
.button, input[type="submit"], button {
  cursor: pointer;
  display: inline-block;
  min-height: 1em;
  outline: none;
  border: none;
  vertical-align: baseline;
  background: #7AC143;
  color: #FFFFFF !important;
  margin: 0em 0.25em 0em 0em;
  padding: 0.78571429em 1.5em 0.78571429em;
  text-transform: none;
  text-shadow: none;
  font-weight: bold;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: 0;
  -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent; }

.button.specials {
  font-size: 20px;
  margin-top: 50px;
  text-align: center;
  margin: 40px auto 0; }
  .button.specials i {
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -10px; }
    .button.specials i img {
      width: 22px; }

/*******************************
            States
*******************************/
/*--------------
      Action
---------------*/
.button.action {
  background: #4A4A4A; }

.button.price-single span {
  font-size: 20px;
  font-size: 1.25rem; }

/*--------------
      Hover
---------------*/
.button:hover {
  background-color: #CACBCD;
  background-image: none;
  -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
          box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
  color: rgba(0, 0, 0, 0.8); }

.button:hover .icon {
  opacity: 0.85; }

/*--------------
      Focus
---------------*/
.button:focus {
  background-color: #CACBCD;
  color: rgba(0, 0, 0, 0.8);
  background-image: '' !important;
  -webkit-box-shadow: '' !important;
          box-shadow: '' !important; }

.button:focus .icon {
  opacity: 0.85; }

/*--------------
      Down
---------------*/
.button:active,
.active.button:active {
  background-color: #BABBBC;
  background-image: '';
  color: rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0px 0px 0px 1px transparent inset, none;
          box-shadow: 0px 0px 0px 1px transparent inset, none; }

/*--------------
     Active
---------------*/
.active.button {
  background-color: #C0C1C2;
  background-image: none;
  -webkit-box-shadow: 0px 0px 0px 1px transparent inset;
          box-shadow: 0px 0px 0px 1px transparent inset;
  color: rgba(0, 0, 0, 0.95); }

.active.button:hover {
  background-color: #C0C1C2;
  background-image: none;
  color: rgba(0, 0, 0, 0.95); }

.active.button:active {
  background-color: #C0C1C2;
  background-image: none; }

/*-------------------
        Sizes
--------------------*/
.mini.buttons .button,
.mini.buttons .or,
.mini.button {
  font-size: 0.78571429rem; }

.tiny.buttons .button,
.tiny.buttons .or,
.tiny.button {
  font-size: 0.85714286rem; }

.small.buttons .button,
.small.buttons .or,
.small.button {
  font-size: 0.92857143rem; }

.buttons .button,
.buttons .or,
.button {
  font-size: 1rem; }

.large.buttons .button,
.large.buttons .or,
.large.button {
  font-size: 1.14285714rem; }

.big.buttons .button,
.big.buttons .or,
.big.button {
  font-size: 1.28571429rem; }

.huge.buttons .button,
.huge.buttons .or,
.huge.button {
  font-size: 1.42857143rem; }

.massive.buttons .button,
.massive.buttons .or,
.massive.button {
  font-size: 1.71428571rem; }

/*--------------------
        Form
---------------------*/
form {
  position: relative;
  max-width: 100%; }

/*--------------------
    Standard Inputs
---------------------*/
textarea,
input:not([type]),
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="text"],
input[type="url"] {
  width: 100%;
  min-height: 50px;
  padding: 11px 16px 9px;
  display: block;
  background-color: #F0F0F0;
  border: 0;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 12px;
  outline: 0;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
  color: #343e47; }
  textarea:focus,
  input:not([type]):focus,
  input[type="date"]:focus,
  input[type="datetime-local"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="text"]:focus,
  input[type="url"]:focus {
    background-color: #E0E1E2;
    color: #343e47; }

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

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

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

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin-top: 5px;
  margin-right: 5px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes form-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes form-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*******************************
         Element Types
*******************************/
/*--------------------
     Required Field
---------------------*/
.form .required.fields:not(.grouped) > .field > label:after,
.form .required.fields.grouped > label:after,
.form .required.field > label:after,
.form .required.fields:not(.grouped) > .field > .checkbox:after,
.form .required.field > .checkbox:after {
  margin: -0.2em 0em 0em 0.2em;
  content: '*';
  color: #DB2828; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Swap to full width on mobile */
@media only screen and (max-width: 767px) {
  .form .fields {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  [class*="equal width"].form .fields > .field,
  .form [class*="equal width"].fields > .field,
  .form .two.fields > .fields,
  .form .two.fields > .field,
  .form .three.fields > .fields,
  .form .three.fields > .field,
  .form .four.fields > .fields,
  .form .four.fields > .field,
  .form .five.fields > .fields,
  .form .five.fields > .field,
  .form .six.fields > .fields,
  .form .six.fields > .field,
  .form .seven.fields > .fields,
  .form .seven.fields > .field,
  .form .eight.fields > .fields,
  .form .eight.fields > .field,
  .form .nine.fields > .fields,
  .form .nine.fields > .field,
  .form .ten.fields > .fields,
  .form .ten.fields > .field {
    width: 100% !important;
    margin: 0em 0em 1em; } }

/* Sizing Combinations */
.form .fields .wide.field {
  width: 6.25%;
  padding-left: 0.5em;
  padding-right: 0.5em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form {
  font-size: 1rem; }

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

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

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

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

/*******************************
         Theme Overrides
*******************************/
/*******************************
         Site Overrides
*******************************/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*******************************
            Links
*******************************/
a {
  color: #7AC143;
  text-decoration: none; }
  a:visited {
    color: #7AC143; }
  a:hover, a:focus, a:active {
    color: #E8604B; }
  a:focus {
    outline: 0; }
  a:hover, a:active {
    outline: 0; }

/*******************************
            Menu
*******************************/
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:focus {
    background-color: #FFFFFF;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #4A4A4A;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

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

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

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

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

#page .alignleft {
  display: inline;
  float: left;
  margin: .5em 2em .5em 0; }
  @media (max-width: 768px) {
    #page .alignleft {
      max-width: 150px;
      margin-right: 1em; } }

#page .alignright {
  display: inline;
  float: right;
  margin: .5em 0 1.5em 2em; }
  @media (max-width: 768px) {
    #page .alignright {
      max-width: 150px;
      margin-left: 1em; } }

#page .aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 1.5em auto; }

.wp-caption {
  margin: .5em 0 1.5em 0;
  max-width: 100%;
  text-align: left; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0;
  max-width: 100%; }

.wp-caption-text, .gallery-caption {
  padding-top: 10px;
  margin-top: 0;
  width: 100%;
  text-transform: none;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: 0;
  color: #a2a1a1; }

.site-footer .wp-caption-text,
.site-footer .gallery-caption {
  color: #a6b5c1;
  border-left-color: #a6b5c1; }

#main .tiled-gallery {
  margin-bottom: 1.4em; }

.pull-right,
.pull-excerpt {
  float: right;
  margin: 1.2% 0 2% 5%;
  text-align: right; }

.pull-left {
  float: left;
  margin: 1.5% 5% 2% 0; }

.pull-right,
.pull-left,
.pull-excerpt {
  color: #4A4A4A;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 20px;
  line-height: 1.4;
  width: 32%;
  padding: 20px 0 0 0;
  border-top: solid 4px #4A4A4A; }
  @media (max-width: 1024px) {
    .pull-right,
    .pull-left,
    .pull-excerpt {
      font-size: 18px;
      width: 100%;
      margin: 0 0 5% 0; } }

.pull-excerpt {
  font-style: normal;
  text-align: left;
  padding-top: 18px;
  line-height: 1.6;
  margin-top: 9px; }
  @media (max-width: 1024px) {
    .pull-excerpt {
      font-size: 20px;
      margin-top: 0; } }

.sticky {
  width: auto; }

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

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

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# extra plugins name
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Slick Slider
--------------------------------------------------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/*--------------------------------------------------------------
# Semantic Modules
--------------------------------------------------------------*/
/*!
 * # Semantic UI 2.2.7 - Accordion
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Accordion
*******************************/
.accordion,
.accordion .accordion {
  max-width: 100%; }

.accordion .accordion {
  margin: 1em 0em 0em;
  padding: 0em; }

/* Title */
.accordion .title,
.accordion .accordion .title {
  cursor: pointer; }

/* Default Styling */
.accordion .title:not() {
  padding: 0.5em 0em;
  font-family: "canada-type-gibson", sans-serif;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87); }

/* Content */
.accordion .title ~ .content,
.accordion .accordion .title ~ .content {
  display: none; }

/* Default Styling */
.accordion:not(.styled) .title ~ .content:not(),
.accordion:not(.styled) .accordion .title ~ .content:not() {
  margin: '';
  padding: 0.5em 0em 1em; }

.accordion:not(.styled) .title ~ .content:not():last-child {
  padding-bottom: 0em; }

/* Arrow */
.accordion .title .dropdown.icon,
.accordion .accordion .title .dropdown.icon {
  display: inline-block;
  float: none;
  opacity: 1;
  width: 1.25em;
  height: 1em;
  margin: 0em 0.25rem 0em 0rem;
  padding: 0em;
  font-size: 1em;
  -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
  transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
  vertical-align: baseline;
  -webkit-transform: none;
  transform: none; }

/*--------------
    Coupling
---------------*/
/* Menu */
.accordion.menu .item .title {
  display: block;
  padding: 0em; }

.accordion.menu .item .title > .dropdown.icon {
  float: right;
  margin: 0.21425em 0em 0em 1em;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

/* Header */
.accordion .header .dropdown.icon {
  font-size: 1em;
  margin: 0em 0.25rem 0em 0rem; }

/*******************************
            States
*******************************/
.accordion .active.title .dropdown.icon,
.accordion .accordion .active.title .dropdown.icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.accordion.menu .item .active.title > .dropdown.icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

/*******************************
            Types
*******************************/
/*--------------
     Styled
---------------*/
.styled.accordion {
  width: 600px; }

.styled.accordion,
.styled.accordion .accordion {
  border-radius: 0.28571429rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15); }

.styled.accordion .title,
.styled.accordion .accordion .title {
  margin: 0em;
  padding: 0.75em 1em;
  color: rgba(0, 0, 0, 0.4);
  font-weight: bold;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease; }

.styled.accordion > .title:first-child,
.styled.accordion .accordion .title:first-child {
  border-top: none; }

/* Content */
.styled.accordion .content,
.styled.accordion .accordion .content {
  margin: 0em;
  padding: 0.5em 1em 1.5em; }

.styled.accordion .accordion .content {
  padding: 0em;
  padding: 0.5em 1em 1.5em; }

/* Hover */
.styled.accordion .title:hover,
.styled.accordion .active.title,
.styled.accordion .accordion .title:hover,
.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.87); }

.styled.accordion .accordion .title:hover,
.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.87); }

/* Active */
.styled.accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.95); }

.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.95); }

/*******************************
            States
*******************************/
/*--------------
     Active
---------------*/
.accordion .active.content,
.accordion .accordion .active.content {
  display: block; }

/*******************************
           Variations
*******************************/
/*--------------
     Fluid
---------------*/
.fluid.accordion,
.fluid.accordion .accordion {
  width: 100%; }

/*--------------
     Inverted
---------------*/
.inverted.accordion .title:not() {
  color: rgba(255, 255, 255, 0.9); }

/*******************************
         Theme Overrides
*******************************/
@font-face {
  font-family: 'Accordion';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
  font-weight: normal;
  font-style: normal; }

/* Dropdown Icon */
.accordion .title .dropdown.icon,
.accordion .accordion .title .dropdown.icon {
  font-family: Accordion;
  line-height: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center; }

.accordion .title .dropdown.icon:before,
.accordion .accordion .title .dropdown.icon:before {
  content: ""; }

/*******************************
        User Overrides
*******************************/
/*!
 * # Semantic UI 2.2.7 - Modal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
             Modal
*******************************/
.modal {
  display: none;
  position: fixed;
  z-index: 1001;
  top: 50%;
  left: 50%;
  text-align: left;
  background: #FFFFFF;
  border: none;
  -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
  -webkit-transform-origin: 50% 25%;
  transform-origin: 50% 25%;
  border-radius: 0.28571429rem;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  will-change: top, left, margin, transform, opacity; }

.modal > :first-child:not(.icon),
.modal > .icon:first-child + * {
  border-top-left-radius: 0.28571429rem;
  border-top-right-radius: 0.28571429rem; }

.modal > :last-child {
  border-bottom-left-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem; }

/*******************************
            Content
*******************************/
/*--------------
     Close
---------------*/
.modal > .close {
  cursor: pointer;
  position: absolute;
  top: -2.5rem;
  right: -2.5rem;
  z-index: 1;
  opacity: 0.8;
  font-size: 1.25em;
  color: #FFFFFF;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.625rem 0rem 0rem 0rem; }

.modal > .close:hover {
  opacity: 1; }

/*--------------
     Header
---------------*/
.modal > .header {
  display: block;
  font-family: "canada-type-gibson", sans-serif;
  background: #FFFFFF;
  margin: 0em;
  padding: 1.25rem 1.5rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid rgba(34, 36, 38, 0.15); }

.modal > .header:not() {
  font-size: 1.42857143rem;
  line-height: 1.2857em;
  font-weight: bold; }

/*--------------
     Content
---------------*/
.modal > .content {
  display: block;
  width: 100%;
  font-size: 1em;
  line-height: 1.4;
  padding: 1.5rem;
  background: #FFFFFF; }

.modal > .image.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

/* Image */
.modal > .content > .image {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: '';
  -ms-flex-item-align: top;
  -ms-grid-row-align: top;
  align-self: top; }

.modal > [class*="top aligned"] {
  -ms-flex-item-align: top;
  -ms-grid-row-align: top;
  align-self: top; }

.modal > [class*="middle aligned"] {
  -ms-flex-item-align: middle;
  -ms-grid-row-align: middle;
  align-self: middle; }

.modal > [class*="stretched"] {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch; }

/* Description */
.modal > .content > .description {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-width: 0px;
  -ms-flex-item-align: top;
  -ms-grid-row-align: top;
  align-self: top; }

.modal > .content > .icon + .description,
.modal > .content > .image + .description {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  min-width: '';
  width: auto;
  padding-left: 2em; }

/*rtl:ignore*/
.modal > .content > .image > i.icon {
  margin: 0em;
  opacity: 1;
  width: auto;
  line-height: 1;
  font-size: 8rem; }

/*--------------
     Actions
---------------*/
.modal > .actions {
  background: #F9FAFB;
  padding: 1rem 1rem;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  text-align: right; }

.modal .actions > .button {
  margin-left: 0.75em; }

/*-------------------
       Responsive
--------------------*/
/* Modal Width */
@media only screen and (max-width: 767px) {
  .modal {
    width: 95%;
    margin: 0em 0em 0em -47.5%; } }

@media only screen and (min-width: 768px) {
  .modal {
    width: 88%;
    margin: 0em 0em 0em -44%; } }

@media only screen and (min-width: 992px) {
  .modal {
    width: 850px;
    margin: 0em 0em 0em -425px; } }

@media only screen and (min-width: 1200px) {
  .modal {
    width: 900px;
    margin: 0em 0em 0em -450px; } }

@media only screen and (min-width: 1920px) {
  .modal {
    width: 950px;
    margin: 0em 0em 0em -475px; } }

/* Tablet and Mobile */
@media only screen and (max-width: 991px) {
  .modal > .header {
    padding-right: 2.25rem; }
  .modal > .close {
    top: 1.0535rem;
    right: 1rem;
    color: rgba(0, 0, 0, 0.87); } }

/* Mobile */
@media only screen and (max-width: 767px) {
  .modal > .header {
    padding: 0.75rem 1rem !important;
    padding-right: 2.25rem !important; }
  .modal > .content {
    display: block;
    padding: 1rem !important; }
  .modal > .close {
    top: 0.5rem !important;
    right: 0.5rem !important; }
  /*rtl:ignore*/
  .modal .image.content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .modal .content > .image {
    display: block;
    max-width: 100%;
    margin: 0em auto !important;
    text-align: center;
    padding: 0rem 0rem 1rem !important; }
  .modal > .content > .image > i.icon {
    font-size: 5rem;
    text-align: center; }
  /*rtl:ignore*/
  .modal .content > .description {
    display: block;
    width: 100% !important;
    margin: 0em !important;
    padding: 1rem 0rem !important;
    -webkit-box-shadow: none;
            box-shadow: none; }
  /* Let Buttons Stack */
  .modal > .actions {
    padding: 1rem 1rem 0rem !important; }
  .modal .actions > .buttons,
  .modal .actions > .button {
    margin-bottom: 1rem; } }

/*--------------
    Coupling
---------------*/
.inverted.dimmer > .modal {
  -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); }

/*******************************
             Types
*******************************/
.basic.modal {
  background-color: transparent;
  border: none;
  border-radius: 0em;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #FFFFFF; }

.basic.modal > .header,
.basic.modal > .content,
.basic.modal > .actions {
  background-color: transparent; }

.basic.modal > .header {
  color: #FFFFFF; }

.basic.modal > .close {
  top: 1rem;
  right: 1.5rem; }

.inverted.dimmer > .basic.modal {
  color: rgba(0, 0, 0, 0.87); }

.inverted.dimmer > .basic.modal > .header {
  color: rgba(0, 0, 0, 0.85); }

/* Tablet and Mobile */
@media only screen and (max-width: 991px) {
  .basic.modal > .close {
    color: #FFFFFF; } }

/*******************************
             States
*******************************/
.active.modal {
  display: block; }

/*******************************
           Variations
*******************************/
/*--------------
    Scrolling
---------------*/
/* A modal that cannot fit on the page */
.scrolling.dimmable.dimmed {
  overflow: hidden; }

.scrolling.dimmable.dimmed > .dimmer {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.scrolling.dimmable > .dimmer {
  position: fixed; }

.modals.dimmer .scrolling.modal {
  position: static !important;
  margin: 3.5rem auto !important; }

/* undetached scrolling */
.scrolling.undetached.dimmable.dimmed {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.scrolling.undetached.dimmable.dimmed > .dimmer {
  overflow: hidden; }

.scrolling.undetached.dimmable .scrolling.modal {
  position: absolute;
  left: 50%;
  margin-top: 3.5rem !important; }

/* Coupling with Sidebar */
.undetached.dimmable.dimmed > .pusher {
  z-index: auto; }

@media only screen and (max-width: 991px) {
  .modals.dimmer .scrolling.modal {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; } }

/*--------------
   Full Screen
---------------*/
.fullscreen.modal {
  width: 95% !important;
  left: 2.5% !important;
  margin: 1em auto; }

.fullscreen.scrolling.modal {
  left: 0em !important; }

.fullscreen.modal > .header {
  padding-right: 2.25rem; }

.fullscreen.modal > .close {
  top: 1.0535rem;
  right: 1rem;
  color: rgba(0, 0, 0, 0.87); }

/*--------------
      Size
---------------*/
.modal {
  font-size: 1rem; }

/* Small */
.small.modal > .header:not() {
  font-size: 1.3em; }

/* Small Modal Width */
@media only screen and (max-width: 767px) {
  .small.modal {
    width: 95%;
    margin: 0em 0em 0em -47.5%; } }

@media only screen and (min-width: 768px) {
  .small.modal {
    width: 70.4%;
    margin: 0em 0em 0em -35.2%; } }

@media only screen and (min-width: 992px) {
  .small.modal {
    width: 680px;
    margin: 0em 0em 0em -340px; } }

@media only screen and (min-width: 1200px) {
  .small.modal {
    width: 720px;
    margin: 0em 0em 0em -360px; } }

@media only screen and (min-width: 1920px) {
  .small.modal {
    width: 760px;
    margin: 0em 0em 0em -380px; } }

/* Large Modal Width */
.large.modal > .header {
  font-size: 1.6em; }

@media only screen and (max-width: 767px) {
  .large.modal {
    width: 95%;
    margin: 0em 0em 0em -47.5%; } }

@media only screen and (min-width: 768px) {
  .large.modal {
    width: 88%;
    margin: 0em 0em 0em -44%; } }

@media only screen and (min-width: 992px) {
  .large.modal {
    width: 1020px;
    margin: 0em 0em 0em -510px; } }

@media only screen and (min-width: 1200px) {
  .large.modal {
    width: 1080px;
    margin: 0em 0em 0em -540px; } }

@media only screen and (min-width: 1920px) {
  .large.modal {
    width: 1140px;
    margin: 0em 0em 0em -570px; } }

/*******************************
         Theme Overrides
*******************************/
/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.7 - Dimmer
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Dimmer
*******************************/
.dimmable:not(.body) {
  position: relative; }

.ui.dimmer {
  display: none;
  position: absolute;
  top: 0em !important;
  left: 0em !important;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  line-height: 1;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  will-change: opacity;
  z-index: 1000; }

/* Dimmer Content */
.ui.dimmer > .content {
  width: 100%;
  height: 100%;
  display: table;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.ui.dimmer > .content > * {
  display: table-cell;
  vertical-align: middle;
  color: #FFFFFF; }

/* Loose Coupling */
.ui.segment > .ui.dimmer {
  border-radius: inherit !important; }

/*******************************
            States
*******************************/
.animating.dimmable:not(body),
.dimmed.dimmable:not(body) {
  overflow: hidden; }

.dimmed.dimmable > .ui.animating.dimmer,
.dimmed.dimmable > .ui.visible.dimmer,
.ui.active.dimmer {
  display: block;
  opacity: 1; }

.ui.disabled.dimmer {
  width: 0 !important;
  height: 0 !important; }

/*******************************
           Variations
*******************************/
/*--------------
      Page
---------------*/
.ui.page.dimmer {
  position: fixed;
  -webkit-transform-style: '';
  transform-style: '';
  -webkit-perspective: 2000px;
  perspective: 2000px;
  -webkit-transform-origin: center center;
  transform-origin: center center; }

body.animating.in.dimmable,
body.dimmed.dimmable {
  overflow: hidden; }

body.dimmable > .dimmer {
  position: fixed; }

/*--------------
    Blurring
---------------*/
.blurring.dimmable > :not(.dimmer) {
  -webkit-filter: blur(0px) grayscale(0);
  filter: blur(0px) grayscale(0);
  -webkit-transition: 800ms -webkit-filter ease;
  transition: 800ms -webkit-filter ease;
  transition: 800ms filter ease;
  transition: 800ms filter ease, 800ms -webkit-filter ease; }

.blurring.dimmed.dimmable > :not(.dimmer) {
  -webkit-filter: blur(5px) grayscale(0.7);
  filter: blur(5px) grayscale(0.7); }

/* Dimmer Color */
.blurring.dimmable > .dimmer {
  background-color: rgba(0, 0, 0, 0.6); }

.blurring.dimmable > .inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.6); }

/*--------------
    Aligned
---------------*/
.ui.dimmer > .top.aligned.content > * {
  vertical-align: top; }

.ui.dimmer > .bottom.aligned.content > * {
  vertical-align: bottom; }

/*--------------
    Inverted
---------------*/
.ui.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.85); }

.ui.inverted.dimmer > .content > * {
  color: #FFFFFF; }

/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.dimmer {
  display: block;
  overflow: hidden;
  opacity: 1;
  width: 0%;
  height: 0%;
  z-index: -100;
  background-color: transparent; }

.dimmed.dimmable > .ui.simple.dimmer {
  overflow: visible;
  opacity: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 1; }

.ui.simple.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0); }

.dimmed.dimmable > .ui.simple.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.85); }

/*******************************
         Theme Overrides
*******************************/
/*******************************
        User Overrides
*******************************/
/*!
 * # Semantic UI 2.2.7 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
          Transitions
*******************************/
.transition {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/*******************************
            States
*******************************/
/* Animating */
.animating.transition {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: visible !important; }

/* Loading */
.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px; }

/* Hidden */
.hidden.transition {
  display: none;
  visibility: hidden; }

/* Visible */
.visible.transition {
  display: block !important;
  visibility: visible !important;
  /*  backface-visibility: @backfaceVisibility;
  transform: @use3DAcceleration;*/ }

/* Disabled */
.disabled.transition {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

/*******************************
          Variations
*******************************/
.looping.transition {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

/*******************************
          Transitions
*******************************/
/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css

  Additional transitions adapted from Glide
  by Nick Pettit - https://github.com/nickpettit/glide
*/
/*--------------
     Browse
---------------*/
.transition.browse {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms; }

.transition.browse.in {
  -webkit-animation-name: browseIn;
  animation-name: browseIn; }

.transition.browse.out,
.transition.browse.left.out {
  -webkit-animation-name: browseOutLeft;
  animation-name: browseOutLeft; }

.transition.browse.right.out {
  -webkit-animation-name: browseOutRight;
  animation-name: browseOutRight; }

/* In */
@-webkit-keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1; }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999; }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999; } }

@keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1; }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999; }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999; } }

/* Out */
@-webkit-keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

@keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

@-webkit-keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

@keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

/*--------------
     Drop
---------------*/
.drop.transition {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); }

.drop.transition.in {
  -webkit-animation-name: dropIn;
  animation-name: dropIn; }

.drop.transition.out {
  -webkit-animation-name: dropOut;
  animation-name: dropOut; }

/* Drop */
@-webkit-keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); } }

@keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); } }

/*--------------
      Fade
---------------*/
.transition.fade.in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

.transition[class*="fade up"].in {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.transition[class*="fade down"].in {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

.transition[class*="fade left"].in {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

.transition[class*="fade right"].in {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

.transition.fade.out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

.transition[class*="fade up"].out {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

.transition[class*="fade down"].out {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

.transition[class*="fade left"].out {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

.transition[class*="fade right"].out {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

/* In */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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

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

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

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

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

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

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

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

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

/* Out */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

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

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

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

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

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

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

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

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

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

/*--------------
     Flips
---------------*/
.flip.transition.in,
.flip.transition.out {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms; }

.horizontal.flip.transition.in {
  -webkit-animation-name: horizontalFlipIn;
  animation-name: horizontalFlipIn; }

.horizontal.flip.transition.out {
  -webkit-animation-name: horizontalFlipOut;
  animation-name: horizontalFlipOut; }

.vertical.flip.transition.in {
  -webkit-animation-name: verticalFlipIn;
  animation-name: verticalFlipIn; }

.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlipOut;
  animation-name: verticalFlipOut; }

/* In */
@-webkit-keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1; } }

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

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

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

/* Out */
@-webkit-keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0; } }

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

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

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

/*--------------
      Scale
---------------*/
.scale.transition.in {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn; }

.scale.transition.out {
  -webkit-animation-name: scaleOut;
  animation-name: scaleOut; }

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

/* Out */
@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

@keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

/*--------------
      Fly
---------------*/
/* Inward */
.transition.fly {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.transition.fly.in {
  -webkit-animation-name: flyIn;
  animation-name: flyIn; }

.transition[class*="fly up"].in {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp; }

.transition[class*="fly down"].in {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown; }

.transition[class*="fly left"].in {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft; }

.transition[class*="fly right"].in {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight; }

/* Outward */
.transition.fly.out {
  -webkit-animation-name: flyOut;
  animation-name: flyOut; }

.transition[class*="fly up"].out {
  -webkit-animation-name: flyOutUp;
  animation-name: flyOutUp; }

.transition[class*="fly down"].out {
  -webkit-animation-name: flyOutDown;
  animation-name: flyOutDown; }

.transition[class*="fly left"].out {
  -webkit-animation-name: flyOutLeft;
  animation-name: flyOutLeft; }

.transition[class*="fly right"].out {
  -webkit-animation-name: flyOutRight;
  animation-name: flyOutRight; }

/* In */
@-webkit-keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

/* Out */
@-webkit-keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@-webkit-keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@-webkit-keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@-webkit-keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@-webkit-keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

/*--------------
     Slide
---------------*/
.transition.slide.in,
.transition[class*="slide down"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: top center;
  transform-origin: top center; }

.transition[class*="slide up"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center; }

.transition[class*="slide left"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center right;
  transform-origin: center right; }

.transition[class*="slide right"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center left;
  transform-origin: center left; }

.transition.slide.out,
.transition[class*="slide down"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: top center;
  transform-origin: top center; }

.transition[class*="slide up"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center; }

.transition[class*="slide left"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center right;
  transform-origin: center right; }

.transition[class*="slide right"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center left;
  transform-origin: center left; }

/* In */
@-webkit-keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@-webkit-keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

/* Out */
@-webkit-keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }

@keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }

@-webkit-keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); } }

@keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); } }

/*--------------
     Swing
---------------*/
.transition.swing {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms; }

.transition[class*="swing down"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: top center;
  transform-origin: top center; }

.transition[class*="swing up"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center; }

.transition[class*="swing left"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center right;
  transform-origin: center right; }

.transition[class*="swing right"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center left;
  transform-origin: center left; }

.transition.swing.out,
.transition[class*="swing down"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: top center;
  transform-origin: top center; }

.transition[class*="swing up"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center; }

.transition[class*="swing left"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center right;
  transform-origin: center right; }

.transition[class*="swing right"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center left;
  transform-origin: center left; }

/* In */
@-webkit-keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg); } }

@keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg); } }

@-webkit-keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg); } }

@keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg); } }

/* Out */
@-webkit-keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg); }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }

@keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg); }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }

@-webkit-keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg); }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; } }

@keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg); }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; } }

/*******************************
       Static Animations
*******************************/
/*--------------
    Emphasis
---------------*/
.flash.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: flash;
  animation-name: flash; }

.shake.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: shake;
  animation-name: shake; }

.bounce.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: bounce;
  animation-name: bounce; }

.tada.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: tada;
  animation-name: tada; }

.pulse.transition {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: pulse;
  animation-name: pulse; }

.jiggle.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: jiggle;
  animation-name: jiggle; }

/* Flash */
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

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

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

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

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

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

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

/* Pulse */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

/* Rubberband */
@-webkit-keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

/*******************************
         Site Overrides
*******************************/
/*--------------------------------------------------------------
# Animate
--------------------------------------------------------------*/
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

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

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

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

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

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

/*--------------------------------------------------------------
# Custom
--------------------------------------------------------------*/
/*******************************
            Section Header
*******************************/
.section-header {
  text-align: center;
  margin-bottom: 50px;
  display: block; }
  .section-header .title {
    color: #685040;
    font-size: 55.008px;
    font-size: 3.438rem;
    margin-bottom: 0px; }
    @media (max-width: 768px) {
      .section-header .title {
        font-size: 32px;
        font-size: 2rem; } }
  .section-header .description {
    color: #685040; }
  .section-header.left-aligned {
    text-align: left; }
  .section-header .headline {
    font-size: 20px;
    font-size: 1.25rem;
    color: #685040; }

/*******************************
            Products List
*******************************/
.weekly-specials {
  padding-bottom: 5em !important;
  min-height: 500px;
  margin-top: 50px; }

.note {
  font-size: 14px;
  font-style: italic;
  margin-top: 100px; }
  .note span {
    font-weight: 900;
    color: #7AC143; }

.products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .products .item {
    width: 23%;
    margin-right: 20px; }
    @media (max-width: 1024px) {
      .products .item {
        width: 47%; } }
    @media (max-width: 768px) {
      .products .item {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px; } }
    .products .item .image {
      background: #E0E1E2 !important;
      position: relative;
      max-width: 100%;
      height: 280px;
      background-size: contain !important;
      overflow: hidden; }
    .products .item .price-wrap {
      position: relative; }
      .products .item .price-wrap .price {
        position: relative;
        height: 70px; }
        .products .item .price-wrap .price .currency {
          color: #685040;
          font-size: 14px;
          position: absolute;
          top: 20px; }
        .products .item .price-wrap .price .dollars {
          font-size: 50px;
          font-family: "canada-type-gibson", sans-serif;
          font-weight: 600;
          color: #685040;
          position: relative;
          top: 0;
          left: 12px; }
          .products .item .price-wrap .price .dollars sup, .products .item .price-wrap .price .dollars sub {
            vertical-align: baseline;
            position: relative;
            top: -0.7em;
            font-size: 24px; }
          .products .item .price-wrap .price .dollars sub {
            top: 0.4em; }
        .products .item .price-wrap .price .each {
          font-size: 14px;
          color: #685040;
          margin-left: -17px; }
        .products .item .price-wrap .price.nodecimal .each {
          margin-left: 15px !important; }
      .products .item .price-wrap .discount {
        background: #7AC143;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 500;
        padding: 5px 10px;
        position: absolute;
        right: 0;
        top: 25px; }
    .products .item .details .title {
      color: #685040;
      margin-bottom: 0px; }
    .products .item .details .subtitle {
      font-size: 14px;
      color: #685040; }

/*******************************
      Suppliers / Farmers
*******************************/
.embed-container {
  width: 100%; }
  .embed-container iframe {
    display: block;
    max-width: 100%;
    margin: 0 auto; }

.our-suppliers {
  padding-bottom: 5em !important;
  margin-top: 150px; }

.suppliers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .suppliers .item {
    width: 32%;
    margin-right: 20px;
    margin-bottom: 40px; }
    .suppliers .item:nth-child(3n) {
      margin-right: 0px; }
    @media (max-width: 1024px) {
      .suppliers .item {
        width: 47%; } }
    @media (max-width: 768px) {
      .suppliers .item {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px; } }
    .suppliers .item .image {
      position: relative;
      width: 100%;
      min-height: 292px;
      margin-bottom: 10px; }
      @media (max-width: 1280px) {
        .suppliers .item .image {
          min-height: inherit; } }
      .suppliers .item .image .play-icon {
        position: absolute;
        top: 45%;
        left: 45%;
        z-index: 10; }
        .suppliers .item .image .play-icon i {
          color: #685040;
          font-size: 40px; }
      .suppliers .item .image img {
        position: relative;
        max-width: 100%; }
    .suppliers .item .title {
      color: #7AC143;
      font-size: 26px; }
    .suppliers .item .subtitle {
      font-weight: 600;
      color: #685040;
      margin-bottom: 5px; }

.video-modal .content {
  min-height: 100px; }

/*******************************
      Recipes
*******************************/
.healthyrecipes-detail .image {
  width: 100%;
  min-height: 450px;
  background-size: cover !important;
  position: relative;
  margin-bottom: 10px; }

.healthyrecipes-detail .item {
  margin-bottom: 15px; }
  .healthyrecipes-detail .item i img {
    margin-top: -3px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-right: 8px;
    float: left; }

.healthyrecipes-detail .method ol {
  list-style-type: none;
  counter-reset: li;
  margin-top: 20px; }
  .healthyrecipes-detail .method ol li {
    margin-left: 28px;
    position: relative;
    padding-left: 15px;
    margin-bottom: 20px;
    text-indent: 0; }
    .healthyrecipes-detail .method ol li::before {
      content: counter(li);
      counter-increment: li;
      position: absolute;
      top: -2px;
      left: -2em;
      width: 2em;
      margin-right: 8px;
      padding: 4px;
      font-weight: bold;
      text-align: center;
      color: #FFFFFF;
      background: #948671;
      border-radius: 100px; }

.healthyrecipes-detail .at-a-glance {
  margin-top: 20px; }

.healthyrecipes-detail .pair-with {
  margin-top: 20px; }
  .healthyrecipes-detail .pair-with .image {
    width: 20%;
    min-height: inherit;
    float: left; }

.recipes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .recipes .item {
    width: 32%;
    margin-right: 20px;
    margin-bottom: 40px; }
    .recipes .item:nth-child(3n) {
      margin-right: 0px; }
    @media (max-width: 1024px) {
      .recipes .item {
        width: 47%; } }
    @media (max-width: 768px) {
      .recipes .item {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px; } }
    .recipes .item .image {
      position: relative;
      width: 100%;
      height: 250px;
      min-height: 292px;
      margin-bottom: 10px;
      background-size: cover; }
      @media (max-width: 1280px) {
        .recipes .item .image {
          min-height: inherit; } }
      .recipes .item .image img {
        position: relative;
        max-width: 100%; }
    .recipes .item .title {
      color: #7AC143;
      font-size: 26px; }
    .recipes .item .subtitle {
      font-weight: 600;
      color: #685040;
      margin-bottom: 5px; }

/*******************************
      News List
*******************************/
.news-list article .title a {
  color: #685040; }
  .news-list article .title a:hover {
    color: #7AC143; }

/*******************************
      Store Locations
*******************************/
.store-locations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 40px; }
  .store-locations .item {
    width: 32%;
    margin-right: 20px;
    margin-bottom: 40px; }
    .store-locations .item:nth-child(3n) {
      margin-right: 0px; }
    @media (max-width: 1024px) {
      .store-locations .item {
        width: 47%; } }
    @media (max-width: 768px) {
      .store-locations .item {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px; } }
    .store-locations .item .image {
      position: relative;
      width: 100%;
      min-height: 292px;
      margin-bottom: 10px; }
      @media (max-width: 1280px) {
        .store-locations .item .image {
          min-height: inherit; } }
      .store-locations .item .image img {
        position: relative;
        max-width: 100%; }
    .store-locations .item .title {
      color: #7AC143;
      font-size: 26px; }
    .store-locations .item .subtitle {
      font-weight: 600;
      color: #685040;
      margin-bottom: 5px; }

/*******************************
      Subscribe Overlay
*******************************/
.subscribe-overlay {
  display: none;
  background: url(../images/bg-subscribe-overlay.jpg) no-repeat;
  background-size: cover;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  padding: 40px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 1024px) {
    .subscribe-overlay {
      padding: 0px; } }
  .subscribe-overlay .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 1024px) {
      .subscribe-overlay .container {
        padding-left: 0;
        padding-right: 0; } }
  .subscribe-overlay .subscribe-wrap {
    width: 80%;
    height: 80%;
    background: #FFFFFF;
    border: 5px solid #685040;
    padding: 40px;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (max-width: 1024px) {
      .subscribe-overlay .subscribe-wrap {
        width: 95%;
        padding: 20px; } }
    .subscribe-overlay .subscribe-wrap .logo {
      text-align: center;
      max-width: 45%;
      margin: 0 auto 50px; }
      @media (max-width: 1024px) {
        .subscribe-overlay .subscribe-wrap .logo {
          max-width: 70%;
          margin-top: 50px; } }
      @media (max-width: 768px) {
        .subscribe-overlay .subscribe-wrap .logo {
          max-width: 30%;
          margin: 20px auto; } }
    .subscribe-overlay .subscribe-wrap .tagline {
      width: 80%;
      font-weight: 100;
      font-family: "ff-dax-compact-pro", sans-serif;
      text-transform: uppercase;
      font-size: 36px;
      text-align: center;
      margin-bottom: 5px;
      color: #7AC143; }
      @media (max-width: 1024px) {
        .subscribe-overlay .subscribe-wrap .tagline {
          font-size: 18px;
          width: 100%; } }
      @media (max-width: 768px) {
        .subscribe-overlay .subscribe-wrap .tagline {
          font-size: 16px;
          width: 100%; } }
    .subscribe-overlay .subscribe-wrap .title {
      color: #685040; }
    .subscribe-overlay .subscribe-wrap p {
      color: #685040; }
    .subscribe-overlay .subscribe-wrap .close {
      margin-top: 20px;
      display: block;
      border-bottom: 2px solid #4A4A4A;
      color: #4A4A4A; }
    .subscribe-overlay .subscribe-wrap .close2 {
      position: absolute;
      right: 20px;
      top: 20px;
      cursor: pointer; }
    .subscribe-overlay .subscribe-wrap #mc_embed_signup {
      width: 60%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media (max-width: 1024px) {
        .subscribe-overlay .subscribe-wrap #mc_embed_signup {
          width: 100%; } }
      .subscribe-overlay .subscribe-wrap #mc_embed_signup form {
        width: 100%; }
        .subscribe-overlay .subscribe-wrap #mc_embed_signup form .email {
          background: #F0F0F0 url(../images/icon-mail.svg) 13px 16px no-repeat;
          background-size: 30px;
          padding-left: 60px; }
        .subscribe-overlay .subscribe-wrap #mc_embed_signup form #mc-embedded-subscribe {
          background: #685040;
          width: 100%;
          min-height: 50px !important; }
        .subscribe-overlay .subscribe-wrap #mc_embed_signup form #mce-success-response {
          color: #685040; }
        .subscribe-overlay .subscribe-wrap #mc_embed_signup form div[for="mce-EMAIL"] {
          color: #7AC143;
          background: none; }

.split-column {
  -webkit-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -ms-column-gap: 40px;
  -o-column-gap: 40px;
  column-gap: 40px; }
  @media (max-width: 1024px) {
    .split-column {
      -webkit-column-count: 1;
      -ms-column-count: 1;
      -o-column-count: 1;
      column-count: 1;
      -webkit-column-gap: 0px;
      -ms-column-gap: 0px;
      -o-column-gap: 0px;
      column-gap: 0px; } }

/*******************************
      Accordion
*******************************/
.accordion .title {
  font-family: "ff-dax-compact-pro", sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  color: #685040;
  padding-bottom: 10px; }

.accordion .content {
  min-height: 50px;
  padding: 10px 0 0 50px; }
  .accordion .content p {
    font-size: 18px; }

/*******************************
      Google Map
*******************************/
.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 20px 0; }

/* fixes potential theme css conflict */
.acf-map img {
  max-width: inherit !important; }

/*******************************
      Contact Form 7
*******************************/
.wpcf7-submit {
  margin-top: 20px !important; }

span.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 0 !important; }
/*# sourceMappingURL=style.css.map */