@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; }

iframe { border:none;}

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 {
  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"] {
  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;
  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
*******************************/
body {
  position: relative; }
  body.mobile-active {
    overflow-y: hidden; }

/* All Sizes */
.container {
  display: block;
  width: 1280px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 1em;
  position: relative;
  /* Laptop */
  /* Tablet */
  /* Mobile */ }
  @media only screen and (max-width: 1279px) {
    .container {
      max-width: 100% !important;
      padding: 1rem !important;
      margin-left: auto !important;
      margin-right: auto !important; } }
  @media only screen and (max-width: 1023px) {
    .container {
      max-width: auto !important;
      padding: 3rem !important;
      margin-left: auto !important;
      margin-right: auto !important; } }
  @media only screen and (max-width: 767px) {
    .container {
      max-width: auto !important;
      margin-left: auto !important;
      margin-right: auto !important;
      padding: 1rem !important; } }

/*******************************
          Site Header & Footer
*******************************/
.site-header {
  margin-bottom: 50px;
  height: 150px; }
  @media only screen and (max-width: 767px) {
    .site-header .container {
      padding: 1rem !important; } }
  @media only screen and (max-width: 1023px) {
    .site-header {
      height: 80px; } }
  @media only screen and (max-width: 767px) {
    .site-header {
      height: 80px !important; } }

.logo {
  float: left; }

.content {
  overflow: hidden;
  position: relative;
  margin-bottom: 10%; }

.row {
  position: relative;
  width: 100%; }

.row {
  width: 100%;
  margin-bottom: 1rem; }

.row::after {
  content: "";
  display: table;
  clear: both; }

.column, .columns {
  background: #000;
  float: left;
  position: relative;
  padding: 1rem;
  height: auto; }
  @media only screen and (max-width: 1023px) {
    .column, .columns {
      width: 100% !important; } }
  @media only screen and (max-width: 767px) {
    .column, .columns {
      width: 100% !important; } }

.column.one {
  width: 4.3%; }

.column.two {
  width: 13%; }

.column.three {
  width: 21.679%; }

.column.four {
  width: 30.37%; }

.column.five {
  width: 39.1%; }

.column.six {
  width: 50%; }

.column.seven {
  width: 56.5%; }

.column.eight {
  width: 65.2%; }

.column.nine {
  width: 73.9%; }

.column.ten {
  width: 82.6%; }

.column.eleven {
  width: 91.3%; }

.column.twelve {
  width: 100%; }

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

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #6d6e70;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  line-height: 1.6; }

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #6d6e70;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: "aleoregular", sans-serif;
  font-weight: normal; }

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

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

h3 {
  font-size: 40px;
  font-size: 2.5rem; }

h4 {
  font-size: 28px;
  font-size: 1.75rem; }
  @media only screen and (max-width: 767px) {
    h4 {
      font-size: 20px;
      font-size: 1.25rem; } }

h5 {
  font-size: 22px;
  font-size: 1.375rem; }
  @media only screen and (max-width: 767px) {
    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; }

.lead {
  margin-bottom: 24px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 33.599999999999994px; }

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

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

blockquote p {
  margin-bottom: 1em;
  color: #131313;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.6;
  position: relative; }
  blockquote p cite {
    font-family: "Open Sans", 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 only screen and (max-width: 767px) {
  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: "Open Sans", sans-serif;
  font-size: 22px;
  font-size: 1.375rem; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #F2F2F2;
  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 #F2F2F2;
  padding: 20px;
  margin-bottom: 50px; }

.highlight {
  background: #C02942; }

.highlight2 {
  color: #C02942;
  font-family: "Open Sans", 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
--------------------------------------------------------------*/
.arrow {
  background: url(../images/icon-arrow.svg) no-repeat;
  background-size: 100% 100%;
  width: 40px;
  height: 40px;
  display: block;
  float: left;
  margin-top: 10px;
  margin-right: 10px; }

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

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

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

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

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

/* 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 25px;
  padding: 0; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }
  ol li {
    margin-bottom: 20px; }

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: #F2F2F2; }
  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: #F2F2F2; }

/*******************************
            Slider
*******************************/
.homepage-slider {
  width: 100%;
  height: 518px;
  position: relative;
  top: 0px; }
  @media only screen and (max-width: 1279px) {
    .homepage-slider {
      height: 350px; } }
  @media only screen and (max-width: 1023px) {
    .homepage-slider {
      height: 300px; } }
  @media only screen and (max-width: 767px) {
    .homepage-slider {
      height: 120px; } }
  .homepage-slider .item {
    background-size: cover !important;
    width: 100%;
    height: 518px; }
    @media only screen and (max-width: 1279px) {
      .homepage-slider .item {
        height: 350px; } }
    @media only screen and (max-width: 1023px) {
      .homepage-slider .item {
        height: 300px; } }
    @media only screen and (max-width: 767px) {
      .homepage-slider .item {
        height: 120px; } }
  @media only screen and (max-width: 1023px) {
    .homepage-slider .container {
      padding: 0; } }
  .homepage-slider .slick-dots {
    bottom: 10px; z-index:1000; }
    .homepage-slider .slick-dots li.slick-active button {
      background: #64a8de; }
    .homepage-slider .slick-dots li button {
      width: 10px;
      height: 10px;
      background: #929396;
      border-radius: 50px;
      overflow-y: hidden !important; }
      .homepage-slider .slick-dots li button:before {
        content: none; }

/*******************************
            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 (max-width: 1279px) {
      .feed-column .item {
        width: calc(22% - 8.33px);
        min-height: 300px; } }
    @media only screen and (max-width: 767px) {
      .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%; }

/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
/*******************************
            Standard
*******************************/
/*--------------
      Menu
---------------*/
.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0em;
  font-family: "aleoregular", sans-serif;
  background: #FFFFFF;
  font-weight: normal;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  min-height: 2.85714286em; }

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

.menu:first-child {
  margin-top: 0rem; }

.menu:last-child {
  margin-bottom: 0rem; }

/*******************************
            Menu
*******************************/
.menu-toggle {
  display: none;
  position: relative;
  float: left;
  z-index: 9999;
  background: url(../images/icon-hamburger.svg) no-repeat;
  background-size: 100% 100%;
  width: 40px;
  height: 40px;
  margin-top: 12px;
  cursor: pointer; }
  @media only screen and (max-width: 1023px) {
    .menu-toggle {
      display: block;
      margin-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .menu-toggle {
      display: block;
      margin-top: 12px !important; } }
  .menu-toggle a {
    font-size: 48px; }
  .menu-toggle.close {
    background: url(../images/icon-close.svg) no-repeat;
    background-size: 100% 100%;
    width: 40px;
    height: 40px; }

.menu {
  float: right;
  z-index: 2; }
  @media only screen and (max-width: 1023px) {
    .menu {
      display: none;
      border-top: 5px solid #131313;
      background: #ffffff;
      width: 100%;
      position: absolute;
      margin: 0;
      top: 0;
      left: 0;
      margin: 0; }
      .menu.active {
        display: block; }
      .menu ul {
        list-style: none;
        margin-top: 20px; }
        .menu ul li {
          display: block !important;
          clear: both !important;
          margin-bottom: 20px !important; } }
  .menu ul {
    list-style-type: none; }
    .menu ul li {
      display: inline-block;
      font-weight: normal;
      margin: 0;
      padding: 0 10px;
      position: relative; }
    .menu ul .sub-menu {
      display: none;
      position: absolute; }
      .menu ul .sub-menu.active {
        display: block; }

.menu-mobile {
  position: fixed;
  width: 100%;
  height: 300px;
  z-index: 9999999;
  margin-top: -800px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  visibility: hidden; }
  .menu-mobile.active {
    display: block;
    margin-top: -5px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    visibility: visible; }
  .menu-mobile .menu {
    display: block;
    position: relative;
    border-radius: 0px !important;
    border: 0px !important; }
    .menu-mobile .menu .item {
      color: #ffffff;
      text-transform: uppercase;
      border-radius: 0px !important;
      margin-bottom: 2px;
      padding: 25px 20px; }
      .menu-mobile .menu .item#mobile-contact {
        background: #9ec54c; }
      .menu-mobile .menu .item#mobile-whatwedo {
        background: #91bb72; }
      .menu-mobile .menu .item#mobile-casestudies {
        background: #83b496; }
      .menu-mobile .menu .item#mobile-news {
        background: #76afba; }
      .menu-mobile .menu .item#mobile-resources {
        background: #64a8de; }
      .menu-mobile .menu .item:last-child {
        margin-bottom: 0px; }

/*--------------
    Sub-Menu
---------------*/
.menu .menu {
  margin: 0em; }

.menu:not(.vertical) > .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/*--------------
      Item
---------------*/
.menu:not(.vertical) .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.menu .item {
  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: none;
  padding: 0.92857143em 1.14285714em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
  font-weight: normal;
  -webkit-transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease; }

.menu > .item:first-child {
  border-radius: 0.28571429rem 0px 0px 0.28571429rem; }

/* Border */
.menu .item:before {
  position: absolute;
  content: '';
  top: 0%;
  right: 0px;
  height: 100%;
  width: 1px;
  background: rgba(34, 36, 38, 0.1); }

/*--------------
  Text Content
---------------*/
.menu .text.item > *,
.menu .item > a:not(),
.menu .item > p:only-child {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  line-height: 1.3; }

.menu .item > p:first-child {
  margin-top: 0; }

.menu .item > p:last-child {
  margin-bottom: 0; }

/*--------------
      Icons
---------------*/
.menu .item > i.icon {
  opacity: 0.9;
  float: none;
  margin: 0em 0.35714286em 0em 0em; }

/*--------------
     Button
---------------*/
.menu:not(.vertical) .item > .button {
  position: relative;
  top: 0em;
  margin: -0.5em 0em;
  padding-bottom: 0.78571429em;
  padding-top: 0.78571429em;
  font-size: 1em; }

/*----------------
 Grid / Container
-----------------*/
.menu > .grid,
.menu > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: inherit;
  flex-direction: inherit; }

/*--------------
     Inputs
---------------*/
.menu .item > .input {
  width: 100%; }

.menu:not(.vertical) .item > .input {
  position: relative;
  top: 0em;
  margin: -0.5em 0em; }

.menu .item > .input input {
  font-size: 1em;
  padding-top: 0.57142857em;
  padding-bottom: 0.57142857em; }

/*--------------
     Header
---------------*/
.menu .header.item,
.vertical.menu .header.item {
  margin: 0em;
  background: '';
  text-transform: normal;
  font-weight: bold; }

.vertical.menu .item > .header:not() {
  margin: 0em 0em 0.5em;
  font-size: 1em;
  font-weight: bold; }

/*--------------
    Dropdowns
---------------*/
/* Dropdown Icon */
.menu .item > i.dropdown.icon {
  padding: 0em;
  float: right;
  margin: 0em 0em 0em 1em; }

/* Menu */
.menu .dropdown.item .menu {
  left: 0px;
  min-width: calc(100% - 1px);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  background: #FFFFFF;
  margin: 0em 0px 0px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

/* Menu Items */
.menu .dropdown .menu > .item {
  margin: 0;
  text-align: left;
  font-size: 1em !important;
  padding: 0.78571429em 1.14285714em !important;
  background: transparent !important;
  color: rgba(0, 0, 0, 0.87) !important;
  text-transform: none !important;
  font-weight: normal !important;
  box-shadow: none !important;
  -webkit-transition: none !important;
  transition: none !important; }

.menu .dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important; }

.menu .dropdown .menu > .selected.item {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important; }

.menu .dropdown .menu > .active.item {
  background: rgba(0, 0, 0, 0.03) !important;
  font-weight: bold !important;
  color: rgba(0, 0, 0, 0.95) !important; }

.menu .dropdown.item .menu .item:not(.filtered) {
  display: block; }

.menu .dropdown .menu > .item .icon:not(.dropdown) {
  display: inline-block;
  font-size: 1em !important;
  float: none;
  margin: 0em 0.75em 0em 0em; }

/* Secondary */
.secondary.menu .dropdown.item > .menu,
.text.menu .dropdown.item > .menu {
  border-radius: 0.28571429rem;
  margin-top: 0.35714286em; }

/* Pointing */
.menu .pointing.dropdown.item .menu {
  margin-top: 0.75em; }

/* Inverted */
.inverted.menu .search.dropdown.item > .search,
.inverted.menu .search.dropdown.item > .text {
  color: rgba(255, 255, 255, 0.9); }

/* Vertical */
.vertical.menu .dropdown.item > .icon {
  float: right;
  content: "\f0da";
  margin-left: 1em; }

.vertical.menu .dropdown.item .menu {
  left: 100%;
  min-width: 0;
  margin: 0em 0em 0em 0em;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0.28571429rem 0.28571429rem 0.28571429rem; }

.vertical.menu .dropdown.item.upward .menu {
  bottom: 0; }

.vertical.menu .dropdown.item:not(.upward) .menu {
  top: 0; }

.vertical.menu .active.dropdown.item {
  border-top-right-radius: 0em;
  border-bottom-right-radius: 0em; }

.vertical.menu .dropdown.active.item {
  box-shadow: none; }

/* Evenly Divided */
.item.menu .dropdown .menu .item {
  width: 100%; }

/*--------------
     Labels
---------------*/
.menu .item > .label {
  background: #999999;
  color: #FFFFFF;
  margin-left: 1em;
  padding: 0.3em 0.78571429em; }

.vertical.menu .item > .label {
  background: #999999;
  color: #FFFFFF;
  margin-top: -0.15em;
  margin-bottom: -0.15em;
  padding: 0.3em 0.78571429em; }

.menu .item > .floating.label {
  padding: 0.3em 0.78571429em; }

/*--------------
     Images
---------------*/
.menu .item > img:not() {
  display: inline-block;
  vertical-align: middle;
  margin: -0.3em 0em;
  width: 2.5em; }

.vertical.menu .item > img:not():only-child {
  display: block;
  max-width: 100%;
  width: auto; }

/*******************************
          Coupling
*******************************/
/*--------------
     Sidebar
---------------*/
/* Show vertical dividers below last */
.vertical.sidebar.menu > .item:first-child:before {
  display: block !important; }

.vertical.sidebar.menu > .item::before {
  top: auto;
  bottom: 0px; }

/*--------------
    Container
---------------*/
@media only screen and (max-width: 767px) {
  .menu > .container {
    width: 100% !important;
    margin-left: 0em !important;
    margin-right: 0em !important; } }

@media only screen and (min-width: 768px) {
  .menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
    border-left: 1px solid rgba(34, 36, 38, 0.1); } }

/*******************************
             States
*******************************/
/*--------------
      Hover
---------------*/
.link.menu .item:hover,
.menu .dropdown.item:hover,
.menu .link.item:hover,
.menu a.item:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95); }

/*--------------
     Pressed
---------------*/
.link.menu .item:active,
.menu .link.item:active,
.menu a.item:active {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95); }

/*--------------
     Active
---------------*/
.menu .active.item {
  color: rgba(0, 0, 0, 0.95);
  font-weight: normal;
  box-shadow: none; }

.menu .active.item > i.icon {
  opacity: 1; }

/*--------------
  Active Hover
---------------*/
.menu .active.item:hover,
.vertical.menu .active.item:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95); }

/*--------------
     Disabled
---------------*/
.menu .item.disabled,
.menu .item.disabled:hover {
  cursor: default;
  background-color: transparent !important;
  color: rgba(40, 40, 40, 0.3); }

/*******************************
             Types
*******************************/
/*------------------
Floated Menu / Item
-------------------*/
/* Left Floated */
.menu:not(.vertical) .left.item,
.menu:not(.vertical) .left.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto !important; }

/* Right Floated */
.menu:not(.vertical) .right.item,
.menu:not(.vertical) .right.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto !important; }

/* Swapped Borders */
.menu .right.item::before,
.menu .right.menu > .item::before {
  right: auto;
  left: 0; }

/*--------------
    Vertical
---------------*/
.vertical.menu {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); }

/*--- Item ---*/
.vertical.menu .item {
  display: block;
  background: none;
  border-top: none;
  border-right: none; }

.vertical.menu > .item:first-child {
  border-radius: 0.28571429rem 0.28571429rem 0px 0px; }

.vertical.menu > .item:last-child {
  border-radius: 0px 0px 0.28571429rem 0.28571429rem; }

/*--- Label ---*/
.vertical.menu .item > .label {
  float: right;
  text-align: center; }

/*--- Icon ---*/
.vertical.menu .item > i.icon {
  width: 1.18em;
  float: right;
  margin: 0em 0em 0em 0.5em; }

.vertical.menu .item > .label + i.icon {
  float: none;
  margin: 0em 0.5em 0em 0em; }

/*--- Border ---*/
.vertical.menu .item:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0px;
  width: 100%;
  height: 1px;
  background: rgba(34, 36, 38, 0.1); }

.vertical.menu .item:first-child:before {
  display: none !important; }

/*--- Sub Menu ---*/
.vertical.menu .item > .menu {
  margin: 0.5em -1.14285714em 0em; }

.vertical.menu .menu .item {
  background: none;
  padding: 0.5em 1.33333333em;
  font-size: 0.85714286em;
  color: rgba(0, 0, 0, 0.5); }

.vertical.menu .item .menu a.item:hover,
.vertical.menu .item .menu .link.item:hover {
  color: rgba(0, 0, 0, 0.85); }

.vertical.menu .menu .item:before {
  display: none; }

/* Vertical Active */
.vertical.menu .active.item {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 0em;
  box-shadow: none; }

.vertical.menu > .active.item:first-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em; }

.vertical.menu > .active.item:last-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem; }

.vertical.menu > .active.item:only-child {
  border-radius: 0.28571429rem; }

.vertical.menu .active.item .menu .active.item {
  border-left: none; }

.vertical.menu .item .menu .active.item {
  background-color: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95); }

/*--------------
     Tabular
---------------*/
.tabular.menu {
  border-radius: 0em;
  box-shadow: none !important;
  border: none;
  background: none transparent;
  border-bottom: 1px solid #D4D4D5; }

.tabular.fluid.menu {
  width: calc(100% +  2px) !important; }

.tabular.menu .item {
  background: transparent;
  border-bottom: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 2px solid transparent;
  padding: 0.92857143em 1.42857143em;
  color: rgba(0, 0, 0, 0.87); }

.tabular.menu .item:before {
  display: none; }

/* Hover */
.tabular.menu .item:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8); }

/* Active */
.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-top-width: 1px;
  border-color: #D4D4D5;
  font-weight: bold;
  margin-bottom: -1px;
  box-shadow: none;
  border-radius: 0.28571429rem 0.28571429rem 0px 0px !important; }

/* Coupling with segment for attachment */
.tabular.menu + .attached:not(.top).segment,
.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
  border-top: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  width: 100%; }

.top.attached.segment + .bottom.tabular.menu {
  position: relative;
  width: calc(100% +  2px);
  left: -1px; }

/* Bottom Vertical Tabular */
.bottom.tabular.menu {
  background: none transparent;
  border-radius: 0em;
  box-shadow: none !important;
  border-bottom: none;
  border-top: 1px solid #D4D4D5; }

.bottom.tabular.menu .item {
  background: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: none; }

.bottom.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-color: #D4D4D5;
  margin: -1px 0px 0px 0px;
  border-radius: 0px 0px 0.28571429rem 0.28571429rem !important; }

/* Vertical Tabular (Left) */
.vertical.tabular.menu {
  background: none transparent;
  border-radius: 0em;
  box-shadow: none !important;
  border-bottom: none;
  border-right: 1px solid #D4D4D5; }

.vertical.tabular.menu .item {
  background: none;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: none; }

.vertical.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-color: #D4D4D5;
  margin: 0px -1px 0px 0px;
  border-radius: 0.28571429rem 0px 0px 0.28571429rem !important; }

/* Vertical Right Tabular */
.vertical.right.tabular.menu {
  background: none transparent;
  border-radius: 0em;
  box-shadow: none !important;
  border-bottom: none;
  border-right: none;
  border-left: 1px solid #D4D4D5; }

.vertical.right.tabular.menu .item {
  background: none;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  border-left: none; }

.vertical.right.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-color: #D4D4D5;
  margin: 0px 0px 0px -1px;
  border-radius: 0px 0.28571429rem 0.28571429rem 0px !important; }

/* Dropdown */
.tabular.menu .active.dropdown.item {
  margin-bottom: 0px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 2px solid transparent;
  border-bottom: none; }

/*--------------
   Pagination
---------------*/
.pagination.menu {
  margin: 0em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle; }

.pagination.menu .item:last-child {
  border-radius: 0em 0.28571429rem 0.28571429rem 0em; }

.compact.menu .item:last-child {
  border-radius: 0em 0.28571429rem 0.28571429rem 0em; }

.pagination.menu .item:last-child:before {
  display: none; }

.pagination.menu .item {
  min-width: 3em;
  text-align: center; }

.pagination.menu .icon.item i.icon {
  vertical-align: top; }

/* Active */
.pagination.menu .active.item {
  border-top: none;
  padding-top: 0.92857143em;
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  box-shadow: none; }

/*--------------
   Secondary
---------------*/
.secondary.menu {
  background: none;
  margin-left: -0.35714286em;
  margin-right: -0.35714286em;
  border-radius: 0em;
  border: none;
  box-shadow: none; }

/* Item */
.secondary.menu .item {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  box-shadow: none;
  border: none;
  padding: 0.78571429em 0.92857143em;
  margin: 0em 0.35714286em;
  background: none;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
  border-radius: 0.28571429rem; }

/* No Divider */
.secondary.menu .item:before {
  display: none !important; }

/* Header */
.secondary.menu .header.item {
  border-radius: 0em;
  border-right: none;
  background: none transparent; }

/* Image */
.secondary.menu .item > img:not() {
  margin: 0em; }

/* Hover */
.secondary.menu .dropdown.item:hover,
.secondary.menu .link.item:hover,
.secondary.menu a.item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95); }

/* Active */
.secondary.menu .active.item {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  border-radius: 0.28571429rem; }

/* Active Hover */
.secondary.menu .active.item:hover {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95); }

/* Inverted */
.secondary.inverted.menu .link.item,
.secondary.inverted.menu a.item {
  color: rgba(255, 255, 255, 0.7) !important; }

.secondary.inverted.menu .dropdown.item:hover,
.secondary.inverted.menu .link.item:hover,
.secondary.inverted.menu a.item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff !important; }

.secondary.inverted.menu .active.item {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff !important; }

/* Fix item margins */
.secondary.item.menu {
  margin-left: 0em;
  margin-right: 0em; }

.secondary.item.menu .item:last-child {
  margin-right: 0em; }

.secondary.attached.menu {
  box-shadow: none; }

/* Sub Menu */
.vertical.secondary.menu .item:not(.dropdown) > .menu {
  margin: 0em -0.92857143em; }

.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
  margin: 0em;
  padding: 0.5em 1.33333333em; }

/*---------------------
   Secondary Vertical
-----------------------*/
.secondary.vertical.menu > .item {
  border: none;
  margin: 0em 0em 0.35714286em;
  border-radius: 0.28571429rem !important; }

.secondary.vertical.menu > .header.item {
  border-radius: 0em; }

/* Sub Menu */
.vertical.secondary.menu .item > .menu .item {
  background-color: transparent; }

/* Inverted */
.secondary.inverted.menu {
  background-color: transparent; }

/*---------------------
   Secondary Pointing
-----------------------*/
.secondary.pointing.menu {
  margin-left: 0em;
  margin-right: 0em;
  border-bottom: 2px solid rgba(34, 36, 38, 0.15); }

.secondary.pointing.menu .item {
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-radius: 0em;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin: 0em 0em -2px;
  padding: 0.85714286em 1.14285714em;
  border-bottom-width: 2px;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease; }

/* Item Types */
.secondary.pointing.menu .header.item {
  color: rgba(0, 0, 0, 0.85) !important; }

.secondary.pointing.menu .text.item {
  box-shadow: none !important; }

.secondary.pointing.menu .item:after {
  display: none; }

/* Hover */
.secondary.pointing.menu .dropdown.item:hover,
.secondary.pointing.menu .link.item:hover,
.secondary.pointing.menu a.item:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87); }

/* Pressed */
.secondary.pointing.menu .dropdown.item:active,
.secondary.pointing.menu .link.item:active,
.secondary.pointing.menu a.item:active {
  background-color: transparent;
  border-color: rgba(34, 36, 38, 0.15); }

/* Active */
.secondary.pointing.menu .active.item {
  background-color: transparent;
  box-shadow: none;
  border-color: #1B1C1D;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95); }

/* Active Hover */
.secondary.pointing.menu .active.item:hover {
  border-color: #1B1C1D;
  color: rgba(0, 0, 0, 0.95); }

/* Active Dropdown */
.secondary.pointing.menu .active.dropdown.item {
  border-color: transparent; }

/* Vertical Pointing */
.secondary.vertical.pointing.menu {
  border-bottom-width: 0px;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: rgba(34, 36, 38, 0.15); }

.secondary.vertical.pointing.menu .item {
  border-bottom: none;
  border-right-style: solid;
  border-right-color: transparent;
  border-radius: 0em !important;
  margin: 0em -2px 0em 0em;
  border-right-width: 2px; }

/* Vertical Active */
.secondary.vertical.pointing.menu .active.item {
  border-color: #1B1C1D; }

/* Inverted */
.secondary.inverted.pointing.menu {
  border-color: rgba(255, 255, 255, 0.1); }

.secondary.inverted.pointing.menu {
  border-width: 2px;
  border-color: rgba(34, 36, 38, 0.15); }

.secondary.inverted.pointing.menu .item {
  color: rgba(255, 255, 255, 0.9); }

.secondary.inverted.pointing.menu .header.item {
  color: #FFFFFF !important; }

/* Hover */
.secondary.inverted.pointing.menu .link.item:hover,
.secondary.inverted.pointing.menu a.item:hover {
  color: rgba(0, 0, 0, 0.95); }

/* Active */
.secondary.inverted.pointing.menu .active.item {
  border-color: #FFFFFF;
  color: #ffffff; }

/*--------------
    Text Menu
---------------*/
.text.menu {
  background: none transparent;
  border-radius: 0px;
  box-shadow: none;
  border: none;
  margin: 1em -0.5em; }

.text.menu .item {
  border-radius: 0px;
  box-shadow: none;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin: 0em 0em;
  padding: 0.35714286em 0.5em;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; }

/* Border */
.text.menu .item:before,
.text.menu .menu .item:before {
  display: none !important; }

/* Header */
.text.menu .header.item {
  background-color: transparent;
  opacity: 1;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.92857143em;
  text-transform: uppercase;
  font-weight: bold; }

/* Image */
.text.menu .item > img:not() {
  margin: 0em; }

/*--- fluid text ---*/
.text.item.menu .item {
  margin: 0em; }

/*--- vertical text ---*/
.vertical.text.menu {
  margin: 1em 0em; }

.vertical.text.menu:first-child {
  margin-top: 0rem; }

.vertical.text.menu:last-child {
  margin-bottom: 0rem; }

.vertical.text.menu .item {
  margin: 0.57142857em 0em;
  padding-left: 0em;
  padding-right: 0em; }

.vertical.text.menu .item > i.icon {
  float: none;
  margin: 0em 0.35714286em 0em 0em; }

.vertical.text.menu .header.item {
  margin: 0.57142857em 0em 0.71428571em; }

/* Vertical Sub Menu */
.vertical.text.menu .item:not(.dropdown) > .menu {
  margin: 0em; }

.vertical.text.menu .item:not(.dropdown) > .menu > .item {
  margin: 0em;
  padding: 0.5em 0em; }

/*--- hover ---*/
.text.menu .item:hover {
  opacity: 1;
  background-color: transparent; }

/*--- active ---*/
.text.menu .active.item {
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.95); }

/*--- active hover ---*/
.text.menu .active.item:hover {
  background-color: transparent; }

/* Disable Bariations */
.text.pointing.menu .active.item:after {
  box-shadow: none; }

.text.attached.menu {
  box-shadow: none; }

/* Inverted */
.inverted.text.menu,
.inverted.text.menu .item,
.inverted.text.menu .item:hover,
.inverted.text.menu .active.item {
  background-color: transparent !important; }

/* Fluid */
.fluid.text.menu {
  margin-left: 0em;
  margin-right: 0em; }

/*--------------
    Icon Only
---------------*/
/* Vertical Menu */
.vertical.icon.menu {
  display: inline-block;
  width: auto; }

/* Item */
.icon.menu .item {
  height: auto;
  text-align: center;
  color: #1B1C1D; }

/* Icon */
.icon.menu .item > .icon:not(.dropdown) {
  margin: 0;
  opacity: 1; }

/* Icon Gylph */
.icon.menu .icon:before {
  opacity: 1; }

/* (x) Item Icon */
.menu .icon.item > .icon {
  width: auto;
  margin: 0em auto; }

/* Vertical Icon */
.vertical.icon.menu .item > .icon:not(.dropdown) {
  display: block;
  opacity: 1;
  margin: 0em auto;
  float: none; }

/* Inverted */
.inverted.icon.menu .item {
  color: #FFFFFF; }

/*--------------
   Labeled Icon
---------------*/
/* Menu */
.labeled.icon.menu {
  text-align: center; }

/* Item */
.labeled.icon.menu .item {
  min-width: 6em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

/* Icon */
.labeled.icon.menu .item > .icon:not(.dropdown) {
  height: 1em;
  display: block;
  font-size: 1.71428571em !important;
  margin: 0em auto 0.5rem !important; }

/* Fluid */
.fluid.labeled.icon.menu > .item {
  min-width: 0em; }

/*******************************
           Variations
*******************************/
/*--------------
    Stackable
---------------*/
@media only screen and (max-width: 767px) {
  .stackable.menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .stackable.menu .item {
    width: 100% !important; }
  .stackable.menu .item:before {
    position: absolute;
    content: '';
    top: auto;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: rgba(34, 36, 38, 0.1); }
  .stackable.menu .left.menu,
  .stackable.menu .left.item {
    margin-right: 0 !important; }
  .stackable.menu .right.menu,
  .stackable.menu .right.item {
    margin-left: 0 !important; } }

/*--------------
     Colors
---------------*/
/*--- Standard Colors  ---*/
.menu .red.active.item,
.red.menu .active.item {
  border-color: #DB2828 !important;
  color: #DB2828 !important; }

.menu .orange.active.item,
.orange.menu .active.item {
  border-color: #F2711C !important;
  color: #F2711C !important; }

.menu .yellow.active.item,
.yellow.menu .active.item {
  border-color: #FBBD08 !important;
  color: #FBBD08 !important; }

.menu .olive.active.item,
.olive.menu .active.item {
  border-color: #B5CC18 !important;
  color: #B5CC18 !important; }

.menu .green.active.item,
.green.menu .active.item {
  border-color: #21BA45 !important;
  color: #21BA45 !important; }

.menu .teal.active.item,
.teal.menu .active.item {
  border-color: #00B5AD !important;
  color: #00B5AD !important; }

.menu .blue.active.item,
.blue.menu .active.item {
  border-color: #2185D0 !important;
  color: #2185D0 !important; }

.menu .violet.active.item,
.violet.menu .active.item {
  border-color: #6435C9 !important;
  color: #6435C9 !important; }

.menu .purple.active.item,
.purple.menu .active.item {
  border-color: #A333C8 !important;
  color: #A333C8 !important; }

.menu .pink.active.item,
.pink.menu .active.item {
  border-color: #E03997 !important;
  color: #E03997 !important; }

.menu .brown.active.item,
.brown.menu .active.item {
  border-color: #A5673F !important;
  color: #A5673F !important; }

.menu .grey.active.item,
.grey.menu .active.item {
  border-color: #767676 !important;
  color: #767676 !important; }

/*--------------
    Inverted
---------------*/
.inverted.menu {
  border: 0px solid transparent;
  background: #1B1C1D;
  box-shadow: none; }

/* Menu Item */
.inverted.menu .item,
.inverted.menu .item > a:not() {
  background: transparent;
  color: rgba(255, 255, 255, 0.9); }

.inverted.menu .item.menu {
  background: transparent; }

/*--- Border ---*/
.inverted.menu .item:before {
  background: rgba(255, 255, 255, 0.08); }

.vertical.inverted.menu .item:before {
  background: rgba(255, 255, 255, 0.08); }

/* Sub Menu */
.vertical.inverted.menu .menu .item,
.vertical.inverted.menu .menu .item a:not() {
  color: rgba(255, 255, 255, 0.5); }

/* Header */
.inverted.menu .header.item {
  margin: 0em;
  background: transparent;
  box-shadow: none; }

/* Disabled */
.inverted.menu .item.disabled,
.inverted.menu .item.disabled:hover {
  color: rgba(225, 225, 225, 0.3); }

/*--- Hover ---*/
.link.inverted.menu .item:hover,
.inverted.menu .dropdown.item:hover,
.inverted.menu .link.item:hover,
.inverted.menu a.item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff; }

.vertical.inverted.menu .item .menu a.item:hover,
.vertical.inverted.menu .item .menu .link.item:hover {
  background: transparent;
  color: #ffffff; }

/*--- Pressed ---*/
.inverted.menu a.item:active,
.inverted.menu .link.item:active {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff; }

/*--- Active ---*/
.inverted.menu .active.item {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff !important; }

.inverted.vertical.menu .item .menu .active.item {
  background: transparent;
  color: #FFFFFF; }

.inverted.pointing.menu .active.item:after {
  background: #3D3E3F !important;
  margin: 0em !important;
  box-shadow: none !important;
  border: none !important; }

/*--- Active Hover ---*/
.inverted.menu .active.item:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #FFFFFF !important; }

.inverted.pointing.menu .active.item:hover:after {
  background: #3D3E3F !important; }

/*--------------
     Floated
---------------*/
.floated.menu {
  float: left;
  margin: 0rem 0.5rem 0rem 0rem; }

.floated.menu .item:last-child:before {
  display: none; }

.right.floated.menu {
  float: right;
  margin: 0rem 0rem 0rem 0.5rem; }

/*--------------
    Inverted
---------------*/
/* Red */
.inverted.menu .red.active.item,
.inverted.red.menu {
  background-color: #DB2828; }

.inverted.red.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1); }

.inverted.red.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important; }

/* Orange */
.inverted.menu .orange.active.item,
.inverted.orange.menu {
  background-color: #F2711C; }

.inverted.orange.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1); }

.inverted.orange.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important; }

/* Yellow */
.inverted.menu .yellow.active.item,
.inverted.yellow.menu {
  background-color: #FBBD08; }

.inverted.yellow.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1); }

.inverted.yellow.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important; }

/* Olive */
.inverted.menu .olive.active.item,
.inverted.olive.menu {
  background-color: #B5CC18; }

.inverted.olive.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1); }

.inverted.olive.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important; }

/* Green */
.inverted.menu .green.active.item,
.inverted.green.menu {
  background-color: #21BA45; }

.inverted.green.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1); }

.inverted.green.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important; }

/* Teal */
.inverted.menu .teal.active.item,
.inverted.teal.menu {
  background-color: #00B5AD; }

.inverted.teal.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1); }

.inverted.teal.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important; }

/* Blue */
.inverted.menu .blue.active.item,
.inverted.blue.menu {
  background-color: #2185D0; }

.inverted.blue.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1); }

.inverted.blue.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important; }

/* Violet */
.inverted.menu .violet.active.item,
.inverted.violet.menu {
  background-color: #6435C9; }

.inverted.violet.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1); }

.inverted.violet.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important; }

/* Purple */
.inverted.menu .purple.active.item,
.inverted.purple.menu {
  background-color: #A333C8; }

.inverted.purple.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1); }

.inverted.purple.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important; }

/* Pink */
.inverted.menu .pink.active.item,
.inverted.pink.menu {
  background-color: #E03997; }

.inverted.pink.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1); }

.inverted.pink.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important; }

/* Brown */
.inverted.menu .brown.active.item,
.inverted.brown.menu {
  background-color: #A5673F; }

.inverted.brown.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1); }

.inverted.brown.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important; }

/* Grey */
.inverted.menu .grey.active.item,
.inverted.grey.menu {
  background-color: #767676; }

.inverted.grey.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1); }

.inverted.grey.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important; }

/*--------------
     Fitted
---------------*/
.fitted.menu .item,
.fitted.menu .item .menu .item,
.menu .fitted.item {
  padding: 0em; }

.horizontally.fitted.menu .item,
.horizontally.fitted.menu .item .menu .item,
.menu .horizontally.fitted.item {
  padding-top: 0.92857143em;
  padding-bottom: 0.92857143em; }

.vertically.fitted.menu .item,
.vertically.fitted.menu .item .menu .item,
.menu .vertically.fitted.item {
  padding-left: 1.14285714em;
  padding-right: 1.14285714em; }

/*--------------
   Borderless
---------------*/
.borderless.menu .item:before,
.borderless.menu .item .menu .item:before,
.menu .borderless.item:before {
  background: none !important; }

/*-------------------
       Compact
--------------------*/
.compact.menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0em;
  vertical-align: middle; }

.compact.vertical.menu {
  display: inline-block; }

.compact.menu .item:last-child {
  border-radius: 0em 0.28571429rem 0.28571429rem 0em; }

.compact.menu .item:last-child:before {
  display: none; }

.compact.vertical.menu {
  width: auto !important; }

.compact.vertical.menu .item:last-child::before {
  display: block; }

/*-------------------
        Fluid
--------------------*/
.menu.fluid,
.vertical.menu.fluid {
  width: 100% !important; }

/*-------------------
      Evenly Sized
--------------------*/
.item.menu,
.item.menu .item {
  width: 100%;
  padding-left: 0em !important;
  padding-right: 0em !important;
  margin-left: 0em !important;
  margin-right: 0em !important;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.item.menu .item:last-child:before {
  display: none; }

.menu.two.item .item {
  width: 50%; }

.menu.three.item .item {
  width: 33.333%; }

.menu.four.item .item {
  width: 25%; }

.menu.five.item .item {
  width: 20%; }

.menu.six.item .item {
  width: 16.666%; }

.menu.seven.item .item {
  width: 14.285%; }

.menu.eight.item .item {
  width: 12.500%; }

.menu.nine.item .item {
  width: 11.11%; }

.menu.ten.item .item {
  width: 10.0%; }

.menu.eleven.item .item {
  width: 9.09%; }

.menu.twelve.item .item {
  width: 8.333%; }

/*--------------
     Fixed
---------------*/
.menu.fixed {
  position: fixed;
  z-index: 101;
  margin: 0em;
  width: 100%; }

.menu.fixed,
.menu.fixed .item:first-child,
.menu.fixed .item:last-child {
  border-radius: 0px !important; }

.fixed.menu,
[class*="top fixed"].menu {
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto; }

[class*="top fixed"].menu {
  border-top: none;
  border-left: none;
  border-right: none; }

[class*="right fixed"].menu {
  border-top: none;
  border-bottom: none;
  border-right: none;
  top: 0px;
  right: 0px;
  left: auto;
  bottom: auto;
  width: auto;
  height: 100%; }

[class*="bottom fixed"].menu {
  border-bottom: none;
  border-left: none;
  border-right: none;
  bottom: 0px;
  left: 0px;
  top: auto;
  right: auto; }

[class*="left fixed"].menu {
  border-top: none;
  border-bottom: none;
  border-left: none;
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto;
  width: auto;
  height: 100%; }

/* Coupling with Grid */
.fixed.menu + .grid {
  padding-top: 2.75rem; }

/*-------------------
       Pointing
--------------------*/
.pointing.menu .item:after {
  visibility: hidden;
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  background: none;
  margin: 0.5px 0em 0em;
  width: 0.57142857em;
  height: 0.57142857em;
  border: none;
  border-bottom: 1px solid #D4D4D5;
  border-right: 1px solid #D4D4D5;
  z-index: 2;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease; }

.vertical.pointing.menu .item:after {
  position: absolute;
  top: 50%;
  right: 0%;
  bottom: auto;
  left: auto;
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
  transform: translateX(50%) translateY(-50%) rotate(45deg);
  margin: 0em -0.5px 0em 0em;
  border: none;
  border-top: 1px solid #D4D4D5;
  border-right: 1px solid #D4D4D5; }

/* Active */
.pointing.menu .active.item:after {
  visibility: visible; }

.pointing.menu .active.dropdown.item:after {
  visibility: hidden; }

/* Don't double up pointers */
.pointing.menu .dropdown.active.item:after,
.pointing.menu .active.item .menu .active.item:after {
  display: none; }

/* Colors */
.pointing.menu .active.item:hover:after {
  background-color: #F2F2F2; }

.pointing.menu .active.item:after {
  background-color: #F2F2F2; }

.pointing.menu .active.item:hover:after {
  background-color: #F2F2F2; }

.vertical.pointing.menu .active.item:hover:after {
  background-color: #F2F2F2; }

.vertical.pointing.menu .active.item:after {
  background-color: #F2F2F2; }

.vertical.pointing.menu .menu .active.item:after {
  background-color: #FFFFFF; }

/*--------------
    Attached
---------------*/
/* Middle */
.attached.menu {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em -1px;
  width: calc(100% +  2px);
  max-width: calc(100% +  2px);
  box-shadow: none; }

.attached + .attached.menu:not(.top) {
  border-top: none; }

/* Top */
[class*="top attached"].menu {
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  margin-top: 1rem;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em; }

.menu[class*="top attached"]:first-child {
  margin-top: 0em; }

/* Bottom */
[class*="bottom attached"].menu {
  bottom: 0px;
  margin-top: 0em;
  top: 0px;
  margin-bottom: 1rem;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem; }

[class*="bottom attached"].menu:last-child {
  margin-bottom: 0em; }

/* Attached Menu Item */
.top.attached.menu > .item:first-child {
  border-radius: 0.28571429rem 0em 0em 0em; }

.bottom.attached.menu > .item:first-child {
  border-radius: 0em 0em 0em 0.28571429rem; }

/* Tabular Attached */
.attached.menu:not(.tabular) {
  border: 1px solid #D4D4D5; }

.attached.inverted.menu {
  border: none; }

.attached.tabular.menu {
  margin-left: 0;
  margin-right: 0;
  width: 100%; }

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

.mini.vertical.menu {
  width: 9rem; }

/* Tiny */
.tiny.menu {
  font-size: 0.85714286rem; }

.tiny.vertical.menu {
  width: 11rem; }

/* Small */
.small.menu {
  font-size: 0.92857143rem; }

.small.vertical.menu {
  width: 13rem; }

/* Medium */
.menu {
  font-size: 1rem; }

.vertical.menu {
  width: 15rem; }

/* Large */
.large.menu {
  font-size: 1.07142857rem; }

.large.vertical.menu {
  width: 18rem; }

/* Huge */
.huge.menu {
  font-size: 1.14285714rem; }

.huge.vertical.menu {
  width: 20rem; }

/* Big */
.big.menu {
  font-size: 1.21428571rem; }

.big.vertical.menu {
  width: 22rem; }

/* Massive */
.massive.menu {
  font-size: 1.28571429rem; }

.massive.vertical.menu {
  width: 25rem; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*******************************
            Button
*******************************/
.button {
  font-size: 14px !important;
  cursor: pointer;
  display: inline-block;
  min-height: 1em;
  outline: none;
  border: none;
  vertical-align: baseline;
  background: none;
  color: #6d6e70 !important;
  margin: 0em 0.25em 0em 0em;
  padding: 0.78571429em 1.5em 0.78571429em;
  text-transform: none;
  text-shadow: none;
  font-weight: 400;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  box-shadow: none;
  border: 1px solid #64a8de;
  overflow-y: auto;
  -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;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent; }

/*******************************
            States
*******************************/
/*--------------
      Hover
---------------*/
.button:hover {
  background-color: #F2F2F2;
  background-image: none;
  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: none;
  color: rgba(0, 0, 0, 0.8);
  background-image: '' !important;
  box-shadow: '' !important; }

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

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

/*--------------
     Active
---------------*/
.active.button {
  background-color: #C0C1C2;
  background-image: none;
  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; }

/*******************************
            Elements
*******************************/
/*--------------------
        Form
---------------------*/
input[type="radio"] {
  overflow-y: hidden; }

.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;
  overflow-y: hidden; }

.form input[type="radio"] {
  overflow-y: hidden; }

/* 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: 5px 20px;
  font-size: 14px;
  background: #FFFFFF;
  border: 0px;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0;
  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;
  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;
  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 {
  box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
  border-color: #E5DFA1 !important; }

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

/* Error */
.form .error.error input:-webkit-autofill {
  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);
  background: #FFFFFF; }

.form textarea:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #85B7D9;
  border-radius: 0.28571429rem;
  background: #FFFFFF;
  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: '';
  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;
  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;
  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);
  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;
  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: #64a8de;
  text-decoration: none; }
  a:visited {
    color: #64a8de; }
  a:hover, a:focus, a:active {
    color: #a2a1a1; }
  a:focus {
    outline: 0; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
# 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;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #6d6e70;
    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 only screen and (max-width: 767px) {
    #page .alignleft {
      max-width: 150px;
      margin-right: 1em; } }

#page .alignright {
  display: inline;
  float: right;
  margin: .5em 0 1.5em 2em; }
  @media only screen and (max-width: 767px) {
    #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: #131313;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  line-height: 1.4;
  width: 32%;
  padding: 20px 0 0 0;
  border-top: solid 4px #131313; }
  @media only screen and (max-width: 1023px) {
    .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 only screen and (max-width: 1023px) {
    .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;
  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: "Open Sans", 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;
  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 - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
           Checkbox
*******************************/
/*--------------
    Content
---------------*/
.checkbox {
  position: relative;
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
  vertical-align: baseline;
  font-style: normal;
  min-height: 17px;
  font-size: 1rem;
  line-height: 17px;
  min-width: 17px; }

/* HTML Checkbox */
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0 !important;
  outline: none;
  z-index: 3;
  width: 17px;
  height: 17px; }

/*--------------
      Box
---------------*/
.checkbox .box,
.checkbox label {
  cursor: auto;
  position: relative;
  display: block;
  padding-left: 1.85714em;
  outline: none;
  font-size: 1em; }

.checkbox .box:before,
.checkbox label:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 17px;
  height: 17px;
  content: '';
  background: #FFFFFF;
  border-radius: 0.21428571rem;
  -webkit-transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  border: 1px solid #D4D4D5; }

/*--------------
    Checkmark
---------------*/
.checkbox .box:after,
.checkbox label:after {
  position: absolute;
  font-size: 14px;
  top: 0px;
  left: 0px;
  width: 17px;
  height: 17px;
  text-align: center;
  opacity: 0;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease; }

/*--------------
      Label
---------------*/
/* Inside */
.checkbox label,
.checkbox + label {
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease; }

/* Outside */
.checkbox + label {
  vertical-align: middle; }

/*******************************
           States
*******************************/
/*--------------
      Hover
---------------*/
.checkbox .box:hover::before,
.checkbox label:hover::before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35); }

.checkbox label:hover,
.checkbox + label:hover {
  color: rgba(0, 0, 0, 0.8); }

/*--------------
      Down
---------------*/
.checkbox .box:active::before,
.checkbox label:active::before {
  background: #F9FAFB;
  border-color: rgba(34, 36, 38, 0.35); }

.checkbox .box:active::after,
.checkbox label:active::after {
  color: rgba(0, 0, 0, 0.95); }

.checkbox input:active ~ label {
  color: rgba(0, 0, 0, 0.95); }

/*--------------
     Focus
---------------*/
.checkbox input:focus ~ .box:before,
.checkbox input:focus ~ label:before {
  background: #FFFFFF;
  border-color: #96C8DA; }

.checkbox input:focus ~ .box:after,
.checkbox input:focus ~ label:after {
  color: rgba(0, 0, 0, 0.95); }

.checkbox input:focus ~ label {
  color: rgba(0, 0, 0, 0.95); }

/*--------------
     Active
---------------*/
.checkbox input:checked ~ .box:before,
.checkbox input:checked ~ label:before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35); }

.checkbox input:checked ~ .box:after,
.checkbox input:checked ~ label:after {
  opacity: 1;
  color: rgba(0, 0, 0, 0.95); }

/*--------------
  Indeterminate
---------------*/
.checkbox input:not([type=radio]):indeterminate ~ .box:before,
.checkbox input:not([type=radio]):indeterminate ~ label:before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35); }

.checkbox input:not([type=radio]):indeterminate ~ .box:after,
.checkbox input:not([type=radio]):indeterminate ~ label:after {
  opacity: 1;
  color: rgba(0, 0, 0, 0.95); }

/*--------------
  Active Focus
---------------*/
.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,
.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
.checkbox input:checked:focus ~ .box:before,
.checkbox input:checked:focus ~ label:before {
  background: #FFFFFF;
  border-color: #96C8DA; }

.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,
.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
.checkbox input:checked:focus ~ .box:after,
.checkbox input:checked:focus ~ label:after {
  color: rgba(0, 0, 0, 0.95); }

/*--------------
    Read-Only
---------------*/
.read-only.checkbox,
.read-only.checkbox label {
  cursor: default; }

/*--------------
     Disabled
---------------*/
.disabled.checkbox .box:after,
.disabled.checkbox label,
.checkbox input[disabled] ~ .box:after,
.checkbox input[disabled] ~ label {
  cursor: default !important;
  opacity: 0.5;
  color: #000000; }

/*--------------
     Hidden
---------------*/
/* Initialized checkbox moves input below element
 to prevent manually triggering */
.checkbox input.hidden {
  z-index: -1; }

/* Selectable Label */
.checkbox input.hidden + label {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*******************************
             Types
*******************************/
/*--------------
     Radio
---------------*/
.radio.checkbox {
  min-height: 15px; }

.radio.checkbox .box,
.radio.checkbox label {
  padding-left: 1.85714em; }

/* Box */
.radio.checkbox .box:before,
.radio.checkbox label:before {
  content: '';
  -webkit-transform: none;
  transform: none;
  width: 15px;
  height: 15px;
  border-radius: 500rem;
  top: 1px;
  left: 0px; }

/* Bullet */
.radio.checkbox .box:after,
.radio.checkbox label:after {
  border: none;
  content: '' !important;
  width: 15px;
  height: 15px;
  line-height: 15px; }

/* Radio Checkbox */
.radio.checkbox .box:after,
.radio.checkbox label:after {
  top: 1px;
  left: 0px;
  width: 15px;
  height: 15px;
  border-radius: 500rem;
  -webkit-transform: scale(0.46666667);
  transform: scale(0.46666667);
  background-color: rgba(0, 0, 0, 0.87); }

/* Focus */
.radio.checkbox input:focus ~ .box:before,
.radio.checkbox input:focus ~ label:before {
  background-color: #FFFFFF; }

.radio.checkbox input:focus ~ .box:after,
.radio.checkbox input:focus ~ label:after {
  background-color: rgba(0, 0, 0, 0.95); }

/* Indeterminate */
.radio.checkbox input:indeterminate ~ .box:after,
.radio.checkbox input:indeterminate ~ label:after {
  opacity: 0; }

/* Active */
.radio.checkbox input:checked ~ .box:before,
.radio.checkbox input:checked ~ label:before {
  background-color: #FFFFFF; }

.radio.checkbox input:checked ~ .box:after,
.radio.checkbox input:checked ~ label:after {
  background-color: rgba(0, 0, 0, 0.95); }

/* Active Focus */
.radio.checkbox input:focus:checked ~ .box:before,
.radio.checkbox input:focus:checked ~ label:before {
  background-color: #FFFFFF; }

.radio.checkbox input:focus:checked ~ .box:after,
.radio.checkbox input:focus:checked ~ label:after {
  background-color: rgba(0, 0, 0, 0.95); }

/*--------------
     Slider
---------------*/
.slider.checkbox {
  min-height: 1.25rem; }

/* Input */
.slider.checkbox input {
  width: 3.5rem;
  height: 1.25rem; }

/* Label */
.slider.checkbox .box,
.slider.checkbox label {
  padding-left: 4.5rem;
  line-height: 1rem;
  color: rgba(0, 0, 0, 0.4); }

/* Line */
.slider.checkbox .box:before,
.slider.checkbox label:before {
  display: block;
  position: absolute;
  content: '';
  border: none !important;
  left: 0em;
  z-index: 1;
  top: 0.4rem;
  background-color: rgba(0, 0, 0, 0.05);
  width: 3.5rem;
  height: 0.21428571rem;
  -webkit-transform: none;
  transform: none;
  border-radius: 500rem;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease; }

/* Handle */
.slider.checkbox .box:after,
.slider.checkbox label:after {
  background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: '' !important;
  opacity: 1;
  z-index: 2;
  border: none;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: -0.25rem;
  left: 0em;
  -webkit-transform: none;
  transform: none;
  border-radius: 500rem;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease; }

/* Focus */
.slider.checkbox input:focus ~ .box:before,
.slider.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none; }

/* Hover */
.slider.checkbox .box:hover,
.slider.checkbox label:hover {
  color: rgba(0, 0, 0, 0.8); }

.slider.checkbox .box:hover::before,
.slider.checkbox label:hover::before {
  background: rgba(0, 0, 0, 0.15); }

/* Active */
.slider.checkbox input:checked ~ .box,
.slider.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important; }

.slider.checkbox input:checked ~ .box:before,
.slider.checkbox input:checked ~ label:before {
  background-color: #545454 !important; }

.slider.checkbox input:checked ~ .box:after,
.slider.checkbox input:checked ~ label:after {
  left: 2rem; }

/* Active Focus */
.slider.checkbox input:focus:checked ~ .box,
.slider.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important; }

.slider.checkbox input:focus:checked ~ .box:before,
.slider.checkbox input:focus:checked ~ label:before {
  background-color: #000000 !important; }

/*--------------
     Toggle
---------------*/
.toggle.checkbox {
  min-height: 1.5rem; }

/* Input */
.toggle.checkbox input {
  width: 3.5rem;
  height: 1.5rem; }

/* Label */
.toggle.checkbox .box,
.toggle.checkbox label {
  min-height: 1.5rem;
  padding-left: 4.5rem;
  color: rgba(0, 0, 0, 0.87); }

.toggle.checkbox label {
  padding-top: 0.15em; }

/* Switch */
.toggle.checkbox .box:before,
.toggle.checkbox label:before {
  display: block;
  position: absolute;
  content: '';
  z-index: 1;
  -webkit-transform: none;
  transform: none;
  border: none;
  top: 0rem;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: none;
  width: 3.5rem;
  height: 1.5rem;
  border-radius: 500rem; }

/* Handle */
.toggle.checkbox .box:after,
.toggle.checkbox label:after {
  background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: '' !important;
  opacity: 1;
  z-index: 2;
  border: none;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: 0rem;
  left: 0em;
  border-radius: 500rem;
  -webkit-transition: background 0.3s ease, left 0.3s ease;
  transition: background 0.3s ease, left 0.3s ease; }

.toggle.checkbox input ~ .box:after,
.toggle.checkbox input ~ label:after {
  left: -0.05rem;
  box-shadow: none; }

/* Focus */
.toggle.checkbox input:focus ~ .box:before,
.toggle.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none; }

/* Hover */
.toggle.checkbox .box:hover::before,
.toggle.checkbox label:hover::before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none; }

/* Active */
.toggle.checkbox input:checked ~ .box,
.toggle.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important; }

.toggle.checkbox input:checked ~ .box:before,
.toggle.checkbox input:checked ~ label:before {
  background-color: #2185D0 !important; }

.toggle.checkbox input:checked ~ .box:after,
.toggle.checkbox input:checked ~ label:after {
  left: 2.15rem;
  box-shadow: none; }

/* Active Focus */
.toggle.checkbox input:focus:checked ~ .box,
.toggle.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important; }

.toggle.checkbox input:focus:checked ~ .box:before,
.toggle.checkbox input:focus:checked ~ label:before {
  background-color: #0d71bb !important; }

/*******************************
            Variations
*******************************/
/*--------------
     Fitted
---------------*/
.fitted.checkbox .box,
.fitted.checkbox label {
  padding-left: 0em !important; }

.fitted.toggle.checkbox,
.fitted.toggle.checkbox {
  width: 3.5rem; }

.fitted.slider.checkbox,
.fitted.slider.checkbox {
  width: 3.5rem; }

/*******************************
         Theme Overrides
*******************************/
@font-face {
  font-family: 'Checkbox';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"); }

/* Checkmark */
.checkbox label:after,
.checkbox .box:after {
  font-family: 'Checkbox'; }

/* Checked */
.checkbox input:checked ~ .box:after,
.checkbox input:checked ~ label:after {
  content: '\e800'; }

/* Indeterminate */
.checkbox input:indeterminate ~ .box:after,
.checkbox input:indeterminate ~ label:after {
  font-size: 12px;
  content: '\e801'; }

/*  UTF Reference
.check:before { content: '\e800'; }
.dash:before  { content: '\e801'; }
.plus:before { content: '\e802'; }
*/
/*******************************
         Site 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;
  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: "Open Sans", sans-serif;
  background: #FFFFFF;
  margin: 0em;
  padding: 1.25rem 1.5rem;
  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;
    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 {
  box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); }

/*******************************
             Types
*******************************/
.basic.modal {
  background-color: transparent;
  border: none;
  border-radius: 0em;
  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 - Sticky
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Sticky
*******************************/
.sticky {
  position: static;
  -webkit-transition: none;
  transition: none;
  z-index: 800; }

/*******************************
            States
*******************************/
/* Bound */
.sticky.bound {
  position: absolute;
  left: auto;
  right: auto; }

/* Fixed */
.sticky.fixed {
  position: fixed;
  left: auto;
  right: auto; }

/* Bound/Fixed Position */
.sticky.bound.top,
.sticky.fixed.top {
  top: 0px;
  bottom: auto; }

.sticky.bound.bottom,
.sticky.fixed.bottom {
  top: auto;
  bottom: 0px; }

/*******************************
            Types
*******************************/
.native.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky; }

/*******************************
         Theme Overrides
*******************************/
/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.7 - Tab
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
           UI Tabs
*******************************/
.tab {
  display: none; }

/*******************************
             States
*******************************/
/*--------------------
       Active
---------------------*/
.tab.active,
.tab.open {
  display: block; }

/*--------------------
       Loading
---------------------*/
.tab.loading {
  position: relative;
  overflow: hidden;
  display: block;
  min-height: 250px; }

.tab.loading * {
  position: relative !important;
  left: -10000px !important; }

.tab.loading:before,
.tab.loading.segment:before {
  position: absolute;
  content: '';
  top: 100px;
  left: 50%;
  margin: -1.25em 0em 0em -1.25em;
  width: 2.5em;
  height: 2.5em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1); }

.tab.loading:after,
.tab.loading.segment:after {
  position: absolute;
  content: '';
  top: 100px;
  left: 50%;
  margin: -1.25em 0em 0em -1.25em;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation: button-spin 0.6s linear;
  animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent; }

/*******************************
         Tab 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
*******************************/
/*!
 * # Semantic UI 2.2.7 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Dropdown
*******************************/
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  -webkit-tap-highlight-color: transparent; }

/*******************************
            Content
*******************************/
/*--------------
      Menu
---------------*/
.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0em;
  padding: 0em 0em;
  background: #FFFFFF;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  z-index: 11;
  will-change: transform, opacity; }

.ui.dropdown .menu > * {
  white-space: nowrap; }

/*--------------
  Hidden Input
---------------*/
.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
  display: none !important; }

/*--------------
 Dropdown Icon
---------------*/
.ui.dropdown > .dropdown.icon {
  position: relative;
  width: auto;
  font-size: 0.85714286em;
  margin: 0em 0em 0em 1em; }

.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 1em; }

.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em; }

/*--------------
      Text
---------------*/
.ui.dropdown > .text {
  display: inline-block;
  -webkit-transition: none;
  transition: none; }

/*--------------
    Menu Item
---------------*/
.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: left;
  border-top: none;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.78571429rem 1.14285714rem !important;
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  box-shadow: none;
  -webkit-touch-callout: none; }

.ui.dropdown .menu > .item:first-child {
  border-top-width: 0px; }

/*--------------
  Floated Content
---------------*/
.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0em !important;
  margin-left: 1em !important; }

.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0em !important;
  margin-right: 1em !important; }

.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: 0em; }

/*--------------
  Menu Divider
---------------*/
.ui.dropdown .menu > .header {
  margin: 1rem 0rem 0.75rem;
  padding: 0em 1.14285714rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.78571429em;
  font-weight: bold;
  text-transform: uppercase; }

.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0em;
  margin: 0.5em 0em; }

.ui.dropdown .menu > .input {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem; }

.ui.dropdown .menu > .header + .input {
  margin-top: 0em; }

.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em; }

.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) .icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

/*-----------------
  Item Description
-------------------*/
.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  float: right;
  margin: 0em 0em 0em 1em;
  color: rgba(0, 0, 0, 0.4); }

/*-----------------
       Message
-------------------*/
.ui.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
  font-weight: normal; }

.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4); }

/*--------------
    Sub Menu
---------------*/
.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100% !important;
  right: auto !important;
  margin: 0em 0em 0em -0.5em !important;
  border-radius: 0.28571429rem !important;
  z-index: 21 !important; }

/* Hide Arrow */
.ui.dropdown .menu .menu:after {
  display: none; }

/*--------------
   Sub Elements
---------------*/
/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: 0em; }

.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-top: 0em; }

.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0em;
  float: none;
  margin-right: 0.78571429rem; }

/*--------------
     Image
---------------*/
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-height: 2em; }

/*******************************
            Coupling
*******************************/
/*--------------
      Menu
---------------*/
/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
  display: none; }

/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none; }

/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0em; }

/*--------------
      Label
---------------*/
/* Dropdown Menu */
.ui.label.dropdown .menu {
  min-width: 100%; }

/*--------------
     Button
---------------*/
/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0em; }

.ui.button.dropdown .menu {
  min-width: 100%; }

/*******************************
              Types
*******************************/
/*--------------
    Selection
---------------*/
/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  min-width: 14em;
  min-height: 2.7142em;
  background: #FFFFFF;
  display: inline-block;
  padding: 0.78571429em 2.1em 0.78571429em 1em;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease; }

.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: 10; }

select.ui.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  visibility: visible; }

.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  line-height: 1.2142em;
  top: 0.78571429em;
  right: 1em;
  z-index: 3;
  margin: -0.78571429em;
  padding: 0.78571429em;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; }

/* Compact */
.ui.compact.selection.dropdown {
  min-width: 0px; }

/*  Selection Menu */
.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0px !important;
  width: auto;
  outline: none;
  margin: 0px -1px;
  min-width: calc(100% +  2px);
  width: calc(100% +  2px);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; }

.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none; }

/*--------------
    Message
---------------*/
.ui.selection.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem; }

@media only screen and (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 8.01428571rem; } }

@media only screen and (min-width: 768px) {
  .ui.selection.dropdown .menu {
    max-height: 10.68571429rem; } }

@media only screen and (min-width: 992px) {
  .ui.selection.dropdown .menu {
    max-height: 16.02857143rem; } }

@media only screen and (min-width: 1920px) {
  .ui.selection.dropdown .menu {
    max-height: 21.37142857rem; } }

/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #FAFAFA;
  padding: 0.78571429rem 1.14285714rem !important;
  white-space: normal;
  word-wrap: normal; }

/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none; }

/* Hover */
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  box-shadow: none; }

/* Active */
.ui.selection.active.dropdown {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

.ui.selection.active.dropdown .menu {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Focus */
.ui.selection.dropdown:focus {
  border-color: #96C8DA;
  box-shadow: none; }

.ui.selection.dropdown:focus .menu {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8); }

/* Visible Hover */
.ui.selection.active.dropdown:hover {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

.ui.selection.active.dropdown:hover .menu {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: 1;
  z-index: 3; }

/* Connecting Border */
.ui.active.selection.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important; }

/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0.28571429rem !important;
  box-shadow: none !important; }

.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  box-shadow: none !important; }

/*--------------
   Searchable
---------------*/
/* Search Selection */
.ui.search.dropdown {
  min-width: ''; }

/* Search Dropdown */
.ui.search.dropdown > input.search {
  background: none transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: text;
  top: 0em;
  left: 1px;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: inherit; }

/* Text Layering */
.ui.search.dropdown > input.search {
  position: absolute;
  z-index: 2; }

.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: 3; }

/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.2142em;
  padding: 0.67861429em 2.1em 0.67861429em 1em; }

/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.2142em;
  padding: 0.67861429em 2.1em 0.67861429em 1em;
  display: none;
  white-space: pre; }

/* Active/Visible Search */
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto; }

.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
  pointer-events: none; }

/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text .icon,
.ui.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45; }

.ui.active.search.dropdown input.search:focus + .text {
  color: rgba(115, 115, 115, 0.87) !important; }

/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 767px) {
  .ui.search.dropdown .menu {
    max-height: 8.01428571rem; } }

@media only screen and (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 10.68571429rem; } }

@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 16.02857143rem; } }

@media only screen and (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 21.37142857rem; } }

/*--------------
    Multiple
---------------*/
/* Multiple Selection */
.ui.multiple.dropdown {
  padding: 0.22620476em 2.1em 0.22620476em 0.35714286em; }

.ui.multiple.dropdown .menu {
  cursor: auto; }

/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text; }

/* Selection Label */
.ui.multiple.dropdown > .label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 1em;
  padding: 0.35714286em 0.78571429em;
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; }

/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: '';
  padding: ''; }

/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45240952em 0em 0.45240952em 0.64285714em;
  line-height: 1.21428571em; }

.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.14285714em !important; }

.ui.multiple.dropdown > .label ~ .text {
  display: none; }

/*-----------------
  Multiple Search
-----------------*/
/* Prompt Text */
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.45240952em 0em 0.45240952em 0.64285714em;
  line-height: 1.21428571em; }

.ui.multiple.search.dropdown > .label ~ .text {
  display: none; }

/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45240952em 0em 0.45240952em 0.64285714em;
  width: 2.2em;
  line-height: 1.21428571em; }

/*--------------
     Inline
---------------*/
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit; }

.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.5em 0em 0.21428571em;
  vertical-align: baseline; }

.ui.inline.dropdown > .text {
  font-weight: bold; }

.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.21428571em;
  border-radius: 0.28571429rem; }

/*******************************
            States
*******************************/
/*--------------------
        Active
----------------------*/
/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  box-shadow: none;
  z-index: 12; }

/*--------------------
        Hover
----------------------*/
/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  z-index: 13; }

/*--------------------
       Loading
---------------------*/
.ui.loading.dropdown > i.icon {
  height: 1em !important;
  padding: 1.14285714em 1.07142857em !important; }

.ui.loading.dropdown > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1); }

.ui.loading.dropdown > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  box-shadow: 0px 0px 0px 1px transparent;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: dropdown-spin 0.6s linear;
  animation: dropdown-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em; }

/* Coupling */
.ui.loading.dropdown.button > i.icon:before,
.ui.loading.dropdown.button > i.icon:after {
  display: none; }

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

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

/*--------------------
     Default Text
----------------------*/
.ui.dropdown:not(.button) > .default.text,
.ui.default.dropdown:not(.button) > .text {
  color: rgba(191, 191, 191, 0.87); }

.ui.dropdown:not(.button) > input:focus + .default.text,
.ui.default.dropdown:not(.button) > input:focus + .text {
  color: rgba(115, 115, 115, 0.87); }

/*--------------------
        Loading
----------------------*/
.ui.loading.dropdown > .text {
  -webkit-transition: none;
  transition: none; }

/* Used To Check Position */
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1; }

/*--------------------
    Keyboard Select
----------------------*/
/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95); }

/*--------------------
    Search Filtered
----------------------*/
/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden; }

.ui.dropdown .filtered.item {
  display: none !important; }

/*--------------------
        Error
----------------------*/
.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: #9F3A38; }

.ui.selection.dropdown.error {
  background: #FFF6F6;
  border-color: #E0B4B4; }

.ui.selection.dropdown.error:hover {
  border-color: #E0B4B4; }

.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: #E0B4B4; }

.ui.dropdown.error > .menu > .item {
  color: #9F3A38; }

.ui.multiple.selection.error.dropdown > .label {
  border-color: #E0B4B4; }

/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #FFF2F2; }

/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #FDCFCF; }

/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45; }

/*******************************
           Variations
*******************************/
/*--------------
    Direction
---------------*/
/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px; }

/* Default Side (Right) */
.ui.dropdown .right.menu > .menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.28571429rem !important; }

/* Left Flyout Menu */
.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto !important;
  right: 100% !important;
  border-radius: 0.28571429rem !important; }

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0.78571429rem 0em 0em; }

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0.78571429rem 0em 0em; }

.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em; }

/*--------------
     Upward
---------------*/
/* Upward Main Menu */
.ui.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.28571429rem 0.28571429rem 0em 0em; }

/* Upward Sub Menu */
.ui.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important; }

/* Active Upward */
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important; }

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em; }

/* Selection */
.ui.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }

.ui.upward.selection.dropdown:hover {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); }

/* Active Upward */
.ui.active.upward.selection.dropdown {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; }

/* Visible Upward */
.ui.upward.selection.dropdown.visible {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; }

/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); }

.ui.upward.active.selection.dropdown:hover .menu {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }

/*--------------
     Simple
---------------*/
/*  Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto; }

.ui.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 100% !important;
  width: auto !important; }

.ui.dropdown .scrolling.menu {
  position: static;
  overflow-y: auto;
  border: none;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: auto !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15); }

.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu > .item.item.item {
  border-top: none;
  padding-right: calc( 1.14285714rem  +  17px) !important; }

.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
  border-top: none; }

.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
  display: block; }

/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    min-width: calc(100% -  17px); } }

@media only screen and (max-width: 767px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 10.28571429rem; } }

@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 15.42857143rem; } }

@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem; } }

@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem; } }

/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none; }

.ui.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -9999px !important;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; }

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important; }

.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1; }

.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1; }

.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden; }

/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block; }

/*--------------
      Fluid
---------------*/
.ui.fluid.dropdown {
  display: block;
  width: 100%;
  min-width: 0em; }

.ui.fluid.dropdown > .dropdown.icon {
  float: right; }

/*--------------
    Floating
---------------*/
.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
  border-radius: 0.28571429rem !important; }

.ui.floating.dropdown > .menu {
  margin-top: 0.5em !important;
  border-radius: 0.28571429rem !important; }

/*--------------
     Pointing
---------------*/
.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.78571429rem;
  border-radius: 0.28571429rem; }

.ui.pointing.dropdown > .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: '';
  visibility: visible;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  box-shadow: -1px -1px 0px 1px rgba(34, 36, 38, 0.15);
  background: #FFFFFF;
  z-index: 2; }

.ui.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em; }

/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em; }

.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em; }

.ui.top.left.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

/* Top Right  Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 1em 0em 0em; }

.ui.top.right.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: auto;
  right: 1em;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 1em; }

.ui.left.pointing.dropdown > .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 1em 0em 0em; }

.ui.right.pointing.dropdown > .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em 1em; }

.ui.bottom.pointing.dropdown > .menu:after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0px !important; }

/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0%;
  right: auto; }

.ui.bottom.left.pointing.dropdown > .menu:after {
  left: 1em;
  right: auto; }

/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0%;
  left: auto; }

.ui.bottom.right.pointing.dropdown > .menu:after {
  left: auto;
  right: 1em; }

/* Upward pointing */
.ui.upward.pointing.dropdown > .menu,
.ui.upward.top.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  margin: 0em 0em 0.78571429rem;
  border-radius: 0.28571429rem; }

.ui.upward.pointing.dropdown > .menu:after,
.ui.upward.top.pointing.dropdown > .menu:after {
  top: 100%;
  bottom: auto;
  box-shadow: 1px 1px 0px 1px rgba(34, 36, 38, 0.15);
  margin: -0.25em 0em 0em; }

/*******************************
         Theme Overrides
*******************************/
/* Dropdown Carets */
@font-face {
  font-family: 'Dropdown';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
  font-weight: normal;
  font-style: normal; }

.ui.dropdown > .dropdown.icon {
  font-family: 'Dropdown';
  line-height: 1;
  height: 1em;
  width: 1.23em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center; }

.ui.dropdown > .dropdown.icon {
  width: auto; }

.ui.dropdown > .dropdown.icon:before {
  content: '\f0d7'; }

/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon:before {
  content: ""; }

.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
  content: ""; }

/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  content: ""; }

/* Icons for Reference
.dropdown.down.icon {
  content: "\f0d7";
}
.dropdown.up.icon {
  content: "\f0d8";
}
.dropdown.left.icon {
  content: "\f0d9";
}
.dropdown.icon.icon {
  content: "\f0da";
}
*/
/*******************************
        User Overrides
*******************************/
/*--------------------------------------------------------------
# Custom 
--------------------------------------------------------------*/
/*******************************
        Header & Footer
*******************************/
#printSection {
  display: none; }

.site-header {
  margin-bottom: 50px;
  position: fixed;
  top: 0px;
  z-index: 999;
  width: 100%;
  height: 150px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #ffffff;
  overflow: visible !important; }
  .site-header.scroll {
    height: 200px;
    background: white;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(0%, white), color-stop(42%, white), color-stop(73%, white), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, white 0%, white 0%, white 42%, white 73%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, white 0%, white 0%, white 42%, white 73%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    @media only screen and (max-width: 767px) {
      .site-header.scroll {
        height: 110px !important; } }
  @media only screen and (max-width: 1023px) {
    .site-header {
      height: 178px; } }
  .site-header.print {
    position: relative; }
  .site-header .contactinfo {
    background: #51B0BC;
    border-radius: 0px 0px 8px 8px;
    padding: 40px 20px 10px;
    position: absolute;
    top: 0px;
    right: 90px;
    color: #ffffff !important;
    margin-top: -700px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 999999; }
    @media only screen and (max-width: 767px) {
      .site-header .contactinfo {
        margin-top: -1500px;
        border-radius: 0px;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 999999; } }
    @media only screen and (max-width: 1023px) {
      .site-header .contactinfo {
        margin-top: -1500px; } }
    .site-header .contactinfo.active {
      margin-top: 0px;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .site-header .contactinfo .column1 {
      font-family: "aleoregular", sans-serif;
      font-size: 24px;
      text-align: center;
      width: 300px;
      border-right: 1px solid #ffffff;
      padding: 0px 40px 20px;
      float: left; }
      @media only screen and (max-width: 767px) {
        .site-header .contactinfo .column1 {
          width: 100%;
          padding: 10px;
          font-size: 16px;
          border-right: 0px solid #ffffff; } }
      .site-header .contactinfo .column1 .call {
        margin-bottom: 10px; }
        .site-header .contactinfo .column1 .call a {
          color: #ffffff; }
      .site-header .contactinfo .column1 .visit {
        margin-top: 50px; }
        @media only screen and (max-width: 767px) {
          .site-header .contactinfo .column1 .visit {
            margin-top: 10px; } }
        .site-header .contactinfo .column1 .visit span {
          font-size: 16px;
          line-height: 1.3 !important;
          display: block; }
    .site-header .contactinfo .column2 {
      float: left;
      display: block;
      text-align: center;
      width: 320px;
      padding: 0px 40px 40px; }
      @media only screen and (max-width: 1023px) {
        .site-header .contactinfo .column2 {
          width: 100%;
          padding: 10px;
          font-size: 16px; } }
      .site-header .contactinfo .column2 form input {
        display: block;
        width: 100% !important;
        margin-bottom: 5px; }
      .site-header .contactinfo .column2 form button {
        margin: 10px auto;
        color: #ffffff !important;
        border: 1px solid #ffffff;
        display: table;
        text-align: center; }
        .site-header .contactinfo .column2 form button:hover {
          color: #6d6e70; }
          .site-header .contactinfo .column2 form button:hover span {
            color: #6d6e70; }
    .site-header .contactinfo .column3 {
      float: left;
      display: block;
      padding: 20px; }
    .site-header .contactinfo .close {
      background: url(../images/icon-close2.svg) no-repeat;
      background-size: 100% 100%;
      width: 15px;
      height: 15px;
      position: absolute;
      bottom: 20px;
      right: 20px;
      cursor: pointer; }

.contactinfo-mobile {
  visibility: hidden;
  background: #51B0BC;
  padding: 20px;
  position: fixed;
  width: 100%;
  height: 100%;
  font-size: 14px;
  top: 100%;
  color: #ffffff !important;
  margin-top: 0px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 99999; }
  @media only screen and (max-width: 1279px) {
    .contactinfo-mobile {
      padding: 120px 25% 20px; } }
  @media only screen and (max-width: 1023px) {
    .contactinfo-mobile {
      padding: 20px 25% 20px; } }
  @media only screen and (max-width: 767px) {
    .contactinfo-mobile {
      padding: 20px 5% 20px !important; } }
  .contactinfo-mobile.active {
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    top: 0px; }
  .contactinfo-mobile .icon {
    width: 20px;
    vertical-align: text-bottom;
    margin-right: 10px; }
  .contactinfo-mobile .title {
    width: 150px;
    margin: 0 0 20px;
    display: block; }
  .contactinfo-mobile .call {
    padding: 10px 0; }
  .contactinfo-mobile .email {
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid #ffffff; }
    .contactinfo-mobile .email form {
      padding: 10px 0; }
      .contactinfo-mobile .email form input {
        margin-bottom: 5px; }
      .contactinfo-mobile .email form button {
        margin: 10px auto;
        color: #ffffff !important;
        border: 1px solid #ffffff;
        display: table;
        text-align: center; }
        .contactinfo-mobile .email form button:hover {
          color: #6d6e70; }
          .contactinfo-mobile .email form button:hover span {
            color: #6d6e70; }
  .contactinfo-mobile a {
    color: #ffffff; }
  .contactinfo-mobile .close {
    background: url(../images/icon-close2.svg) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    z-index: 999; }

.site-footer {
  background: #929396;
  font-size: 10px;
  color: #ffffff;
  padding: 35px 40px; }
  @media only screen and (max-width: 767px) {
    .site-footer {
      padding: 35px 0px;
      font-size: 14px; } }
  .site-footer a {
    color: #ffffff; }
  .site-footer p {
    font-size: 10px; }
  .site-footer .column1 {
    width: 35%;
    float: left;
    padding-right: 50px; }
    @media only screen and (max-width: 767px) {
      .site-footer .column1 {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 20px; } }
    .site-footer .column1 .workerassist {
      margin-right: 20px;
      float: left;
      display: inline-block; }
    .site-footer .column1 .info {
      display: inline-block; }
  .site-footer .column2 {
    width: 32%;
    float: left;
    padding-right: 10px; }
    @media only screen and (max-width: 767px) {
      .site-footer .column2 {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 20px; } }
    .site-footer .column2 a {
      margin-right: 7px; }
  .site-footer .column3 {
    width: 32%;
    float: left;
    text-align: right; }
    @media only screen and (max-width: 767px) {
      .site-footer .column3 {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 20px; } }
    .site-footer .column3 a {
      margin-right: 10px; }

.maincontent {
  margin-top: 155px;
  position: relative;
  z-index: 1;
  padding: 0px 0 0px; }
  @media only screen and (max-width: 767px) {
    .maincontent {
      margin-top: 85px !important; } }
  @media only screen and (max-width: 1023px) {
    .maincontent {
      margin-top: 177px; } }

/*******************************
        Main Menu
*******************************/
.menu.main {
  background: none !important;
  border: 0px !important;
  box-shadow: none !important;
  border-radius: 0;
  float: left;
  margin-top: 35px;
  margin-right: 40px; }
  .menu.main .item {
    font-size: 14px;
    color: #6d6e70;
    text-transform: uppercase; }
    .menu.main .item:before {
      width: 0px; }
    .menu.main .item:hover {
      background: none; }

.contact-button {
  background: #51B0BC;
  border-radius: 0px 0px 8px 8px;
  display: inline-block;
  padding: 12px 20px;
  margin-top: -16px;
  cursor: pointer; }
  @media only screen and (max-width: 1279px) {
    .contact-button {
      display: none; } }

.contact-button-mobile {
  cursor: pointer;
  background: #51B0BC url(../images/gethelpnow3.svg) no-repeat center;
  background-size: 80% 80%;
  width: 150px;
  height: 50px;
  padding: 20px;
  border-radius: 8px 8px 0px 0px;
  border: 2px solid #ffffff;
  bottom: -2px;
  left: 50%;
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  display: none;
  z-index: 999;
  position: fixed; }
  @media only screen and (max-width: 1279px) {
    .contact-button-mobile {
      display: block; } }

.logo {
  float: left;
  margin-right: 50px; }
  @media only screen and (max-width: 1023px) {
    .logo {
      float: right;
      max-width: 100%;
      height: 100px;
      margin-right: 0px; }
      .logo img {
        height: 100%; } }
  @media only screen and (max-width: 767px) {
    .logo {
      max-width: 100%;
      height: 50px; } }

.banner {
  position: relative;
  height: 518px; }
  @media only screen and (max-width: 1279px) {
    .banner {
      height: 350px; } }
  @media only screen and (max-width: 1023px) {
    .banner {
      height: 300px; } }
  @media only screen and (max-width: 767px) {
    .banner {
      height: 120px; } }
  .banner .banner-title {
    position: relative;
    z-index: 9999; }
    .banner .banner-title img {
      position: relative;
      top: 50%;
      -webkit-transform: perspective(1px) translateY(25%);
              transform: perspective(1px) translateY(25%); }
      @media only screen and (max-width: 767px) {
        .banner .banner-title img {
          max-width: 25%; } }
  .banner .homepage-slider {
    position: absolute; }
  .banner.subpage .banner-title {
    position: relative; }
    .banner.subpage .banner-title img {
      position: relative;
      top: 50%;
      -webkit-transform: perspective(1px) translateY(25%);
              transform: perspective(1px) translateY(25%); }
  .banner.subpage .overlay {
    background-size: cover !important;
    background-position: 50% 50% !important;
    width: 100%;
    height: 518px;
    position: absolute;
    top: 0; }
    @media only screen and (max-width: 1279px) {
      .banner.subpage .overlay {
        height: 350px; } }
    @media only screen and (max-width: 1023px) {
      .banner.subpage .overlay {
        height: 300px; } }
    @media only screen and (max-width: 767px) {
      .banner.subpage .overlay {
        height: 120px; } }

/*******************************
        What We do
*******************************/
#whatwedo .services {
  background: url(../images/bg-gradient.jpg) no-repeat 100% 0;
  background-size: cover;
  min-height: 300px;
  overflow: hidden; }
  #whatwedo .services .container {
    padding: 0 1em !important; }
    @media only screen and (max-width: 1023px) {
      #whatwedo .services .container {
        padding: 0 5em; } }
    @media only screen and (max-width: 767px) {
      #whatwedo .services .container {
        padding: 0 1em !important; } }
  #whatwedo .services .item {
    width: 30%;
    background: #ffffff;
    min-height: 700px;
    margin: 0px 20px;
    display: block;
    float: left;
    box-shadow: 0px 6px 87px -12px rgba(0, 0, 0, 0.75); }
    @media only screen and (max-width: 767px) {
      #whatwedo .services .item {
        width: 100% !important;
        margin: 20px 0 !important;
        box-shadow: none; } }
    @media only screen and (max-width: 1023px) {
      #whatwedo .services .item {
        width: 31%;
        margin: 0px 10px;
        box-shadow: none; } }
    #whatwedo .services .item .image {
      position: relative; }
      #whatwedo .services .item .image .whitebar {
        background: #ffffff;
        position: absolute;
        bottom: 15px;
        width: 100%;
        height: 10px; }
    #whatwedo .services .item .text {
      padding: 20px; }
      #whatwedo .services .item .text .title {
        position: relative;
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #whatwedo .services .item .text .title .icon {
          display: inline-block; }
          #whatwedo .services .item .text .title .icon .arrow {
            margin-top: 0px; }
        #whatwedo .services .item .text .title .header-title {
          position: relative; }
          #whatwedo .services .item .text .title .header-title h4 {
            margin-bottom: 0px; }
            @media only screen and (max-width: 1279px) {
              #whatwedo .services .item .text .title .header-title h4 {
                font-size: 20px; } }
            @media only screen and (max-width: 1023px) {
              #whatwedo .services .item .text .title .header-title h4 {
                font-size: 16px; } }
      #whatwedo .services .item .text p {
        clear: both;
        margin-top: 20px; }
        @media only screen and (max-width: 1023px) {
          #whatwedo .services .item .text p {
            font-size: 15px; } }
    #whatwedo .services .item img {
      width: 100%; }
    #whatwedo .services .item:first-child {
      margin-left: 0px; }
    #whatwedo .services .item:last-child {
      margin-right: 0px; }

/*******************************
        Contact
*******************************/
#contact {
  background: #F2F2F2;
  overflow: hidden;
  padding: 40px 0; }
  #contact .column1 {
    width: 33%;
    float: left; }
    @media only screen and (max-width: 767px) {
      #contact .column1 {
        width: 100%;
        text-align: center; } }
    @media only screen and (max-width: 1023px) {
      #contact .column1 {
        width: 100%;
        text-align: center; } }
  #contact .column2 {
    width: 33%;
    float: left;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #contact .column2 {
        width: 100%; } }
    @media only screen and (max-width: 1023px) {
      #contact .column2 {
        width: 100%; } }
  #contact .column3 {
    width: 33%;
    float: left;
    text-align: center;
    padding: 0 65px; }
    @media only screen and (max-width: 767px) {
      #contact .column3 {
        width: 100%;
        padding: 0; } }
    @media only screen and (max-width: 1023px) {
      #contact .column3 {
        width: 100%;
        padding: 0; } }
  #contact .call img {
    color: #64a8de; }
  #contact .visit h4 {
    margin-bottom: 0px; }
  #contact .form input {
    margin-bottom: 10px; }
  #contact .form .button {
    margin: 10px auto;
    display: table; }

/*******************************
        Case Studies
*******************************/
#casestudies {
  background: url(../images/bg-gradient.jpg) no-repeat 100% 0;
  background-size: cover;
  height: auto;
  overflow: hidden; }
  #casestudies .container {
    padding: 0 1em !important;
    overflow: visible; }
    @media only screen and (max-width: 767px) {
      #casestudies .container {
        padding: 0 1em !important; } }
    @media only screen and (max-width: 1023px) {
      #casestudies .container {
        padding: 0 5em; } }
    @media only screen and (max-width: 1279px) {
      #casestudies .container {
        padding: 0 10em; } }
  #casestudies .item {
    width: 30%;
    background: #ffffff;
    position: relative;
    min-height: 750px;
    margin: 0px 20px;
    display: block;
    float: left;
    box-shadow: 0px 6px 44px -12px rgba(0, 0, 0, 0.75); }
    @media only screen and (max-width: 767px) {
      #casestudies .item {
        margin: 0 10px;
        box-shadow: none; } }
    @media only screen and (max-width: 1023px) {
      #casestudies .item {
        box-shadow: none; } }
    @media only screen and (max-width: 1279px) {
      #casestudies .item {
        margin: 0 10px;
        box-shadow: none; } }
    #casestudies .item .overlay {
      background: #e1f4fd;
      padding: 40px 20px 20px 20px;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 100%;
      left: 0;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      #casestudies .item .overlay .whitebar {
        background: #ffffff;
        position: absolute;
        top: 15px;
        left: 0px;
        width: 100%;
        height: 10px; }
      #casestudies .item .overlay h5 span {
        color: #64a8de; }
      #casestudies .item .overlay.active {
        top: 0;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
    #casestudies .item .image {
      position: relative; }
      #casestudies .item .image .whitebar {
        background: #ffffff;
        position: absolute;
        top: 15px;
        width: 100%;
        height: 10px; }
    #casestudies .item .text {
      padding: 20px 20px 40px; }
      #casestudies .item .text .title {
        position: relative; }
        #casestudies .item .text .title span {
          color: #64a8de; }
        #casestudies .item .text .title .header-title {
          display: inline-block;
          width: 265px;
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
          #casestudies .item .text .title .header-title h4 {
            margin-bottom: 0px; }
      #casestudies .item .text p {
        clear: both;
        margin-top: 20px; }
      #casestudies .item .text .button {
        margin: 0 auto;
        display: table; }
    #casestudies .item img {
      width: 100%; }

.casestudies-overlay {
  background: #e1f4fd;
  padding: 40px 20px 20px 20px;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 100%;
  left: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  visibility: hidden;
  z-index: 9999999;
  color: #6d6e70;
  overflow-y: auto; }
  .casestudies-overlay.active {
    visibility: visible;
    top: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .casestudies-overlay .whitebar {
    display: none; }
  .casestudies-overlay .content {
    margin-top: 40px; }
  .casestudies-overlay .close {
    background: url(../images/icon-close3.svg) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    z-index: 99999999; }

/*******************************
        NEWS AND EVENTS
*******************************/
#newsevents {
  padding: 40px 0; }
  #newsevents .item {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    #newsevents .item .arrow {
      margin-top: 3px;
      margin-right: 20px; }
      @media only screen and (max-width: 1023px) {
        #newsevents .item .arrow {
          margin-bottom: auto;
          margin-top: 3px; } }
    #newsevents .item .news {
      width: 90%; }
      @media only screen and (max-width: 1023px) {
        #newsevents .item .news {
          width: 100%; } }
      #newsevents .item .news h5 {
        margin-bottom: 0px;
        text-transform: uppercase; }

/*******************************
        RESOURCES
*******************************/
.resources-list .item {
  border-bottom: 1px solid #64a8de;
  padding: 20px 0; }
  .resources-list .item .entry-title {
    color: #64a8de;
    text-transform: uppercase; }
  .resources-list .item:last-child {
    border-bottom: 0px; }

.resources {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media only screen and (max-width: 1023px) {
    .resources {
      display: block; } }
  .resources .left-column {
    width: 70%; }
    @media only screen and (max-width: 1023px) {
      .resources .left-column {
        width: 100%; } }
  .resources .right-column {
    width: 30%;
    margin-left: 50px; }
    @media only screen and (max-width: 1023px) {
      .resources .right-column {
        width: 100%;
        margin-left: 0;
        margin-top: 40px; } }

.resources-list-mobile {
  margin-bottom: 50px;
  display: none; }
  @media only screen and (max-width: 1023px) {
    .resources-list-mobile {
      display: block; } }
  .resources-list-mobile .title {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .resources-list-mobile ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .resources-list-mobile ul li {
      margin-bottom: 10px; }
      .resources-list-mobile ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .resources-list-mobile ul li a .arrow {
          width: 20px !important;
          height: 20px !important;
          margin-top: 6px;
          margin-right: 20px; }
        .resources-list-mobile ul li a span {
          width: 90%; }

/*******************************
        NEWS & EVENTS
*******************************/
.news-list .item {
  border-bottom: 1px solid #64a8de;
  padding: 20px 0; }
  .news-list .item .entry-title {
    color: #64a8de;
    text-transform: uppercase; }

#newsevents .viewall {
  display: table;
  margin: 0 auto; }

#newsevents p {
  margin-bottom: 0px; }

.singlepage {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media only screen and (max-width: 1023px) {
    .singlepage {
      display: block; } }
  .singlepage .left-column {
    width: 70%; }
    @media only screen and (max-width: 1023px) {
      .singlepage .left-column {
        width: 100%; } }
  .singlepage .right-column {
    width: 30%;
    margin-left: 50px; }
    @media only screen and (max-width: 1023px) {
      .singlepage .right-column {
        width: 100%;
        margin-left: 0;
        margin-top: 40px; } }
  .singlepage .entry-title {
    text-transform: uppercase; }

/*******************************
        WIDGETS
*******************************/
.widget {
  margin-bottom: 50px;
  overflow: hidden; }
  .widget .title {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .widget ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .widget ul li {
      margin-bottom: 10px; }
      .widget ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .widget ul li a:before {
          content: "";
          background: url(../images/icon-arrow.svg) no-repeat;
          background-size: 100% 100%;
          width: 20px;
          height: 20px;
          margin-right: 15px;
          margin-top: 4px;
          display: table; }
        .widget ul li a .arrow {
          width: 20px !important;
          height: 20px !important;
          margin-top: 6px;
          margin-right: 20px; }
        .widget ul li a span {
          width: 90%; }
  .widget#resources-links {
    display: block; }
    @media only screen and (max-width: 1023px) {
      .widget#resources-links {
        display: none; } }
  .widget .menu {
    display: block;
    float: left;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0; }
    .widget .menu a {
      font-family: "Open Sans", sans-serif; }

/*******************************
        SLIDER
*******************************/
.slick-list {
  z-index: 1; }

.slick-prev, .slick-next {
  overflow: hidden;
  z-index: 2; }
  .slick-prev:before, .slick-next:before {
    content: none; }
  .slick-prev:hover, .slick-next:hover {
    background: inherit; }

.slick-prev {
  background: url(../images/icon-slider-left.svg) no-repeat;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  left: -15px; }
  .slick-prev:hover, .slick-prev:focus, .slick-prev:active, .slick-prev:visited {
    background: url(../images/icon-slider-left.svg) no-repeat;
    background-size: 100% 100%; }
    @media only screen and (max-width: 767px) {
      .slick-prev:hover, .slick-prev:focus, .slick-prev:active, .slick-prev:visited {
        width: 15px;
        height: 15px;
        left: -12px; } }
    @media only screen and (max-width: 1279px) {
      .slick-prev:hover, .slick-prev:focus, .slick-prev:active, .slick-prev:visited {
        width: 20px;
        height: 20px;
        left: -14px; } }
  @media only screen and (max-width: 767px) {
    .slick-prev {
      width: 15px;
      height: 15px;
      left: -12px; } }
  @media only screen and (max-width: 1279px) {
    .slick-prev {
      width: 20px;
      height: 20px;
      left: -14px; } }

.slick-next {
  background: url(../images/icon-slider-right.svg) no-repeat;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  right: -15px; }
  .slick-next:hover, .slick-next:focus, .slick-next:active, .slick-next:visited {
    background: url(../images/icon-slider-right.svg) no-repeat;
    background-size: 100% 100%; }
    @media only screen and (max-width: 767px) {
      .slick-next:hover, .slick-next:focus, .slick-next:active, .slick-next:visited {
        width: 15px;
        height: 15px;
        right: -12px; } }
    @media only screen and (max-width: 1279px) {
      .slick-next:hover, .slick-next:focus, .slick-next:active, .slick-next:visited {
        width: 20px;
        height: 20px;
        right: -14px; } }
  @media only screen and (max-width: 767px) {
    .slick-next {
      width: 15px;
      height: 15px;
      right: -12px; } }
  @media only screen and (max-width: 1279px) {
    .slick-next {
      width: 20px;
      height: 20px;
      right: -14px; } }

.slick-dots li {
  margin: 0px; }

/*******************************
        GRAVITY FORM
*******************************/
.contactform {
  margin: 0 !important; }
  .contactform label {
    display: none !important; }
  .contactform input {
    padding: 0px 20px !important;
    font-size: 12px !important;
    background: #FFFFFF;
    border: 0px;
    color: rgba(0, 0, 0, 0.87);
    width: 100% !important; }
    @media only screen and (max-width: 1279px) {
      .contactform input {
        padding: 10px 20px !important; } }
    @media only screen and (max-width: 1023px) {
      .contactform input {
        padding: 10px 20px !important; } }
  .contactform .validation_error {
    display: none; }
  .contactform .validation_message {
    color: #6d6e70 !important;
    font-size: 11px !important; }
  .contactform .gfield_error {
    border: none !important;
    background: none !important;
    padding: 0 !important; }
    .contactform .gfield_error input {
      border: none !important; }
  .contactform .gfield {
    padding-right: 0 !important;
    margin-top: 0px !important; }
  .contactform .gform_footer {
    padding: 0 !important; }
  
  .contactform .gfield_description {
    padding-top: 4px !important; }
  .contactform .gform_body {
    width: 100% !important; }
  .contactform .gfield_radio input {
    margin: 0px 5px 0 1px !important; }
  .contactform .gfield_radio label {
    display: inline-block !important; }

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
  margin-top: 0px !important; }

.gform_ajax_spinner {
  position: relative;
  margin-left: 65%;
  top: -45px;
  }
  
.contactform ul.gfield_radio li {display: inline !important; margin-right:10px !important;}
.contactform ul.gfield_radio li label { width: auto !important;}
.contactform ul li.gfield { text-align:center !important;}
.contactform ul li.field_description_below div.ginput_container_radio { margin-top:0px !important; }
.contactform .top_label li ul.gfield_radio {margin-top:0px !important;}
#field_1_4 .gfield_label, #field_4_4 .gfield_label, #field_5_4 .gfield_label {display:inline !important; font-size:.875em !important;}


/*******************************
        PRINT
*******************************/
.print .site-header {
  margin-top: 40px;
  margin-bottom: 0;
  height: 100px; }

.print .logo img {
  max-width: 70%; }

.print .entry-title {
  font-family: 'aleoregular';
  font-size: 24px;
  text-align: center; }

.print p {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px; }

.print h5 {
  font-family: "aleoregular", sans-serif;
  text-transform: uppercase;
  color: #64a8de;
  text-align: center;
  font-weight: 400;
  font-size: 22px; }

.print ul li {
  font-size: 14px !important;
  font-family: 'Open Sans', sans-serif !important; }

.print .footer-print .container {
  text-align: center;
  border-top: 1px solid #64a8de;
  padding: 40px 0;
  text-align: center;
  font-size: 14px;
  position: relative;
  height: auto; }

.print .footer-print h5 {
  color: #6d6e70;
  margin-bottom: 0px;
  font-size: 20px; }

.print .footer-print table {
  width: 100%; }
  .print .footer-print table td {
    text-align: center;
    vertical-align: top; }

.print .gform_wrapper {
  display: block !important; }
  .print .gform_wrapper ul {
    list-style: none !important;
    margin: 0px;
    padding: 0px; }
    .print .gform_wrapper ul li {
      margin-bottom: 10px; }
  .print .gform_wrapper .gfield_label {
    font-size: 18px;
    font-weight: bold; }
  .print .gform_wrapper .ginput_container label {
    display: none !important; }
  .print .gform_wrapper .ginput_container .gfield_radio label {
    display: inline-block !important;
    margin-left: 10px; }
  .print .gform_wrapper .ginput_container .gfield_checkbox label {
    display: inline-block !important;
    margin-left: 10px; }
/*# sourceMappingURL=style.css.map */



.switcher{float: right;margin-top: 50px;background: none;border:none;width: auto !important;max-width: 150px !important;}
.switcher .selected{
  border:none !important;
  background: none !important;
}
.switcher .selected a{border:none !important;font-family: "aleoregular", sans-serif;text-transform: uppercase;padding: 3px 15px 3px 5px !important;width:auto !important;background-position: 100% 50% !important; }
.switcher .option{border:none !important;width: auto !important;}


@media screen and (max-width: 1023px) {
  .switcher{float: left;margin-top: 36px;margin-left: 20px;}
}
@media screen and (max-width: 767px) {
  .switcher{margin-top: 18px;} 
  .switcher{max-width: 100px !important;}
}