@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin);

div.wpcf7 {

  margin: 0;

  padding: 0

}

div.wpcf7 .screen-reader-response {

  position: absolute;

  overflow: hidden;

  clip: rect(1px, 1px, 1px, 1px);

  height: 1px;

  width: 1px;

  margin: 0;

  padding: 0;

  border: 0

}

div.wpcf7-response-output {

  margin: 2em .5em 1em;

  padding: .2em 1em;

  border: 2px solid red

}

div.wpcf7-mail-sent-ok {

  border: 2px solid #398f14

}

div.wpcf7-mail-sent-ng, div.wpcf7-aborted {

  border: 2px solid red

}

div.wpcf7-spam-blocked {

  border: 2px solid orange

}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {

  border: 2px solid #f7e700

}

.wpcf7-form-control-wrap {

  position: relative

}

span.wpcf7-not-valid-tip {

  color: red;

  font-size: 1em;

  font-weight: 400;

  display: block

}

.use-floating-validation-tip span.wpcf7-not-valid-tip {

  position: absolute;

  top: 20%;

  left: 20%;

  z-index: 100;

  border: 1px solid red;

  background: #fff;

  padding: .2em .8em

}

span.wpcf7-list-item {

  display: inline-block;

  margin: 0 0 0 1em

}

span.wpcf7-list-item-label:before, span.wpcf7-list-item-label:after {

  content: " "

}

.wpcf7-display-none {

  display: none

}

div.wpcf7 .ajax-loader {

  visibility: hidden;

  display: inline-block;

  background-image: url(/wp-content/plugins/contact-form-7/images/ajax-loader.gif);

  width: 16px;

  height: 16px;

  border: none;

  padding: 0;

  margin: 0 0 0 4px;

  vertical-align: middle

}

div.wpcf7 .ajax-loader.is-active {

  visibility: visible

}

div.wpcf7 div.ajax-error {

  display: none

}

div.wpcf7 .placeheld {

  color: #888

}

div.wpcf7 input[type=file] {

  cursor: pointer

}

div.wpcf7 input[type=file]:disabled {

  cursor: default

}

div.wpcf7 .wpcf7-submit:disabled {

  cursor: not-allowed

}

.clearfix:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden

}

* html > body .clearfix {

  display: inline-block;

  width: 100%

}

* html .clearfix {

  height: 1%

}

#lightboxIframe {

  display: none

}

#overlay {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 10090;

  width: 100%;

  height: 500px;

  background-color: #000;

  filter: alpha(opacity=60);

  -moz-opacity: .6;

  opacity: .6;

  display: none

}

#lightbox {

  position: absolute;

  left: 0;

  width: 100%;

  z-index: 10100;

  line-height: 0

}

#jqlb_spinner {

  height: 32px;

  background-image: url(/wp-content/plugins/wp-jquery-lightbox/styles/./images/loading.gif);

  background-repeat: no-repeat;

  background-position: center center

}

#jqlb_closelabel {

  height: 22px;

  width: 66px;

  background-image: url(/wp-content/plugins/wp-jquery-lightbox/styles/./images/closelabel.gif);

  background-repeat: no-repeat;

  background-position: center center

}

#lightbox a img {

  border: none

}

#outerImageContainer {

  position: relative;

  background-color: #fff;

  width: 300px;

  height: 300px;

  margin: 0 auto

}

#imageContainer {

  padding: 10px;

  text-align: center

}

#jqlb_loading {

  position: absolute;

  top: 40%;

  left: 0;

  height: 25%;

  width: 100%;

  line-height: 0

}

#hoverNav {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 10

}

#imageContainer > #hoverNav {

  left: 0

}

#hoverNav a {

  outline: 0

}

#nextLink, #prevLink {

  width: 45%;

  height: 100%;

  background: transparent url(/wp-content/plugins/wp-jquery-lightbox/styles/./images/blank.gif) no-repeat;

  display: block

}

#prevLink {

  left: 0;

  float: left

}

#nextLink {

  right: 0;

  float: right

}

#prevLink:hover, #prevLink:visited:hover {

  background: url(/wp-content/plugins/wp-jquery-lightbox/styles/./images/prev.gif) left 50% no-repeat

}

#nextLink:hover, #nextLink:visited:hover {

  background: url(/wp-content/plugins/wp-jquery-lightbox/styles/./images/next.gif) right 50% no-repeat

}

#imageDataContainer {

  font: 10px Verdana, Helvetica, sans-serif;

  background-color: #fff;

  color: #000;

  margin: 0 auto;

  line-height: 1.4em

}

#imageData {

  padding: 0 10px

}

.ontop #imageData {

  padding-top: 5px

}

#imageData #imageDetails {

  float: left;

  text-align: left;

  margin-bottom: 10px;

  width: 80%;

  width: -moz-calc(100% - 80px);

  width: -webkit-calc(100% - 80px);

  width: -o-calc(100% - 80px);

  width: calc(100% - 80px)

}

#imageData #imageDetails #titleAndCaption #titleText {

  font-weight: 700

}

#imageData #imageDetails #titleAndCaption #captionText {

  font-weight: 400

}

#imageData #imageDetails #controls {

  margin: 0;

  white-space: nowrap

}

#imageData #bottomNav #bottomNavClose {

  height: 22px;

  width: 66px;

  float: right;

  margin-bottom: 10px

}

.recentcomments a {

  display: inline !important;

  padding: 0 !important;

  margin: 0 !important

}

*, :after, :before {

  box-sizing: inherit

}

html {

  box-sizing: border-box;

  font-family: sans-serif;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%

}

input[type=text], input[type=email], input[type=search], input[type=password] {

  -webkit-appearance: none;

  -moz-appearance: none

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {

  display: block

}

audio, canvas, progress, video {

  display: inline-block;

  vertical-align: baseline

}

audio:not([controls]) {

  display: none;

  height: 0

}

[hidden], template {

  display: none

}

a {

  background: 0 0;

  color: #4183C4;

  text-decoration: none

}

a:active, a:hover {

  outline: 0

}

abbr[title] {

  border-bottom: 1px dotted

}

b, optgroup, strong {

  font-weight: 700

}

dfn {

  font-style: italic

}

mark {

  background: #ff0;

  color: #000

}

small {

  font-size: 80%

}

sub, sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline

}

sup {

  top: -.5em

}

sub {

  bottom: -.25em

}

img {

  border: 0

}

svg:not(:root) {

  overflow: hidden

}

figure {

  margin: 1em 40px

}

hr {

  height: 0

}

pre, textarea {

  overflow: auto

}

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

}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {

  -webkit-appearance: none

}

fieldset {

  border: 1px solid silver;

  margin: 0 2px;

  padding: .35em .625em .75em

}

legend {

  border: 0;

  padding: 0

}

table {

  border-collapse: collapse;

  border-spacing: 0

}

td, th {

  padding: 0

}

body, html {

  height: 100%

}

html {

  font-size: 14px

}

body {

  margin: 0;

  padding: 0;

  overflow-x: hidden;

  min-width: 320px;

  background: #FFF;

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  font-size: 14px;

  line-height: 1.4285em;

  color: rgba(0, 0, 0, .87);

  font-smoothing: antialiased

}

h1, h2, h3, h4, h5 {

  line-height: 1.2857em;

  margin: calc(2rem - .14285em) 0 1rem;

  font-weight: 700;

  padding: 0

}

h1 {

  min-height: 1rem;

  font-size: 2rem

}

h2 {

  font-size: 1.714rem

}

h3 {

  font-size: 1.28rem

}

h4 {

  font-size: 1.071rem

}

h5 {

  font-size: 1rem

}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child {

  margin-top: 0

}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, p:last-child {

  margin-bottom: 0

}

p {

  margin: 0 0 1em;

  line-height: 1.4285em

}

a:hover {

  color: #1e70bf;

  text-decoration: none

}

::-webkit-selection {

  background-color: #CCE2FF;

  color: rgba(0, 0, 0, .87)

}

::-moz-selection {

  background-color: #CCE2FF;

  color: rgba(0, 0, 0, .87)

}

::selection {

  background-color: #CCE2FF;

  color: rgba(0, 0, 0, .87)

}

input::-webkit-selection, textarea::-webkit-selection {

  background-color: rgba(100, 100, 100, .4);

  color: rgba(0, 0, 0, .87)

}

input::-moz-selection, textarea::-moz-selection {

  background-color: rgba(100, 100, 100, .4);

  color: rgba(0, 0, 0, .87)

}

input::selection, textarea::selection {

  background-color: rgba(100, 100, 100, .4);

  color: rgba(0, 0, 0, .87)

}

.ui.button {

  cursor: pointer;

  display: inline-block;

  min-height: 1em;

  outline: 0;

  border: none;

  vertical-align: baseline;

  background: #E0E1E2;

  color: rgba(0, 0, 0, .6);

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  margin: 0 .25em 0 0;

  padding: .78571429em 1.5em;

  text-transform: none;

  text-shadow: none;

  font-weight: 700;

  line-height: 1em;

  font-style: normal;

  text-align: center;

  text-decoration: none;

  border-radius: .28571429rem;

  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;

  transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;

  will-change: '';

  -webkit-tap-highlight-color: transparent

}

.ui.button:hover {

  background-color: #CACBCD;

  background-image: none;

  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;

  color: rgba(0, 0, 0, .8)

}

.ui.button:hover .icon {

  opacity: .85

}

.ui.button:focus {

  background-color: #CACBCD;

  color: rgba(0, 0, 0, .8);

  background-image: '' !important;

  box-shadow: '' !important

}

.ui.button:focus .icon {

  opacity: .85

}

.ui.active.button:active, .ui.button:active {

  background-color: #BABBBC;

  background-image: '';

  color: rgba(0, 0, 0, .9);

  box-shadow: 0 0 0 1px transparent inset, none

}

.ui.active.button {

  background-color: #C0C1C2;

  background-image: none;

  box-shadow: 0 0 0 1px transparent inset;

  color: rgba(0, 0, 0, .95)

}

.ui.active.button:hover {

  background-color: #C0C1C2;

  background-image: none;

  color: rgba(0, 0, 0, .95)

}

.ui.active.button:active {

  background-color: #C0C1C2;

  background-image: none

}

.ui.loading.loading.loading.loading.loading.loading.button {

  position: relative;

  cursor: default;

  text-shadow: none !important;

  color: transparent !important;

  opacity: 1;

  pointer-events: auto;

  -webkit-transition: all 0s linear, opacity .1s ease;

  transition: all 0s linear, opacity .1s ease

}

.ui.loading.button:before {

  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

  margin: -.64285714em 0 0 -.64285714em;

  width: 1.28571429em;

  height: 1.28571429em;

  border-radius: 500rem;

  border: .2em solid rgba(0, 0, 0, .15)

}

.ui.loading.button:after {

  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

  margin: -.64285714em 0 0 -.64285714em;

  width: 1.28571429em;

  height: 1.28571429em;

  -webkit-animation: button-spin .6s linear;

  animation: button-spin .6s linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  border-radius: 500rem;

  border-color: #FFF transparent transparent;

  border-style: solid;

  border-width: .2em;

  box-shadow: 0 0 0 1px transparent

}

.ui.labeled.icon.loading.button .icon {

  background-color: transparent;

  box-shadow: none

}

@-webkit-keyframes button-spin {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

@keyframes button-spin {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

.ui.basic.loading.button:not(.inverted):before {

  border-color: rgba(0, 0, 0, .1)

}

.ui.basic.loading.button:not(.inverted):after {

  border-top-color: #767676

}

.ui.button:disabled, .ui.buttons .disabled.button, .ui.disabled.active.button, .ui.disabled.button, .ui.disabled.button:hover {

  cursor: default;

  opacity: .45 !important;

  background-image: none !important;

  box-shadow: none !important;

  pointer-events: none !important

}

.ui.basic.buttons .ui.disabled.button {

  border-color: rgba(34, 36, 38, .5)

}

.ui.animated.button {

  position: relative;

  overflow: hidden;

  padding-right: 0 !important;

  vertical-align: middle;

  z-index: 1

}

.ui.animated.button .content {

  will-change: transform, opacity

}

.ui.animated.button .visible.content {

  position: relative;

  margin-right: 1.5em;

  left: auto;

  right: 0

}

.ui.animated.button .hidden.content {

  position: absolute;

  width: 100%;

  top: 50%;

  left: auto;

  right: -100%;

  margin-top: -.5em

}

.ui.animated.button .hidden.content, .ui.animated.button .visible.content {

  -webkit-transition: right .3s ease 0s;

  transition: right .3s ease 0s

}

.ui.animated.button:focus .visible.content, .ui.animated.button:hover .visible.content {

  left: auto;

  right: 200%

}

.ui.animated.button:focus .hidden.content, .ui.animated.button:hover .hidden.content {

  left: auto;

  right: 0

}

.ui.vertical.animated.button .hidden.content, .ui.vertical.animated.button .visible.content {

  -webkit-transition: top .3s ease, -webkit-transform .3s ease;

  transition: top .3s ease, -webkit-transform .3s ease;

  transition: top .3s ease, transform .3s ease;

  transition: top .3s ease, transform .3s ease, -webkit-transform .3s ease

}

.ui.vertical.animated.button .visible.content {

  -webkit-transform: translateY(0);

  transform: translateY(0);

  right: auto

}

.ui.vertical.animated.button .hidden.content {

  top: -50%;

  left: 0;

  right: auto

}

.ui.vertical.animated.button:focus .visible.content, .ui.vertical.animated.button:hover .visible.content {

  -webkit-transform: translateY(200%);

  transform: translateY(200%);

  right: auto

}

.ui.vertical.animated.button:focus .hidden.content, .ui.vertical.animated.button:hover .hidden.content {

  top: 50%;

  right: auto

}

.ui.fade.animated.button .hidden.content, .ui.fade.animated.button .visible.content {

  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;

  transition: opacity .3s ease, -webkit-transform .3s ease;

  transition: opacity .3s ease, transform .3s ease;

  transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease

}

.ui.fade.animated.button .visible.content {

  left: auto;

  right: auto;

  opacity: 1;

  -webkit-transform: scale(1);

  transform: scale(1)

}

.ui.fade.animated.button .hidden.content {

  opacity: 0;

  left: 0;

  right: auto;

  -webkit-transform: scale(1.5);

  transform: scale(1.5)

}

.ui.fade.animated.button:focus .visible.content, .ui.fade.animated.button:hover .visible.content {

  left: auto;

  right: auto;

  opacity: 0;

  -webkit-transform: scale(.75);

  transform: scale(.75)

}

.ui.fade.animated.button:focus .hidden.content, .ui.fade.animated.button:hover .hidden.content {

  left: 0;

  right: auto;

  opacity: 1;

  -webkit-transform: scale(1);

  transform: scale(1)

}

.ui.inverted.button {

  box-shadow: 0 0 0 2px #FFF inset !important;

  background: 0 0;

  color: #FFF;

  text-shadow: none !important

}

.ui.inverted.buttons .button {

  margin: 0 0 0 -2px

}

.ui.inverted.buttons .button:first-child {

  margin-left: 0

}

.ui.inverted.vertical.buttons .button {

  margin: 0 0 -2px

}

.ui.inverted.vertical.buttons .button:first-child {

  margin-top: 0

}

.ui.inverted.button.active, .ui.inverted.button:focus, .ui.inverted.button:hover {

  background: #FFF;

  box-shadow: 0 0 0 2px #FFF inset !important;

  color: rgba(0, 0, 0, .8)

}

.ui.inverted.button.active:focus {

  background: #DCDDDE;

  box-shadow: 0 0 0 2px #DCDDDE inset !important;

  color: rgba(0, 0, 0, .8)

}

.ui.labeled.button:not(.icon) {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  background: 0 0 !important;

  padding: 0 !important;

  border: none !important;

  box-shadow: none !important

}

.ui.labeled.button > .button {

  margin: 0

}

.ui.labeled.button > .label {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin: 0 0 0 -1px !important;

  padding: '';

  font-size: 1em;

  border-color: rgba(34, 36, 38, .15)

}

.ui.labeled.button > .tag.label:before {

  width: 1.85em;

  height: 1.85em

}

.ui.labeled.button:not([class*="left labeled"]) > .button {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0

}

.ui.labeled.button:not([class*="left labeled"]) > .label, .ui[class*="left labeled"].button > .button {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0

}

.ui[class*="left labeled"].button > .label {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0

}

.ui.facebook.button {

  background-color: #3B5998;

  color: #FFF;

  text-shadow: none;

  background-image: none;

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.facebook.button:hover {

  background-color: #304d8a;

  color: #FFF;

  text-shadow: none

}

.ui.facebook.button:active {

  background-color: #2d4373;

  color: #FFF;

  text-shadow: none

}

.ui.twitter.button {

  background-color: #0084B4;

  color: #FFF;

  text-shadow: none;

  background-image: none;

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.twitter.button:hover {

  background-color: #00719b;

  color: #FFF;

  text-shadow: none

}

.ui.twitter.button:active {

  background-color: #005f81;

  color: #FFF;

  text-shadow: none

}

.ui.google.plus.button {

  background-color: #DC4A38;

  color: #FFF;

  text-shadow: none;

  background-image: none;

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.google.plus.button:hover {

  background-color: #de321d;

  color: #FFF;

  text-shadow: none

}

.ui.google.plus.button:active {

  background-color: #bf3322;

  color: #FFF;

  text-shadow: none

}

.ui.linkedin.button {

  background-color: #1F88BE;

  color: #FFF;

  text-shadow: none

}

.ui.linkedin.button:hover {

  background-color: #147baf;

  color: #FFF;

  text-shadow: none

}

.ui.linkedin.button:active {

  background-color: #186992;

  color: #FFF;

  text-shadow: none

}

.ui.youtube.button {

  background-color: #CC181E;

  color: #FFF;

  text-shadow: none;

  background-image: none;

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.youtube.button:hover {

  background-color: #bd0d13;

  color: #FFF;

  text-shadow: none

}

.ui.youtube.button:active {

  background-color: #9e1317;

  color: #FFF;

  text-shadow: none

}

.ui.instagram.button {

  background-color: #49769C;

  color: #FFF;

  text-shadow: none;

  background-image: none;

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.instagram.button:hover {

  background-color: #3d698e;

  color: #FFF;

  text-shadow: none

}

.ui.instagram.button:active {

  background-color: #395c79;

  color: #FFF;

  text-shadow: none

}

.ui.pinterest.button {

  background-color: #00ACED;

  color: #FFF;

  text-shadow: none;

  background-image: none;

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.pinterest.button:hover {

  background-color: #0099d4;

  color: #FFF;

  text-shadow: none

}

.ui.pinterest.button:active {

  background-color: #0087ba;

  color: #FFF;

  text-shadow: none

}

.ui.vk.button {

  background-color: #4D7198;

  color: #FFF;

  background-image: none;

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.vk.button:hover {

  background-color: #41648a;

  color: #FFF

}

.ui.vk.button:active {

  background-color: #3c5876;

  color: #FFF

}

.ui.button > .icon:not(.button) {

  height: .85714286em;

  opacity: .8;

  margin: 0 .42857143em 0 -.21428571em;

  -webkit-transition: opacity .1s ease;

  transition: opacity .1s ease;

  vertical-align: '';

  color: ''

}

.ui.button:not(.icon) > .icon:not(.button) {

  margin: 0 .42857143em 0 -.21428571em

}

.ui.button:not(.icon) > .right.icon:not(.button) {

  margin: 0 -.21428571em 0 .42857143em

}

.ui[class*="left floated"].button, .ui[class*="left floated"].buttons {

  float: left;

  margin-left: 0;

  margin-right: .25em

}

.ui[class*="right floated"].button, .ui[class*="right floated"].buttons {

  float: right;

  margin-right: 0;

  margin-left: .25em

}

.ui.compact.button, .ui.compact.buttons .button {

  padding: .58928571em 1.125em

}

.ui.compact.icon.button, .ui.compact.icon.buttons .button {

  padding: .58928571em

}

.ui.compact.labeled.icon.button, .ui.compact.labeled.icon.buttons .button {

  padding: .58928571em 3.69642857em

}

.ui.mini.button, .ui.mini.buttons .button, .ui.mini.buttons .or {

  font-size: .78571429rem

}

.ui.tiny.button, .ui.tiny.buttons .button, .ui.tiny.buttons .or {

  font-size: .85714286rem

}

.ui.small.button, .ui.small.buttons .button, .ui.small.buttons .or {

  font-size: .92857143rem

}

.ui.button, .ui.buttons .button, .ui.buttons .or {

  font-size: 1rem

}

.ui.large.button, .ui.large.buttons .button, .ui.large.buttons .or {

  font-size: 1.14285714rem

}

.ui.big.button, .ui.big.buttons .button, .ui.big.buttons .or {

  font-size: 1.28571429rem

}

.ui.huge.button, .ui.huge.buttons .button, .ui.huge.buttons .or {

  font-size: 1.42857143rem

}

.ui.massive.button, .ui.massive.buttons .button, .ui.massive.buttons .or {

  font-size: 1.71428571rem

}

.ui.icon.button, .ui.icon.buttons .button {

  padding: .78571429em

}

.ui.icon.button > .icon, .ui.icon.buttons .button > .icon {

  opacity: .9;

  margin: 0;

  vertical-align: top

}

.ui.basic.button, .ui.basic.buttons .button {

  background: 0 0 !important;

  color: rgba(0, 0, 0, .6) !important;

  font-weight: 400;

  border-radius: .28571429rem;

  text-transform: none;

  text-shadow: none !important;

  box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset

}

.ui.basic.buttons {

  box-shadow: none;

  border: 1px solid rgba(34, 36, 38, .15);

  border-radius: .28571429rem

}

.ui.basic.button:focus, .ui.basic.button:hover, .ui.basic.buttons .button:focus, .ui.basic.buttons .button:hover {

  background: #FFF !important;

  color: rgba(0, 0, 0, .8) !important;

  box-shadow: 0 0 0 1px rgba(34, 36, 38, .35) inset, 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.basic.button:active, .ui.basic.buttons .button:active {

  background: #F8F8F8 !important;

  color: rgba(0, 0, 0, .9) !important;

  box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 1px 4px 0 rgba(34, 36, 38, .15) inset

}

.ui.basic.active.button, .ui.basic.buttons .active.button {

  background: rgba(0, 0, 0, .05) !important;

  box-shadow: '' !important;

  color: rgba(0, 0, 0, .95)

}

.ui.basic.active.button:hover, .ui.basic.buttons .active.button:hover {

  background-color: rgba(0, 0, 0, .05)

}

.ui.basic.buttons .button:hover {

  box-shadow: 0 0 0 1px rgba(34, 36, 38, .35) inset, 0 0 0 0 rgba(34, 36, 38, .15) inset inset

}

.ui.basic.buttons .button:active {

  box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 1px 4px 0 rgba(34, 36, 38, .15) inset inset

}

.ui.basic.buttons .active.button {

  box-shadow: rgba(34, 36, 38, .35) inset

}

.ui.basic.inverted.button, .ui.basic.inverted.buttons .button {

  background-color: transparent !important;

  color: #F9FAFB !important;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important

}

.ui.basic.inverted.button:focus, .ui.basic.inverted.button:hover, .ui.basic.inverted.buttons .button:focus, .ui.basic.inverted.buttons .button:hover {

  color: #FFF !important;

  box-shadow: 0 0 0 2px #fff inset !important

}

.ui.basic.inverted.button:active, .ui.basic.inverted.buttons .button:active {

  background-color: rgba(255, 255, 255, .08) !important;

  color: #FFF !important;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .9) inset !important

}

.ui.basic.inverted.active.button, .ui.basic.inverted.buttons .active.button {

  background-color: rgba(255, 255, 255, .08);

  color: #FFF;

  text-shadow: none;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .7) inset

}

.ui.basic.inverted.active.button:hover, .ui.basic.inverted.buttons .active.button:hover {

  background-color: rgba(255, 255, 255, .15);

  box-shadow: 0 0 0 2px #fff inset !important

}

.ui.basic.buttons .button {

  border-radius: 0;

  border-left: 1px solid rgba(34, 36, 38, .15);

  box-shadow: none

}

.ui.basic.vertical.buttons .button {

  border-left: none;

  border-left-width: 0;

  border-top: 1px solid rgba(34, 36, 38, .15)

}

.ui.basic.vertical.buttons .button:first-child {

  border-top-width: 0

}

.ui.labeled.icon.button, .ui.labeled.icon.buttons .button {

  position: relative;

  padding-left: 4.07142857em !important;

  padding-right: 1.5em !important

}

.ui.labeled.icon.button > .icon, .ui.labeled.icon.buttons > .button > .icon {

  position: absolute;

  height: 100%;

  line-height: 1;

  border-radius: 0;

  border-top-left-radius: inherit;

  border-bottom-left-radius: inherit;

  text-align: center;

  margin: 0;

  width: 2.57142857em;

  background-color: rgba(0, 0, 0, .05);

  color: '';

  box-shadow: -1px 0 0 0 transparent inset;

  top: 0;

  left: 0

}

.ui[class*="right labeled"].icon.button {

  padding-right: 4.07142857em !important;

  padding-left: 1.5em !important

}

.ui[class*="right labeled"].icon.button > .icon {

  left: auto;

  right: 0;

  border-radius: 0;

  border-top-right-radius: inherit;

  border-bottom-right-radius: inherit;

  box-shadow: 1px 0 0 0 transparent inset

}

.ui.labeled.icon.button > .icon:after, .ui.labeled.icon.button > .icon:before, .ui.labeled.icon.buttons > .button > .icon:after, .ui.labeled.icon.buttons > .button > .icon:before {

  display: block;

  position: absolute;

  width: 100%;

  top: 50%;

  text-align: center;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%)

}

.ui.labeled.icon.buttons .button > .icon {

  border-radius: 0

}

.ui.labeled.icon.buttons .button:first-child > .icon {

  border-top-left-radius: .28571429rem;

  border-bottom-left-radius: .28571429rem

}

.ui.labeled.icon.buttons .button:last-child > .icon {

  border-top-right-radius: .28571429rem;

  border-bottom-right-radius: .28571429rem

}

.ui.vertical.labeled.icon.buttons .button:first-child > .icon {

  border-radius: .28571429rem 0 0

}

.ui.vertical.labeled.icon.buttons .button:last-child > .icon {

  border-radius: 0 0 0 .28571429rem

}

.ui.fluid[class*="left labeled"].icon.button, .ui.fluid[class*="right labeled"].icon.button {

  padding-left: 1.5em !important;

  padding-right: 1.5em !important

}

.ui.button.toggle.active, .ui.buttons .button.toggle.active, .ui.toggle.buttons .active.button {

  background-color: #21BA45 !important;

  box-shadow: none !important;

  text-shadow: none;

  color: #FFF !important

}

.ui.button.toggle.active:hover {

  background-color: #16ab39 !important;

  text-shadow: none;

  color: #FFF !important

}

.ui.circular.button {

  border-radius: 10em

}

.ui.circular.button > .icon {

  width: 1em;

  vertical-align: baseline

}

.ui.buttons .or {

  position: relative;

  width: .3em;

  height: 2.57142857em;

  z-index: 3

}

.ui.buttons .or:before {

  position: absolute;

  text-align: center;

  border-radius: 500rem;

  content: 'or';

  top: 50%;

  left: 50%;

  background-color: #FFF;

  text-shadow: none;

  margin-top: -.89285714em;

  margin-left: -.89285714em;

  width: 1.78571429em;

  height: 1.78571429em;

  line-height: 1.78571429em;

  color: rgba(0, 0, 0, .4);

  font-style: normal;

  font-weight: 700;

  box-shadow: 0 0 0 1px transparent inset

}

.ui.buttons .or[data-text]:before {

  content: attr(data-text)

}

.ui.fluid.buttons .or {

  width: 0 !important

}

.ui.fluid.buttons .or:after {

  display: none

}

.ui.attached.button {

  position: relative;

  display: block;

  margin: 0;

  border-radius: 0;

  box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) !important

}

.ui.attached.top.button {

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.attached.bottom.button {

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui.left.attached.button {

  display: inline-block;

  border-left: none;

  text-align: right;

  padding-right: .75em;

  border-radius: .28571429rem 0 0 .28571429rem

}

.ui.right.attached.button {

  display: inline-block;

  text-align: left;

  padding-left: .75em;

  border-radius: 0 .28571429rem .28571429rem 0

}

.ui.attached.buttons {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  border-radius: 0;

  width: auto !important;

  z-index: 2;

  margin-left: -1px;

  margin-right: -1px

}

.ui.attached.buttons .button {

  margin: 0

}

.ui.attached.buttons .button:first-child, .ui.attached.buttons .button:last-child {

  border-radius: 0

}

.ui[class*="top attached"].buttons {

  margin-bottom: -1px;

  border-radius: .28571429rem .28571429rem 0 0

}

.ui[class*="top attached"].buttons .button:first-child {

  border-radius: .28571429rem 0 0

}

.ui[class*="top attached"].buttons .button:last-child {

  border-radius: 0 .28571429rem 0 0

}

.ui[class*="bottom attached"].buttons {

  margin-top: -1px;

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui[class*="bottom attached"].buttons .button:first-child {

  border-radius: 0 0 0 .28571429rem

}

.ui[class*="bottom attached"].buttons .button:last-child {

  border-radius: 0 0 .28571429rem

}

.ui[class*="left attached"].buttons {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  margin-right: 0;

  margin-left: -1px;

  border-radius: 0 .28571429rem .28571429rem 0

}

.ui[class*="left attached"].buttons .button:first-child {

  margin-left: -1px;

  border-radius: 0 .28571429rem 0 0

}

.ui[class*="left attached"].buttons .button:last-child {

  margin-left: -1px;

  border-radius: 0 0 .28571429rem

}

.ui[class*="right attached"].buttons {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  margin-left: 0;

  margin-right: -1px;

  border-radius: .28571429rem 0 0 .28571429rem

}

.ui[class*="right attached"].buttons .button:first-child {

  margin-left: -1px;

  border-radius: .28571429rem 0 0

}

.ui[class*="right attached"].buttons .button:last-child {

  margin-left: -1px;

  border-radius: 0 0 0 .28571429rem

}

.ui.fluid.button, .ui.fluid.buttons {

  width: 100%

}

.ui.fluid.button {

  display: block

}

.ui.two.buttons {

  width: 100%

}

.ui.two.buttons > .button {

  width: 50%

}

.ui.three.buttons {

  width: 100%

}

.ui.three.buttons > .button {

  width: 33.333%

}

.ui.four.buttons {

  width: 100%

}

.ui.four.buttons > .button {

  width: 25%

}

.ui.five.buttons {

  width: 100%

}

.ui.five.buttons > .button {

  width: 20%

}

.ui.six.buttons {

  width: 100%

}

.ui.six.buttons > .button {

  width: 16.666%

}

.ui.seven.buttons {

  width: 100%

}

.ui.seven.buttons > .button {

  width: 14.285%

}

.ui.eight.buttons {

  width: 100%

}

.ui.eight.buttons > .button {

  width: 12.5%

}

.ui.nine.buttons {

  width: 100%

}

.ui.nine.buttons > .button {

  width: 11.11%

}

.ui.ten.buttons {

  width: 100%

}

.ui.ten.buttons > .button {

  width: 10%

}

.ui.eleven.buttons {

  width: 100%

}

.ui.eleven.buttons > .button {

  width: 9.09%

}

.ui.twelve.buttons {

  width: 100%

}

.ui.twelve.buttons > .button {

  width: 8.3333%

}

.ui.fluid.vertical.buttons, .ui.fluid.vertical.buttons > .button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: auto

}

.ui.two.vertical.buttons > .button {

  height: 50%

}

.ui.three.vertical.buttons > .button {

  height: 33.333%

}

.ui.four.vertical.buttons > .button {

  height: 25%

}

.ui.five.vertical.buttons > .button {

  height: 20%

}

.ui.six.vertical.buttons > .button {

  height: 16.666%

}

.ui.seven.vertical.buttons > .button {

  height: 14.285%

}

.ui.eight.vertical.buttons > .button {

  height: 12.5%

}

.ui.nine.vertical.buttons > .button {

  height: 11.11%

}

.ui.ten.vertical.buttons > .button {

  height: 10%

}

.ui.eleven.vertical.buttons > .button {

  height: 9.09%

}

.ui.twelve.vertical.buttons > .button {

  height: 8.3333%

}

.ui.black.button, .ui.black.buttons .button {

  background-color: #1B1C1D;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.black.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.black.button:hover, .ui.black.buttons .button:hover {

  background-color: #27292a;

  color: #FFF;

  text-shadow: none

}

.ui.black.button:focus, .ui.black.buttons .button:focus {

  background-color: #2f3032;

  color: #FFF;

  text-shadow: none

}

.ui.black.button:active, .ui.black.buttons .button:active {

  background-color: #343637;

  color: #FFF;

  text-shadow: none

}

.ui.black.active.button, .ui.black.button .active.button:active, .ui.black.buttons .active.button, .ui.black.buttons .active.button:active {

  background-color: #0f0f10;

  color: #FFF;

  text-shadow: none

}

.ui.basic.black.button, .ui.basic.black.buttons .button {

  box-shadow: 0 0 0 1px #1B1C1D inset !important;

  color: #1B1C1D !important

}

.ui.basic.black.button:hover, .ui.basic.black.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #27292a inset !important;

  color: #27292a !important

}

.ui.basic.black.button:focus, .ui.basic.black.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #2f3032 inset !important;

  color: #27292a !important

}

.ui.basic.black.active.button, .ui.basic.black.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #0f0f10 inset !important;

  color: #343637 !important

}

.ui.basic.black.button:active, .ui.basic.black.buttons .button:active {

  box-shadow: 0 0 0 1px #343637 inset !important;

  color: #343637 !important

}

.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {

  margin-left: -1px

}

.ui.inverted.black.button, .ui.inverted.black.buttons .button {

  background-color: transparent;

  box-shadow: 0 0 0 2px #D4D4D5 inset !important;

  color: #FFF

}

.ui.inverted.black.button.active, .ui.inverted.black.button:active, .ui.inverted.black.button:focus, .ui.inverted.black.button:hover, .ui.inverted.black.buttons .button.active, .ui.inverted.black.buttons .button:active, .ui.inverted.black.buttons .button:focus, .ui.inverted.black.buttons .button:hover {

  box-shadow: none !important;

  color: #FFF

}

.ui.inverted.black.active.button, .ui.inverted.black.button:active, .ui.inverted.black.button:focus, .ui.inverted.black.button:hover, .ui.inverted.black.buttons .active.button, .ui.inverted.black.buttons .button:active, .ui.inverted.black.buttons .button:focus, .ui.inverted.black.buttons .button:hover {

  background-color: #000

}

.ui.inverted.black.basic.button, .ui.inverted.black.basic.buttons .button, .ui.inverted.black.buttons .basic.button {

  background-color: transparent;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;

  color: #FFF !important

}

.ui.inverted.black.basic.button:hover, .ui.inverted.black.basic.buttons .button:hover, .ui.inverted.black.buttons .basic.button:hover {

  box-shadow: 0 0 0 2px #000 inset !important;

  color: #FFF !important

}

.ui.inverted.black.basic.button:focus, .ui.inverted.black.basic.buttons .button:focus {

  box-shadow: 0 0 0 2px #000 inset !important;

  color: #545454 !important

}

.ui.inverted.black.basic.active.button, .ui.inverted.black.basic.button:active, .ui.inverted.black.basic.buttons .active.button, .ui.inverted.black.basic.buttons .button:active, .ui.inverted.black.buttons .basic.active.button, .ui.inverted.black.buttons .basic.button:active {

  box-shadow: 0 0 0 2px #000 inset !important;

  color: #FFF !important

}

.ui.grey.button, .ui.grey.buttons .button {

  background-color: #767676;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.grey.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.grey.button:hover, .ui.grey.buttons .button:hover {

  background-color: #838383;

  color: #FFF;

  text-shadow: none

}

.ui.grey.button:focus, .ui.grey.buttons .button:focus {

  background-color: #8a8a8a;

  color: #FFF;

  text-shadow: none

}

.ui.grey.button:active, .ui.grey.buttons .button:active {

  background-color: #909090;

  color: #FFF;

  text-shadow: none

}

.ui.grey.active.button, .ui.grey.button .active.button:active, .ui.grey.buttons .active.button, .ui.grey.buttons .active.button:active {

  background-color: #696969;

  color: #FFF;

  text-shadow: none

}

.ui.basic.grey.button, .ui.basic.grey.buttons .button {

  box-shadow: 0 0 0 1px #767676 inset !important;

  color: #767676 !important

}

.ui.basic.grey.button:hover, .ui.basic.grey.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #838383 inset !important;

  color: #838383 !important

}

.ui.basic.grey.button:focus, .ui.basic.grey.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #8a8a8a inset !important;

  color: #838383 !important

}

.ui.basic.grey.active.button, .ui.basic.grey.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #696969 inset !important;

  color: #909090 !important

}

.ui.basic.grey.button:active, .ui.basic.grey.buttons .button:active {

  box-shadow: 0 0 0 1px #909090 inset !important;

  color: #909090 !important

}

.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {

  margin-left: -1px

}

.ui.inverted.grey.button, .ui.inverted.grey.buttons .button {

  background-color: transparent;

  box-shadow: 0 0 0 2px #D4D4D5 inset !important;

  color: #FFF

}

.ui.inverted.grey.button.active, .ui.inverted.grey.button:active, .ui.inverted.grey.button:focus, .ui.inverted.grey.button:hover, .ui.inverted.grey.buttons .button.active, .ui.inverted.grey.buttons .button:active, .ui.inverted.grey.buttons .button:focus, .ui.inverted.grey.buttons .button:hover {

  box-shadow: none !important;

  color: rgba(0, 0, 0, .6)

}

.ui.inverted.grey.button:hover, .ui.inverted.grey.buttons .button:hover {

  background-color: #cfd0d2

}

.ui.inverted.grey.button:focus, .ui.inverted.grey.buttons .button:focus {

  background-color: #c7c9cb

}

.ui.inverted.grey.active.button, .ui.inverted.grey.buttons .active.button {

  background-color: #cfd0d2

}

.ui.inverted.grey.button:active, .ui.inverted.grey.buttons .button:active {

  background-color: #c2c4c5

}

.ui.inverted.grey.basic.button, .ui.inverted.grey.basic.buttons .button, .ui.inverted.grey.buttons .basic.button {

  background-color: transparent;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;

  color: #FFF !important

}

.ui.inverted.grey.basic.button:hover, .ui.inverted.grey.basic.buttons .button:hover, .ui.inverted.grey.buttons .basic.button:hover {

  box-shadow: 0 0 0 2px #cfd0d2 inset !important;

  color: #FFF !important

}

.ui.inverted.grey.basic.button:focus, .ui.inverted.grey.basic.buttons .button:focus {

  box-shadow: 0 0 0 2px #c7c9cb inset !important;

  color: #DCDDDE !important

}

.ui.inverted.grey.basic.active.button, .ui.inverted.grey.basic.buttons .active.button, .ui.inverted.grey.buttons .basic.active.button {

  box-shadow: 0 0 0 2px #cfd0d2 inset !important;

  color: #FFF !important

}

.ui.inverted.grey.basic.button:active, .ui.inverted.grey.basic.buttons .button:active, .ui.inverted.grey.buttons .basic.button:active {

  box-shadow: 0 0 0 2px #c2c4c5 inset !important;

  color: #FFF !important

}

.ui.brown.button, .ui.brown.buttons .button {

  background-color: #A5673F;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.brown.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.brown.button:hover, .ui.brown.buttons .button:hover {

  background-color: #975b33;

  color: #FFF;

  text-shadow: none

}

.ui.brown.button:focus, .ui.brown.buttons .button:focus {

  background-color: #90532b;

  color: #FFF;

  text-shadow: none

}

.ui.brown.button:active, .ui.brown.buttons .button:active {

  background-color: #805031;

  color: #FFF;

  text-shadow: none

}

.ui.brown.active.button, .ui.brown.button .active.button:active, .ui.brown.buttons .active.button, .ui.brown.buttons .active.button:active {

  background-color: #995a31;

  color: #FFF;

  text-shadow: none

}

.ui.basic.brown.button, .ui.basic.brown.buttons .button {

  box-shadow: 0 0 0 1px #A5673F inset !important;

  color: #A5673F !important

}

.ui.basic.brown.button:hover, .ui.basic.brown.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #975b33 inset !important;

  color: #975b33 !important

}

.ui.basic.brown.button:focus, .ui.basic.brown.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #90532b inset !important;

  color: #975b33 !important

}

.ui.basic.brown.active.button, .ui.basic.brown.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #995a31 inset !important;

  color: #805031 !important

}

.ui.basic.brown.button:active, .ui.basic.brown.buttons .button:active {

  box-shadow: 0 0 0 1px #805031 inset !important;

  color: #805031 !important

}

.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {

  margin-left: -1px

}

.ui.inverted.brown.button, .ui.inverted.brown.buttons .button {

  background-color: transparent;

  box-shadow: 0 0 0 2px #D67C1C inset !important;

  color: #D67C1C

}

.ui.inverted.brown.button.active, .ui.inverted.brown.button:active, .ui.inverted.brown.button:focus, .ui.inverted.brown.button:hover, .ui.inverted.brown.buttons .button.active, .ui.inverted.brown.buttons .button:active, .ui.inverted.brown.buttons .button:focus, .ui.inverted.brown.buttons .button:hover {

  box-shadow: none !important;

  color: #FFF

}

.ui.inverted.brown.button:hover, .ui.inverted.brown.buttons .button:hover {

  background-color: #c86f11

}

.ui.inverted.brown.button:focus, .ui.inverted.brown.buttons .button:focus {

  background-color: #c16808

}

.ui.inverted.brown.active.button, .ui.inverted.brown.buttons .active.button {

  background-color: #cc6f0d

}

.ui.inverted.brown.button:active, .ui.inverted.brown.buttons .button:active {

  background-color: #a96216

}

.ui.inverted.brown.basic.button, .ui.inverted.brown.basic.buttons .button, .ui.inverted.brown.buttons .basic.button {

  background-color: transparent;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;

  color: #FFF !important

}

.ui.inverted.brown.basic.button:hover, .ui.inverted.brown.basic.buttons .button:hover, .ui.inverted.brown.buttons .basic.button:hover {

  box-shadow: 0 0 0 2px #c86f11 inset !important;

  color: #D67C1C !important

}

.ui.inverted.brown.basic.button:focus, .ui.inverted.brown.basic.buttons .button:focus {

  box-shadow: 0 0 0 2px #c16808 inset !important;

  color: #D67C1C !important

}

.ui.inverted.brown.basic.active.button, .ui.inverted.brown.basic.buttons .active.button, .ui.inverted.brown.buttons .basic.active.button {

  box-shadow: 0 0 0 2px #cc6f0d inset !important;

  color: #D67C1C !important

}

.ui.inverted.brown.basic.button:active, .ui.inverted.brown.basic.buttons .button:active, .ui.inverted.brown.buttons .basic.button:active {

  box-shadow: 0 0 0 2px #a96216 inset !important;

  color: #D67C1C !important

}

.ui.blue.button, .ui.blue.buttons .button {

  background-color: #2185D0;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.blue.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.blue.button:hover, .ui.blue.buttons .button:hover {

  background-color: #1678c2;

  color: #FFF;

  text-shadow: none

}

.ui.blue.button:focus, .ui.blue.buttons .button:focus {

  background-color: #0d71bb;

  color: #FFF;

  text-shadow: none

}

.ui.blue.button:active, .ui.blue.buttons .button:active {

  background-color: #1a69a4;

  color: #FFF;

  text-shadow: none

}

.ui.blue.active.button, .ui.blue.button .active.button:active, .ui.blue.buttons .active.button, .ui.blue.buttons .active.button:active {

  background-color: #1279c6;

  color: #FFF;

  text-shadow: none

}

.ui.basic.blue.button, .ui.basic.blue.buttons .button {

  box-shadow: 0 0 0 1px #2185D0 inset !important;

  color: #2185D0 !important

}

.ui.basic.blue.button:hover, .ui.basic.blue.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #1678c2 inset !important;

  color: #1678c2 !important

}

.ui.basic.blue.button:focus, .ui.basic.blue.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #0d71bb inset !important;

  color: #1678c2 !important

}

.ui.basic.blue.active.button, .ui.basic.blue.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #1279c6 inset !important;

  color: #1a69a4 !important

}

.ui.basic.blue.button:active, .ui.basic.blue.buttons .button:active {

  box-shadow: 0 0 0 1px #1a69a4 inset !important;

  color: #1a69a4 !important

}

.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {

  margin-left: -1px

}

.ui.inverted.blue.button, .ui.inverted.blue.buttons .button {

  background-color: transparent;

  box-shadow: 0 0 0 2px #54C8FF inset !important;

  color: #54C8FF

}

.ui.inverted.blue.button.active, .ui.inverted.blue.button:active, .ui.inverted.blue.button:focus, .ui.inverted.blue.button:hover, .ui.inverted.blue.buttons .button.active, .ui.inverted.blue.buttons .button:active, .ui.inverted.blue.buttons .button:focus, .ui.inverted.blue.buttons .button:hover {

  box-shadow: none !important;

  color: #FFF

}

.ui.inverted.blue.button:hover, .ui.inverted.blue.buttons .button:hover {

  background-color: #3ac0ff

}

.ui.inverted.blue.button:focus, .ui.inverted.blue.buttons .button:focus {

  background-color: #2bbbff

}

.ui.inverted.blue.active.button, .ui.inverted.blue.buttons .active.button {

  background-color: #3ac0ff

}

.ui.inverted.blue.button:active, .ui.inverted.blue.buttons .button:active {

  background-color: #21b8ff

}

.ui.inverted.blue.basic.button, .ui.inverted.blue.basic.buttons .button, .ui.inverted.blue.buttons .basic.button {

  background-color: transparent;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;

  color: #FFF !important

}

.ui.inverted.blue.basic.button:hover, .ui.inverted.blue.basic.buttons .button:hover, .ui.inverted.blue.buttons .basic.button:hover {

  box-shadow: 0 0 0 2px #3ac0ff inset !important;

  color: #54C8FF !important

}

.ui.inverted.blue.basic.button:focus, .ui.inverted.blue.basic.buttons .button:focus {

  box-shadow: 0 0 0 2px #2bbbff inset !important;

  color: #54C8FF !important

}

.ui.inverted.blue.basic.active.button, .ui.inverted.blue.basic.buttons .active.button, .ui.inverted.blue.buttons .basic.active.button {

  box-shadow: 0 0 0 2px #3ac0ff inset !important;

  color: #54C8FF !important

}

.ui.inverted.blue.basic.button:active, .ui.inverted.blue.basic.buttons .button:active, .ui.inverted.blue.buttons .basic.button:active {

  box-shadow: 0 0 0 2px #21b8ff inset !important;

  color: #54C8FF !important

}

.ui.green.button, .ui.green.buttons .button {

  background-color: #21BA45;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.green.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.green.button:hover, .ui.green.buttons .button:hover {

  background-color: #16ab39;

  color: #FFF;

  text-shadow: none

}

.ui.green.button:focus, .ui.green.buttons .button:focus {

  background-color: #0ea432;

  color: #FFF;

  text-shadow: none

}

.ui.green.button:active, .ui.green.buttons .button:active {

  background-color: #198f35;

  color: #FFF;

  text-shadow: none

}

.ui.green.active.button, .ui.green.button .active.button:active, .ui.green.buttons .active.button, .ui.green.buttons .active.button:active {

  background-color: #13ae38;

  color: #FFF;

  text-shadow: none

}

.ui.basic.green.button, .ui.basic.green.buttons .button {

  box-shadow: 0 0 0 1px #21BA45 inset !important;

  color: #21BA45 !important

}

.ui.basic.green.button:hover, .ui.basic.green.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #16ab39 inset !important;

  color: #16ab39 !important

}

.ui.basic.green.button:focus, .ui.basic.green.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #0ea432 inset !important;

  color: #16ab39 !important

}

.ui.basic.green.active.button, .ui.basic.green.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #13ae38 inset !important;

  color: #198f35 !important

}

.ui.basic.green.button:active, .ui.basic.green.buttons .button:active {

  box-shadow: 0 0 0 1px #198f35 inset !important;

  color: #198f35 !important

}

.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {

  margin-left: -1px

}

.ui.inverted.green.button, .ui.inverted.green.buttons .button {

  background-color: transparent;

  box-shadow: 0 0 0 2px #2ECC40 inset !important;

  color: #2ECC40

}

.ui.inverted.green.button.active, .ui.inverted.green.button:active, .ui.inverted.green.button:focus, .ui.inverted.green.button:hover, .ui.inverted.green.buttons .button.active, .ui.inverted.green.buttons .button:active, .ui.inverted.green.buttons .button:focus, .ui.inverted.green.buttons .button:hover {

  box-shadow: none !important;

  color: #FFF

}

.ui.inverted.green.button:hover, .ui.inverted.green.buttons .button:hover {

  background-color: #22be34

}

.ui.inverted.green.button:focus, .ui.inverted.green.buttons .button:focus {

  background-color: #19b82b

}

.ui.inverted.green.active.button, .ui.inverted.green.buttons .active.button {

  background-color: #1fc231

}

.ui.inverted.green.button:active, .ui.inverted.green.buttons .button:active {

  background-color: #25a233

}

.ui.inverted.green.basic.button, .ui.inverted.green.basic.buttons .button, .ui.inverted.green.buttons .basic.button {

  background-color: transparent;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;

  color: #FFF !important

}

.ui.inverted.green.basic.button:hover, .ui.inverted.green.basic.buttons .button:hover, .ui.inverted.green.buttons .basic.button:hover {

  box-shadow: 0 0 0 2px #22be34 inset !important;

  color: #2ECC40 !important

}

.ui.inverted.green.basic.button:focus, .ui.inverted.green.basic.buttons .button:focus {

  box-shadow: 0 0 0 2px #19b82b inset !important;

  color: #2ECC40 !important

}

.ui.inverted.green.basic.active.button, .ui.inverted.green.basic.buttons .active.button, .ui.inverted.green.buttons .basic.active.button {

  box-shadow: 0 0 0 2px #1fc231 inset !important;

  color: #2ECC40 !important

}

.ui.inverted.green.basic.button:active, .ui.inverted.green.basic.buttons .button:active, .ui.inverted.green.buttons .basic.button:active {

  box-shadow: 0 0 0 2px #25a233 inset !important;

  color: #2ECC40 !important

}

.ui.orange.button, .ui.orange.buttons .button {

  background-color: #F2711C;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.orange.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.orange.button:hover, .ui.orange.buttons .button:hover {

  background-color: #f26202;

  color: #FFF;

  text-shadow: none

}

.ui.orange.button:focus, .ui.orange.buttons .button:focus {

  background-color: #e55b00;

  color: #FFF;

  text-shadow: none

}

.ui.orange.button:active, .ui.orange.buttons .button:active {

  background-color: #cf590c;

  color: #FFF;

  text-shadow: none

}

.ui.orange.active.button, .ui.orange.button .active.button:active, .ui.orange.buttons .active.button, .ui.orange.buttons .active.button:active {

  background-color: #f56100;

  color: #FFF;

  text-shadow: none

}

.ui.basic.orange.button, .ui.basic.orange.buttons .button {

  box-shadow: 0 0 0 1px #F2711C inset !important;

  color: #F2711C !important

}

.ui.basic.orange.button:hover, .ui.basic.orange.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #f26202 inset !important;

  color: #f26202 !important

}

.ui.basic.orange.button:focus, .ui.basic.orange.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #e55b00 inset !important;

  color: #f26202 !important

}

.ui.basic.orange.active.button, .ui.basic.orange.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #f56100 inset !important;

  color: #cf590c !important

}

.ui.basic.orange.button:active, .ui.basic.orange.buttons .button:active {

  box-shadow: 0 0 0 1px #cf590c inset !important;

  color: #cf590c !important

}

.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {

  margin-left: -1px

}

.ui.inverted.orange.button, .ui.inverted.orange.buttons .button {

  background-color: transparent;

  box-shadow: 0 0 0 2px #FF851B inset !important;

  color: #FF851B

}

.ui.inverted.orange.button.active, .ui.inverted.orange.button:active, .ui.inverted.orange.button:focus, .ui.inverted.orange.button:hover, .ui.inverted.orange.buttons .button.active, .ui.inverted.orange.buttons .button:active, .ui.inverted.orange.buttons .button:focus, .ui.inverted.orange.buttons .button:hover {

  box-shadow: none !important;

  color: #FFF

}

.ui.inverted.orange.button:hover, .ui.inverted.orange.buttons .button:hover {

  background-color: #ff7701

}

.ui.inverted.orange.button:focus, .ui.inverted.orange.buttons .button:focus {

  background-color: #f17000

}

.ui.inverted.orange.active.button, .ui.inverted.orange.buttons .active.button {

  background-color: #ff7701

}

.ui.inverted.orange.button:active, .ui.inverted.orange.buttons .button:active {

  background-color: #e76b00

}

.ui.inverted.orange.basic.button, .ui.inverted.orange.basic.buttons .button, .ui.inverted.orange.buttons .basic.button {

  background-color: transparent;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;

  color: #FFF !important

}

.ui.inverted.orange.basic.button:hover, .ui.inverted.orange.basic.buttons .button:hover, .ui.inverted.orange.buttons .basic.button:hover {

  box-shadow: 0 0 0 2px #ff7701 inset !important;

  color: #FF851B !important

}

.ui.inverted.orange.basic.button:focus, .ui.inverted.orange.basic.buttons .button:focus {

  box-shadow: 0 0 0 2px #f17000 inset !important;

  color: #FF851B !important

}

.ui.inverted.orange.basic.active.button, .ui.inverted.orange.basic.buttons .active.button, .ui.inverted.orange.buttons .basic.active.button {

  box-shadow: 0 0 0 2px #ff7701 inset !important;

  color: #FF851B !important

}

.ui.inverted.orange.basic.button:active, .ui.inverted.orange.basic.buttons .button:active, .ui.inverted.orange.buttons .basic.button:active {

  box-shadow: 0 0 0 2px #e76b00 inset !important;

  color: #FF851B !important

}

.ui.pink.button, .ui.pink.buttons .button {

  background-color: #E03997;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.pink.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.pink.button:hover, .ui.pink.buttons .button:hover {

  background-color: #e61a8d;

  color: #FFF;

  text-shadow: none

}

.ui.pink.button:focus, .ui.pink.buttons .button:focus {

  background-color: #e10f85;

  color: #FFF;

  text-shadow: none

}

.ui.pink.button:active, .ui.pink.buttons .button:active {

  background-color: #c71f7e;

  color: #FFF;

  text-shadow: none

}

.ui.pink.active.button, .ui.pink.button .active.button:active, .ui.pink.buttons .active.button, .ui.pink.buttons .active.button:active {

  background-color: #ea158d;

  color: #FFF;

  text-shadow: none

}

.ui.basic.pink.button, .ui.basic.pink.buttons .button {

  box-shadow: 0 0 0 1px #E03997 inset !important;

  color: #E03997 !important

}

.ui.basic.pink.button:hover, .ui.basic.pink.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #e61a8d inset !important;

  color: #e61a8d !important

}

.ui.basic.pink.button:focus, .ui.basic.pink.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #e10f85 inset !important;

  color: #e61a8d !important

}

.ui.basic.pink.active.button, .ui.basic.pink.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #ea158d inset !important;

  color: #c71f7e !important

}

.ui.basic.pink.button:active, .ui.basic.pink.buttons .button:active {

  box-shadow: 0 0 0 1px #c71f7e inset !important;

  color: #c71f7e !important

}

.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {

  margin-left: -1px

}

.ui.inverted.pink.button, .ui.inverted.pink.buttons .button {

  background-color: transparent;

  box-shadow: 0 0 0 2px #FF8EDF inset !important;

  color: #FF8EDF

}

.ui.inverted.pink.button.active, .ui.inverted.pink.button:active, .ui.inverted.pink.button:focus, .ui.inverted.pink.button:hover, .ui.inverted.pink.buttons .button.active, .ui.inverted.pink.buttons .button:active, .ui.inverted.pink.buttons .button:focus, .ui.inverted.pink.buttons .button:hover {

  box-shadow: none !important;

  color: #FFF

}

.ui.inverted.pink.button:hover, .ui.inverted.pink.buttons .button:hover {

  background-color: #ff74d8

}

.ui.inverted.pink.button:focus, .ui.inverted.pink.buttons .button:focus {

  background-color: #ff65d3

}

.ui.inverted.pink.active.button, .ui.inverted.pink.buttons .active.button {

  background-color: #ff74d8

}

.ui.inverted.pink.button:active, .ui.inverted.pink.buttons .button:active {

  background-color: #ff5bd1

}

.ui.inverted.pink.basic.button, .ui.inverted.pink.basic.buttons .button, .ui.inverted.pink.buttons .basic.button {

  background-color: transparent;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;

  color: #FFF !important

}

.ui.inverted.pink.basic.button:hover, .ui.inverted.pink.basic.buttons .button:hover, .ui.inverted.pink.buttons .basic.button:hover {

  box-shadow: 0 0 0 2px #ff74d8 inset !important;

  color: #FF8EDF !important

}

.ui.inverted.pink.basic.button:focus, .ui.inverted.pink.basic.buttons .button:focus {

  box-shadow: 0 0 0 2px #ff65d3 inset !important;

  color: #FF8EDF !important

}

.ui.inverted.pink.basic.active.button, .ui.inverted.pink.basic.buttons .active.button, .ui.inverted.pink.buttons .basic.active.button {

  box-shadow: 0 0 0 2px #ff74d8 inset !important;

  color: #FF8EDF !important

}

.ui.inverted.pink.basic.button:active, .ui.inverted.pink.basic.buttons .button:active, .ui.inverted.pink.buttons .basic.button:active {

  box-shadow: 0 0 0 2px #ff5bd1 inset !important;

  color: #FF8EDF !important

}

.ui.violet.button, .ui.violet.buttons .button {

  background-color: #6435C9;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.violet.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.violet.button:hover, .ui.violet.buttons .button:hover {

  background-color: #5829bb;

  color: #FFF;

  text-shadow: none

}

.ui.violet.button:focus, .ui.violet.buttons .button:focus {

  background-color: #4f20b5;

  color: #FFF;

  text-shadow: none

}

.ui.violet.button:active, .ui.violet.buttons .button:active {

  background-color: #502aa1;

  color: #FFF;

  text-shadow: none

}

.ui.violet.active.button, .ui.violet.button .active.button:active, .ui.violet.buttons .active.button, .ui.violet.buttons .active.button:active {

  background-color: #5626bf;

  color: #FFF;

  text-shadow: none

}

.ui.basic.violet.button, .ui.basic.violet.buttons .button {

  box-shadow: 0 0 0 1px #6435C9 inset !important;

  color: #6435C9 !important

}

.ui.basic.violet.button:hover, .ui.basic.violet.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #5829bb inset !important;

  color: #5829bb !important

}

.ui.basic.violet.button:focus, .ui.basic.violet.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #4f20b5 inset !important;

  color: #5829bb !important

}

.ui.basic.violet.active.button, .ui.basic.violet.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #5626bf inset !important;

  color: #502aa1 !important

}

.ui.basic.violet.button:active, .ui.basic.violet.buttons .button:active {

  box-shadow: 0 0 0 1px #502aa1 inset !important;

  color: #502aa1 !important

}

.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {

  margin-left: -1px

}

.ui.inverted.violet.button, .ui.inverted.violet.buttons .button {

  background-color: transparent;

  box-shadow: 0 0 0 2px #A291FB inset !important;

  color: #A291FB

}

.ui.inverted.violet.button.active, .ui.inverted.violet.button:active, .ui.inverted.violet.button:focus, .ui.inverted.violet.button:hover, .ui.inverted.violet.buttons .button.active, .ui.inverted.violet.buttons .button:active, .ui.inverted.violet.buttons .button:focus, .ui.inverted.violet.buttons .button:hover {

  box-shadow: none !important;

  color: #FFF

}

.ui.inverted.violet.button:hover, .ui.inverted.violet.buttons .button:hover {

  background-color: #8a73ff

}

.ui.inverted.violet.button:focus, .ui.inverted.violet.buttons .button:focus {

  background-color: #7d64ff

}

.ui.inverted.violet.active.button, .ui.inverted.violet.buttons .active.button {

  background-color: #8a73ff

}

.ui.inverted.violet.button:active, .ui.inverted.violet.buttons .button:active {

  background-color: #7860f9

}

.ui.inverted.violet.basic.button, .ui.inverted.violet.basic.buttons .button, .ui.inverted.violet.buttons .basic.button {

  background-color: transparent;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;

  color: #FFF !important

}

.ui.inverted.violet.basic.button:hover, .ui.inverted.violet.basic.buttons .button:hover, .ui.inverted.violet.buttons .basic.button:hover {

  box-shadow: 0 0 0 2px #8a73ff inset !important;

  color: #A291FB !important

}

.ui.inverted.violet.basic.button:focus, .ui.inverted.violet.basic.buttons .button:focus {

  box-shadow: 0 0 0 2px #7d64ff inset !important;

  color: #A291FB !important

}

.ui.inverted.violet.basic.active.button, .ui.inverted.violet.basic.buttons .active.button, .ui.inverted.violet.buttons .basic.active.button {

  box-shadow: 0 0 0 2px #8a73ff inset !important;

  color: #A291FB !important

}

.ui.inverted.violet.basic.button:active, .ui.inverted.violet.basic.buttons .button:active, .ui.inverted.violet.buttons .basic.button:active {

  box-shadow: 0 0 0 2px #7860f9 inset !important;

  color: #A291FB !important

}

.ui.purple.button, .ui.purple.buttons .button {

  background-color: #A333C8;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.purple.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.purple.button:hover, .ui.purple.buttons .button:hover {

  background-color: #9627ba;

  color: #FFF;

  text-shadow: none

}

.ui.purple.button:focus, .ui.purple.buttons .button:focus {

  background-color: #8f1eb4;

  color: #FFF;

  text-shadow: none

}

.ui.purple.button:active, .ui.purple.buttons .button:active {

  background-color: #82299f;

  color: #FFF;

  text-shadow: none

}

.ui.purple.active.button, .ui.purple.button .active.button:active, .ui.purple.buttons .active.button, .ui.purple.buttons .active.button:active {

  background-color: #9724be;

  color: #FFF;

  text-shadow: none

}

.ui.basic.purple.button, .ui.basic.purple.buttons .button {

  box-shadow: 0 0 0 1px #A333C8 inset !important;

  color: #A333C8 !important

}

.ui.basic.purple.button:hover, .ui.basic.purple.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #9627ba inset !important;

  color: #9627ba !important

}

.ui.basic.purple.button:focus, .ui.basic.purple.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #8f1eb4 inset !important;

  color: #9627ba !important

}

.ui.basic.purple.active.button, .ui.basic.purple.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #9724be inset !important;

  color: #82299f !important

}

.ui.basic.purple.button:active, .ui.basic.purple.buttons .button:active {

  box-shadow: 0 0 0 1px #82299f inset !important;

  color: #82299f !important

}

.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {

  margin-left: -1px

}

.ui.inverted.purple.button, .ui.inverted.purple.buttons .button {

  background-color: transparent;

  box-shadow: 0 0 0 2px #DC73FF inset !important;

  color: #DC73FF

}

.ui.inverted.purple.button.active, .ui.inverted.purple.button:active, .ui.inverted.purple.button:focus, .ui.inverted.purple.button:hover, .ui.inverted.purple.buttons .button.active, .ui.inverted.purple.buttons .button:active, .ui.inverted.purple.buttons .button:focus, .ui.inverted.purple.buttons .button:hover {

  box-shadow: none !important;

  color: #FFF

}

.ui.inverted.purple.button:hover, .ui.inverted.purple.buttons .button:hover {

  background-color: #d65aff

}

.ui.inverted.purple.button:focus, .ui.inverted.purple.buttons .button:focus {

  background-color: #d24aff

}

.ui.inverted.purple.active.button, .ui.inverted.purple.buttons .active.button {

  background-color: #d65aff

}

.ui.inverted.purple.button:active, .ui.inverted.purple.buttons .button:active {

  background-color: #cf40ff

}

.ui.inverted.purple.basic.button, .ui.inverted.purple.basic.buttons .button, .ui.inverted.purple.buttons .basic.button {

  background-color: transparent;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;

  color: #FFF !important

}

.ui.inverted.purple.basic.button:hover, .ui.inverted.purple.basic.buttons .button:hover, .ui.inverted.purple.buttons .basic.button:hover {

  box-shadow: 0 0 0 2px #d65aff inset !important;

  color: #DC73FF !important

}

.ui.inverted.purple.basic.button:focus, .ui.inverted.purple.basic.buttons .button:focus {

  box-shadow: 0 0 0 2px #d24aff inset !important;

  color: #DC73FF !important

}

.ui.inverted.purple.basic.active.button, .ui.inverted.purple.basic.buttons .active.button, .ui.inverted.purple.buttons .basic.active.button {

  box-shadow: 0 0 0 2px #d65aff inset !important;

  color: #DC73FF !important

}

.ui.inverted.purple.basic.button:active, .ui.inverted.purple.basic.buttons .button:active, .ui.inverted.purple.buttons .basic.button:active {

  box-shadow: 0 0 0 2px #cf40ff inset !important;

  color: #DC73FF !important

}

.ui.red.button, .ui.red.buttons .button {

  background-color: #DB2828;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.red.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.red.button:hover, .ui.red.buttons .button:hover {

  background-color: #d01919;

  color: #FFF;

  text-shadow: none

}

.ui.red.button:focus, .ui.red.buttons .button:focus {

  background-color: #ca1010;

  color: #FFF;

  text-shadow: none

}

.ui.red.button:active, .ui.red.buttons .button:active {

  background-color: #b21e1e;

  color: #FFF;

  text-shadow: none

}

.ui.red.active.button, .ui.red.button .active.button:active, .ui.red.buttons .active.button, .ui.red.buttons .active.button:active {

  background-color: #d41515;

  color: #FFF;

  text-shadow: none

}

.ui.basic.red.button, .ui.basic.red.buttons .button {

  box-shadow: 0 0 0 1px #DB2828 inset !important;

  color: #DB2828 !important

}

.ui.basic.red.button:hover, .ui.basic.red.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #d01919 inset !important;

  color: #d01919 !important

}

.ui.basic.red.button:focus, .ui.basic.red.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #ca1010 inset !important;

  color: #d01919 !important

}

.ui.basic.red.active.button, .ui.basic.red.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #d41515 inset !important;

  color: #b21e1e !important

}

.ui.basic.red.button:active, .ui.basic.red.buttons .button:active {

  box-shadow: 0 0 0 1px #b21e1e inset !important;

  color: #b21e1e !important

}

.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {

  margin-left: -1px

}

.ui.inverted.red.button, .ui.inverted.red.buttons .button {

  background-color: transparent;

  box-shadow: 0 0 0 2px #FF695E inset !important;

  color: #FF695E

}

.ui.inverted.red.button.active, .ui.inverted.red.button:active, .ui.inverted.red.button:focus, .ui.inverted.red.button:hover, .ui.inverted.red.buttons .button.active, .ui.inverted.red.buttons .button:active, .ui.inverted.red.buttons .button:focus, .ui.inverted.red.buttons .button:hover {

  box-shadow: none !important;

  color: #FFF

}

.ui.inverted.red.button:hover, .ui.inverted.red.buttons .button:hover {

  background-color: #ff5144

}

.ui.inverted.red.button:focus, .ui.inverted.red.buttons .button:focus {

  background-color: #ff4335

}

.ui.inverted.red.active.button, .ui.inverted.red.buttons .active.button {

  background-color: #ff5144

}

.ui.inverted.red.button:active, .ui.inverted.red.buttons .button:active {

  background-color: #ff392b

}

.ui.inverted.red.basic.button, .ui.inverted.red.basic.buttons .button, .ui.inverted.red.buttons .basic.button {

  background-color: transparent;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;

  color: #FFF !important

}

.ui.inverted.red.basic.button:hover, .ui.inverted.red.basic.buttons .button:hover, .ui.inverted.red.buttons .basic.button:hover {

  box-shadow: 0 0 0 2px #ff5144 inset !important;

  color: #FF695E !important

}

.ui.inverted.red.basic.button:focus, .ui.inverted.red.basic.buttons .button:focus {

  box-shadow: 0 0 0 2px #ff4335 inset !important;

  color: #FF695E !important

}

.ui.inverted.red.basic.active.button, .ui.inverted.red.basic.buttons .active.button, .ui.inverted.red.buttons .basic.active.button {

  box-shadow: 0 0 0 2px #ff5144 inset !important;

  color: #FF695E !important

}

.ui.inverted.red.basic.button:active, .ui.inverted.red.basic.buttons .button:active, .ui.inverted.red.buttons .basic.button:active {

  box-shadow: 0 0 0 2px #ff392b inset !important;

  color: #FF695E !important

}

.ui.teal.button, .ui.teal.buttons .button {

  background-color: #00B5AD;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.teal.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.teal.button:hover, .ui.teal.buttons .button:hover {

  background-color: #009c95;

  color: #FFF;

  text-shadow: none

}

.ui.teal.button:focus, .ui.teal.buttons .button:focus {

  background-color: #008c86;

  color: #FFF;

  text-shadow: none

}

.ui.teal.button:active, .ui.teal.buttons .button:active {

  background-color: #00827c;

  color: #FFF;

  text-shadow: none

}

.ui.teal.active.button, .ui.teal.button .active.button:active, .ui.teal.buttons .active.button, .ui.teal.buttons .active.button:active {

  background-color: #009c95;

  color: #FFF;

  text-shadow: none

}

.ui.basic.teal.button, .ui.basic.teal.buttons .button {

  box-shadow: 0 0 0 1px #00B5AD inset !important;

  color: #00B5AD !important

}

.ui.basic.teal.button:hover, .ui.basic.teal.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #009c95 inset !important;

  color: #009c95 !important

}

.ui.basic.teal.button:focus, .ui.basic.teal.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #008c86 inset !important;

  color: #009c95 !important

}

.ui.basic.teal.active.button, .ui.basic.teal.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #009c95 inset !important;

  color: #00827c !important

}

.ui.basic.teal.button:active, .ui.basic.teal.buttons .button:active {

  box-shadow: 0 0 0 1px #00827c inset !important;

  color: #00827c !important

}

.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {

  margin-left: -1px

}

.ui.inverted.teal.button, .ui.inverted.teal.buttons .button {

  background-color: transparent;

  box-shadow: 0 0 0 2px #6DFFFF inset !important;

  color: #6DFFFF

}

.ui.inverted.teal.button.active, .ui.inverted.teal.button:active, .ui.inverted.teal.button:focus, .ui.inverted.teal.button:hover, .ui.inverted.teal.buttons .button.active, .ui.inverted.teal.buttons .button:active, .ui.inverted.teal.buttons .button:focus, .ui.inverted.teal.buttons .button:hover {

  box-shadow: none !important;

  color: rgba(0, 0, 0, .6)

}

.ui.inverted.teal.button:hover, .ui.inverted.teal.buttons .button:hover {

  background-color: #54ffff

}

.ui.inverted.teal.button:focus, .ui.inverted.teal.buttons .button:focus {

  background-color: #4ff

}

.ui.inverted.teal.active.button, .ui.inverted.teal.buttons .active.button {

  background-color: #54ffff

}

.ui.inverted.teal.button:active, .ui.inverted.teal.buttons .button:active {

  background-color: #3affff

}

.ui.inverted.teal.basic.button, .ui.inverted.teal.basic.buttons .button, .ui.inverted.teal.buttons .basic.button {

  background-color: transparent;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;

  color: #FFF !important

}

.ui.inverted.teal.basic.button:hover, .ui.inverted.teal.basic.buttons .button:hover, .ui.inverted.teal.buttons .basic.button:hover {

  box-shadow: 0 0 0 2px #54ffff inset !important;

  color: #6DFFFF !important

}

.ui.inverted.teal.basic.button:focus, .ui.inverted.teal.basic.buttons .button:focus {

  box-shadow: 0 0 0 2px #4ff inset !important;

  color: #6DFFFF !important

}

.ui.inverted.teal.basic.active.button, .ui.inverted.teal.basic.buttons .active.button, .ui.inverted.teal.buttons .basic.active.button {

  box-shadow: 0 0 0 2px #54ffff inset !important;

  color: #6DFFFF !important

}

.ui.inverted.teal.basic.button:active, .ui.inverted.teal.basic.buttons .button:active, .ui.inverted.teal.buttons .basic.button:active {

  box-shadow: 0 0 0 2px #3affff inset !important;

  color: #6DFFFF !important

}

.ui.olive.button, .ui.olive.buttons .button {

  background-color: #B5CC18;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.olive.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.olive.button:hover, .ui.olive.buttons .button:hover {

  background-color: #a7bd0d;

  color: #FFF;

  text-shadow: none

}

.ui.olive.button:focus, .ui.olive.buttons .button:focus {

  background-color: #a0b605;

  color: #FFF;

  text-shadow: none

}

.ui.olive.button:active, .ui.olive.buttons .button:active {

  background-color: #8d9e13;

  color: #FFF;

  text-shadow: none

}

.ui.olive.active.button, .ui.olive.button .active.button:active, .ui.olive.buttons .active.button, .ui.olive.buttons .active.button:active {

  background-color: #aac109;

  color: #FFF;

  text-shadow: none

}

.ui.basic.olive.button, .ui.basic.olive.buttons .button {

  box-shadow: 0 0 0 1px #B5CC18 inset !important;

  color: #B5CC18 !important

}

.ui.basic.olive.button:hover, .ui.basic.olive.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #a7bd0d inset !important;

  color: #a7bd0d !important

}

.ui.basic.olive.button:focus, .ui.basic.olive.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #a0b605 inset !important;

  color: #a7bd0d !important

}

.ui.basic.olive.active.button, .ui.basic.olive.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #aac109 inset !important;

  color: #8d9e13 !important

}

.ui.basic.olive.button:active, .ui.basic.olive.buttons .button:active {

  box-shadow: 0 0 0 1px #8d9e13 inset !important;

  color: #8d9e13 !important

}

.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {

  margin-left: -1px

}

.ui.inverted.olive.button, .ui.inverted.olive.buttons .button {

  background-color: transparent;

  box-shadow: 0 0 0 2px #D9E778 inset !important;

  color: #D9E778

}

.ui.inverted.olive.button.active, .ui.inverted.olive.button:active, .ui.inverted.olive.button:focus, .ui.inverted.olive.button:hover, .ui.inverted.olive.buttons .button.active, .ui.inverted.olive.buttons .button:active, .ui.inverted.olive.buttons .button:focus, .ui.inverted.olive.buttons .button:hover {

  box-shadow: none !important;

  color: rgba(0, 0, 0, .6)

}

.ui.inverted.olive.button:hover, .ui.inverted.olive.buttons .button:hover {

  background-color: #d8ea5c

}

.ui.inverted.olive.button:focus, .ui.inverted.olive.buttons .button:focus {

  background-color: #daef47

}

.ui.inverted.olive.active.button, .ui.inverted.olive.buttons .active.button {

  background-color: #daed59

}

.ui.inverted.olive.button:active, .ui.inverted.olive.buttons .button:active {

  background-color: #cddf4d

}

.ui.inverted.olive.basic.button, .ui.inverted.olive.basic.buttons .button, .ui.inverted.olive.buttons .basic.button {

  background-color: transparent;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;

  color: #FFF !important

}

.ui.inverted.olive.basic.button:hover, .ui.inverted.olive.basic.buttons .button:hover, .ui.inverted.olive.buttons .basic.button:hover {

  box-shadow: 0 0 0 2px #d8ea5c inset !important;

  color: #D9E778 !important

}

.ui.inverted.olive.basic.button:focus, .ui.inverted.olive.basic.buttons .button:focus {

  box-shadow: 0 0 0 2px #daef47 inset !important;

  color: #D9E778 !important

}

.ui.inverted.olive.basic.active.button, .ui.inverted.olive.basic.buttons .active.button, .ui.inverted.olive.buttons .basic.active.button {

  box-shadow: 0 0 0 2px #daed59 inset !important;

  color: #D9E778 !important

}

.ui.inverted.olive.basic.button:active, .ui.inverted.olive.basic.buttons .button:active, .ui.inverted.olive.buttons .basic.button:active {

  box-shadow: 0 0 0 2px #cddf4d inset !important;

  color: #D9E778 !important

}

.ui.yellow.button, .ui.yellow.buttons .button {

  background-color: #FBBD08;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.yellow.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.yellow.button:hover, .ui.yellow.buttons .button:hover {

  background-color: #eaae00;

  color: #FFF;

  text-shadow: none

}

.ui.yellow.button:focus, .ui.yellow.buttons .button:focus {

  background-color: #daa300;

  color: #FFF;

  text-shadow: none

}

.ui.yellow.button:active, .ui.yellow.buttons .button:active {

  background-color: #cd9903;

  color: #FFF;

  text-shadow: none

}

.ui.yellow.active.button, .ui.yellow.button .active.button:active, .ui.yellow.buttons .active.button, .ui.yellow.buttons .active.button:active {

  background-color: #eaae00;

  color: #FFF;

  text-shadow: none

}

.ui.basic.yellow.button, .ui.basic.yellow.buttons .button {

  box-shadow: 0 0 0 1px #FBBD08 inset !important;

  color: #FBBD08 !important

}

.ui.basic.yellow.button:hover, .ui.basic.yellow.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #eaae00 inset !important;

  color: #eaae00 !important

}

.ui.basic.yellow.button:focus, .ui.basic.yellow.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #daa300 inset !important;

  color: #eaae00 !important

}

.ui.basic.yellow.active.button, .ui.basic.yellow.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #eaae00 inset !important;

  color: #cd9903 !important

}

.ui.basic.yellow.button:active, .ui.basic.yellow.buttons .button:active {

  box-shadow: 0 0 0 1px #cd9903 inset !important;

  color: #cd9903 !important

}

.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {

  margin-left: -1px

}

.ui.inverted.yellow.button, .ui.inverted.yellow.buttons .button {

  background-color: transparent;

  box-shadow: 0 0 0 2px #FFE21F inset !important;

  color: #FFE21F

}

.ui.inverted.yellow.button.active, .ui.inverted.yellow.button:active, .ui.inverted.yellow.button:focus, .ui.inverted.yellow.button:hover, .ui.inverted.yellow.buttons .button.active, .ui.inverted.yellow.buttons .button:active, .ui.inverted.yellow.buttons .button:focus, .ui.inverted.yellow.buttons .button:hover {

  box-shadow: none !important;

  color: rgba(0, 0, 0, .6)

}

.ui.inverted.yellow.button:hover, .ui.inverted.yellow.buttons .button:hover {

  background-color: #ffdf05

}

.ui.inverted.yellow.button:focus, .ui.inverted.yellow.buttons .button:focus {

  background-color: #f5d500

}

.ui.inverted.yellow.active.button, .ui.inverted.yellow.buttons .active.button {

  background-color: #ffdf05

}

.ui.inverted.yellow.button:active, .ui.inverted.yellow.buttons .button:active {

  background-color: #ebcd00

}

.ui.inverted.yellow.basic.button, .ui.inverted.yellow.basic.buttons .button, .ui.inverted.yellow.buttons .basic.button {

  background-color: transparent;

  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5) inset !important;

  color: #FFF !important

}

.ui.inverted.yellow.basic.button:hover, .ui.inverted.yellow.basic.buttons .button:hover, .ui.inverted.yellow.buttons .basic.button:hover {

  box-shadow: 0 0 0 2px #ffdf05 inset !important;

  color: #FFE21F !important

}

.ui.inverted.yellow.basic.button:focus, .ui.inverted.yellow.basic.buttons .button:focus {

  box-shadow: 0 0 0 2px #f5d500 inset !important;

  color: #FFE21F !important

}

.ui.inverted.yellow.basic.active.button, .ui.inverted.yellow.basic.buttons .active.button, .ui.inverted.yellow.buttons .basic.active.button {

  box-shadow: 0 0 0 2px #ffdf05 inset !important;

  color: #FFE21F !important

}

.ui.inverted.yellow.basic.button:active, .ui.inverted.yellow.basic.buttons .button:active, .ui.inverted.yellow.buttons .basic.button:active {

  box-shadow: 0 0 0 2px #ebcd00 inset !important;

  color: #FFE21F !important

}

.ui.primary.button, .ui.primary.buttons .button {

  background-color: #2185D0;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.primary.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.primary.button:hover, .ui.primary.buttons .button:hover {

  background-color: #1678c2;

  color: #FFF;

  text-shadow: none

}

.ui.primary.button:focus, .ui.primary.buttons .button:focus {

  background-color: #0d71bb;

  color: #FFF;

  text-shadow: none

}

.ui.primary.button:active, .ui.primary.buttons .button:active {

  background-color: #1a69a4;

  color: #FFF;

  text-shadow: none

}

.ui.primary.active.button, .ui.primary.button .active.button:active, .ui.primary.buttons .active.button, .ui.primary.buttons .active.button:active {

  background-color: #1279c6;

  color: #FFF;

  text-shadow: none

}

.ui.basic.primary.button, .ui.basic.primary.buttons .button {

  box-shadow: 0 0 0 1px #2185D0 inset !important;

  color: #2185D0 !important

}

.ui.basic.primary.button:hover, .ui.basic.primary.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #1678c2 inset !important;

  color: #1678c2 !important

}

.ui.basic.primary.button:focus, .ui.basic.primary.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #0d71bb inset !important;

  color: #1678c2 !important

}

.ui.basic.primary.active.button, .ui.basic.primary.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #1279c6 inset !important;

  color: #1a69a4 !important

}

.ui.basic.primary.button:active, .ui.basic.primary.buttons .button:active {

  box-shadow: 0 0 0 1px #1a69a4 inset !important;

  color: #1a69a4 !important

}

.ui.secondary.button, .ui.secondary.buttons .button {

  background-color: #1B1C1D;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.secondary.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.secondary.button:hover, .ui.secondary.buttons .button:hover {

  background-color: #27292a;

  color: #FFF;

  text-shadow: none

}

.ui.secondary.button:focus, .ui.secondary.buttons .button:focus {

  background-color: #2e3032;

  color: #FFF;

  text-shadow: none

}

.ui.secondary.button:active, .ui.secondary.buttons .button:active {

  background-color: #343637;

  color: #FFF;

  text-shadow: none

}

.ui.secondary.active.button, .ui.secondary.button .active.button:active, .ui.secondary.buttons .active.button, .ui.secondary.buttons .active.button:active {

  background-color: #27292a;

  color: #FFF;

  text-shadow: none

}

.ui.basic.secondary.button, .ui.basic.secondary.buttons .button {

  box-shadow: 0 0 0 1px #1B1C1D inset !important;

  color: #1B1C1D !important

}

.ui.basic.secondary.button:hover, .ui.basic.secondary.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #27292a inset !important;

  color: #27292a !important

}

.ui.basic.secondary.button:focus, .ui.basic.secondary.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #2e3032 inset !important;

  color: #27292a !important

}

.ui.basic.secondary.active.button, .ui.basic.secondary.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #27292a inset !important;

  color: #343637 !important

}

.ui.basic.secondary.button:active, .ui.basic.secondary.buttons .button:active {

  box-shadow: 0 0 0 1px #343637 inset !important;

  color: #343637 !important

}

.ui.positive.button, .ui.positive.buttons .button {

  background-color: #21BA45;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.positive.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.positive.button:hover, .ui.positive.buttons .button:hover {

  background-color: #16ab39;

  color: #FFF;

  text-shadow: none

}

.ui.positive.button:focus, .ui.positive.buttons .button:focus {

  background-color: #0ea432;

  color: #FFF;

  text-shadow: none

}

.ui.positive.button:active, .ui.positive.buttons .button:active {

  background-color: #198f35;

  color: #FFF;

  text-shadow: none

}

.ui.positive.active.button, .ui.positive.button .active.button:active, .ui.positive.buttons .active.button, .ui.positive.buttons .active.button:active {

  background-color: #13ae38;

  color: #FFF;

  text-shadow: none

}

.ui.basic.positive.button, .ui.basic.positive.buttons .button {

  box-shadow: 0 0 0 1px #21BA45 inset !important;

  color: #21BA45 !important

}

.ui.basic.positive.button:hover, .ui.basic.positive.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #16ab39 inset !important;

  color: #16ab39 !important

}

.ui.basic.positive.button:focus, .ui.basic.positive.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #0ea432 inset !important;

  color: #16ab39 !important

}

.ui.basic.positive.active.button, .ui.basic.positive.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #13ae38 inset !important;

  color: #198f35 !important

}

.ui.basic.positive.button:active, .ui.basic.positive.buttons .button:active {

  box-shadow: 0 0 0 1px #198f35 inset !important;

  color: #198f35 !important

}

.ui.negative.button, .ui.negative.buttons .button {

  background-color: #DB2828;

  color: #FFF;

  text-shadow: none;

  background-image: none

}

.ui.negative.button {

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.negative.button:hover, .ui.negative.buttons .button:hover {

  background-color: #d01919;

  color: #FFF;

  text-shadow: none

}

.ui.negative.button:focus, .ui.negative.buttons .button:focus {

  background-color: #ca1010;

  color: #FFF;

  text-shadow: none

}

.ui.negative.button:active, .ui.negative.buttons .button:active {

  background-color: #b21e1e;

  color: #FFF;

  text-shadow: none

}

.ui.negative.active.button, .ui.negative.button .active.button:active, .ui.negative.buttons .active.button, .ui.negative.buttons .active.button:active {

  background-color: #d41515;

  color: #FFF;

  text-shadow: none

}

.ui.basic.negative.button, .ui.basic.negative.buttons .button {

  box-shadow: 0 0 0 1px #DB2828 inset !important;

  color: #DB2828 !important

}

.ui.basic.negative.button:hover, .ui.basic.negative.buttons .button:hover {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #d01919 inset !important;

  color: #d01919 !important

}

.ui.basic.negative.button:focus, .ui.basic.negative.buttons .button:focus {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #ca1010 inset !important;

  color: #d01919 !important

}

.ui.basic.negative.active.button, .ui.basic.negative.buttons .active.button {

  background: 0 0 !important;

  box-shadow: 0 0 0 1px #d41515 inset !important;

  color: #b21e1e !important

}

.ui.basic.negative.button:active, .ui.basic.negative.buttons .button:active {

  box-shadow: 0 0 0 1px #b21e1e inset !important;

  color: #b21e1e !important

}

.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {

  margin-left: -1px

}

.ui.buttons {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  font-size: 0;

  vertical-align: baseline;

  margin: 0 .25em 0 0

}

.ui.buttons:not(.basic):not(.inverted) {

  box-shadow: none

}

.ui.buttons:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden

}

.ui.buttons .button {

  -webkit-box-flex: 1;

  -ms-flex: 1 0 auto;

  flex: 1 0 auto;

  border-radius: 0;

  margin: 0

}

.ui.buttons:not(.basic):not(.inverted) > .button, .ui.buttons > .ui.button:not(.basic):not(.inverted) {

  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset

}

.ui.buttons .button:first-child {

  border-left: none;

  margin-left: 0;

  border-top-left-radius: .28571429rem;

  border-bottom-left-radius: .28571429rem

}

.ui.buttons .button:last-child {

  border-top-right-radius: .28571429rem;

  border-bottom-right-radius: .28571429rem

}

.ui.vertical.buttons {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column

}

.ui.vertical.buttons .button {

  display: block;

  float: none;

  width: 100%;

  margin: 0;

  box-shadow: none

}

.ui.vertical.buttons .button:first-child, .ui.vertical.buttons .huge.button:first-child, .ui.vertical.buttons .massive.button:first-child, .ui.vertical.buttons .mini.button:first-child, .ui.vertical.buttons .small.button:first-child, .ui.vertical.buttons .tiny.button:first-child {

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.vertical.buttons .button:last-child, .ui.vertical.buttons .gigantic.button:last-child, .ui.vertical.buttons .huge.button:last-child, .ui.vertical.buttons .massive.button:last-child, .ui.vertical.buttons .mini.button:last-child, .ui.vertical.buttons .small.button:last-child, .ui.vertical.buttons .tiny.button:last-child {

  margin-bottom: 0;

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui.container {

  display: block;

  max-width: 100% !important

}

@media only screen and (max-width:767px) {

  .ui.container {

    width: auto !important;

    margin-left: 1em !important;

    margin-right: 1em !important

  }

  .ui.grid.container, .ui.relaxed.grid.container, .ui.very.relaxed.grid.container {

    width: auto !important

  }

}

@media only screen and (min-width:768px) and (max-width:991px) {

  .ui.container {

    width: 723px;

    margin-left: auto !important;

    margin-right: auto !important

  }

  .ui.grid.container {

    width: calc(723px + 2rem) !important

  }

  .ui.relaxed.grid.container {

    width: calc(723px + 3rem) !important

  }

  .ui.very.relaxed.grid.container {

    width: calc(723px + 5rem) !important

  }

}

@media only screen and (min-width:992px) and (max-width:1199px) {

  .ui.container {

    width: 933px;

    margin-left: auto !important;

    margin-right: auto !important

  }

  .ui.grid.container {

    width: calc(933px + 2rem) !important

  }

  .ui.relaxed.grid.container {

    width: calc(933px + 3rem) !important

  }

  .ui.very.relaxed.grid.container {

    width: calc(933px + 5rem) !important

  }

}

@media only screen and (min-width:1400px) {

  .ui.container {

    width: 1400px;

    margin-left: auto !important;

    margin-right: auto !important

  }

  .ui.grid.container {

    width: calc(1400px + 2rem) !important

  }

  .ui.relaxed.grid.container {

    width: calc(1127px + 3rem) !important

  }

  .ui.very.relaxed.grid.container {

    width: calc(1127px + 5rem) !important

  }

}

.ui.text.container {

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  max-width: 700px !important;

  line-height: 1.5;

  font-size: 1.14285714rem

}

.ui.fluid.container {

  width: 100%

}

.ui[class*="left aligned"].container {

  text-align: left

}

.ui[class*="center aligned"].container {

  text-align: center

}

.ui[class*="right aligned"].container {

  text-align: right

}

.ui.justified.container {

  text-align: justify;

  -webkit-hyphens: auto;

  -ms-hyphens: auto;

  hyphens: auto

}

.ui.divider {

  margin: 1rem 0;

  line-height: 1;

  height: 0;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .05em;

  color: rgba(0, 0, 0, .85);

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-tap-highlight-color: transparent;

  font-size: 1rem

}

.ui.divider:not(.vertical):not(.horizontal) {

  border-top: 1px solid rgba(34, 36, 38, .15);

  border-bottom: 1px solid rgba(255, 255, 255, .1)

}

.ui.grid > .column + .divider, .ui.grid > .row > .column + .divider {

  left: auto

}

.ui.horizontal.divider {

  display: table;

  white-space: nowrap;

  height: auto;

  margin: '';

  line-height: 1;

  text-align: center

}

.ui.horizontal.divider:after, .ui.horizontal.divider:before {

  content: '';

  display: table-cell;

  position: relative;

  top: 50%;

  width: 50%;

  background-repeat: no-repeat;

  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)

}

.ui.horizontal.divider:before {

  background-position: right 1em top 50%

}

.ui.horizontal.divider:after {

  background-position: left 1em top 50%

}

.ui.vertical.divider {

  position: absolute;

  z-index: 2;

  top: 50%;

  left: 50%;

  margin: 0;

  padding: 0;

  width: auto;

  height: 50%;

  line-height: 0;

  text-align: center;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%)

}

.ui.vertical.divider:after, .ui.vertical.divider:before {

  position: absolute;

  left: 50%;

  content: '';

  z-index: 3;

  border-left: 1px solid rgba(34, 36, 38, .15);

  border-right: 1px solid rgba(255, 255, 255, .1);

  width: 0%;

  height: calc(100% - 1rem)

}

.ui.vertical.divider:before {

  top: -100%

}

.ui.vertical.divider:after {

  top: auto;

  bottom: 0

}

@media only screen and (max-width:767px) {

  .ui.grid .stackable.row .ui.vertical.divider, .ui.stackable.grid .ui.vertical.divider {

    display: table;

    white-space: nowrap;

    height: auto;

    margin: '';

    overflow: hidden;

    line-height: 1;

    text-align: center;

    position: static;

    top: 0;

    left: 0;

    -webkit-transform: none;

    transform: none

  }

  .ui.grid .stackable.row .ui.vertical.divider:after, .ui.grid .stackable.row .ui.vertical.divider:before, .ui.stackable.grid .ui.vertical.divider:after, .ui.stackable.grid .ui.vertical.divider:before {

    left: 0;

    border-left: none;

    border-right: none;

    content: '';

    display: table-cell;

    position: relative;

    top: 50%;

    width: 50%;

    background-repeat: no-repeat;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)

  }

  .ui.grid .stackable.row .ui.vertical.divider:before, .ui.stackable.grid .ui.vertical.divider:before {

    background-position: right 1em top 50%

  }

  .ui.grid .stackable.row .ui.vertical.divider:after, .ui.stackable.grid .ui.vertical.divider:after {

    background-position: left 1em top 50%

  }

}

.ui.divider > .icon {

  margin: 0;

  font-size: 1rem;

  height: 1em;

  vertical-align: middle

}

.ui.hidden.divider {

  border-color: transparent !important

}

.ui.hidden.divider:after, .ui.hidden.divider:before {

  display: none

}

.ui.divider.inverted, .ui.horizontal.inverted.divider, .ui.vertical.inverted.divider {

  color: #FFF

}

.ui.divider.inverted, .ui.divider.inverted:after, .ui.divider.inverted:before {

  border-top-color: rgba(34, 36, 38, .15) !important;

  border-left-color: rgba(34, 36, 38, .15) !important;

  border-bottom-color: rgba(255, 255, 255, .15) !important;

  border-right-color: rgba(255, 255, 255, .15) !important

}

.ui.fitted.divider {

  margin: 0

}

.ui.clearing.divider {

  clear: both

}

.ui.section.divider {

  margin-top: 2rem;

  margin-bottom: 2rem

}

i.flag:not(.icon) {

  display: inline-block;

  width: 16px;

  height: 11px;

  line-height: 11px;

  vertical-align: baseline;

  margin: 0 .5em 0 0;

  text-decoration: inherit;

  speak: none;

  font-smoothing: antialiased;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden

}

i.flag:not(.icon):before {

  display: inline-block;

  content: '';

  background: url(/wp-content/themes/yaorimosu/css/themes/default/assets/images/flags.png) -108px -1976px no-repeat;

  width: 16px;

  height: 11px

}

i.flag.ad:before, i.flag.andorra:before {

  background-position: 0 0

}

i.flag.ae:before, i.flag.uae:before, i.flag.united.arab.emirates:before {

  background-position: 0 -26px

}

i.flag.af:before, i.flag.afghanistan:before {

  background-position: 0 -52px

}

i.flag.ag:before, i.flag.antigua:before {

  background-position: 0 -78px

}

i.flag.ai:before, i.flag.anguilla:before {

  background-position: 0 -104px

}

i.flag.al:before, i.flag.albania:before {

  background-position: 0 -130px

}

i.flag.am:before, i.flag.armenia:before {

  background-position: 0 -156px

}

i.flag.an:before, i.flag.netherlands.antilles:before {

  background-position: 0 -182px

}

i.flag.angola:before, i.flag.ao:before {

  background-position: 0 -208px

}

i.flag.ar:before, i.flag.argentina:before {

  background-position: 0 -234px

}

i.flag.american.samoa:before, i.flag.as:before {

  background-position: 0 -260px

}

i.flag.at:before, i.flag.austria:before {

  background-position: 0 -286px

}

i.flag.au:before, i.flag.australia:before {

  background-position: 0 -312px

}

i.flag.aruba:before, i.flag.aw:before {

  background-position: 0 -338px

}

i.flag.aland.islands:before, i.flag.ax:before {

  background-position: 0 -364px

}

i.flag.az:before, i.flag.azerbaijan:before {

  background-position: 0 -390px

}

i.flag.ba:before, i.flag.bosnia:before {

  background-position: 0 -416px

}

i.flag.barbados:before, i.flag.bb:before {

  background-position: 0 -442px

}

i.flag.bangladesh:before, i.flag.bd:before {

  background-position: 0 -468px

}

i.flag.be:before, i.flag.belgium:before {

  background-position: 0 -494px

}

i.flag.bf:before, i.flag.burkina.faso:before {

  background-position: 0 -520px

}

i.flag.bg:before, i.flag.bulgaria:before {

  background-position: 0 -546px

}

i.flag.bahrain:before, i.flag.bh:before {

  background-position: 0 -572px

}

i.flag.bi:before, i.flag.burundi:before {

  background-position: 0 -598px

}

i.flag.benin:before, i.flag.bj:before {

  background-position: 0 -624px

}

i.flag.bermuda:before, i.flag.bm:before {

  background-position: 0 -650px

}

i.flag.bn:before, i.flag.brunei:before {

  background-position: 0 -676px

}

i.flag.bo:before, i.flag.bolivia:before {

  background-position: 0 -702px

}

i.flag.br:before, i.flag.brazil:before {

  background-position: 0 -728px

}

i.flag.bahamas:before, i.flag.bs:before {

  background-position: 0 -754px

}

i.flag.bhutan:before, i.flag.bt:before {

  background-position: 0 -780px

}

i.flag.bouvet.island:before, i.flag.bv:before {

  background-position: 0 -806px

}

i.flag.botswana:before, i.flag.bw:before {

  background-position: 0 -832px

}

i.flag.belarus:before, i.flag.by:before {

  background-position: 0 -858px

}

i.flag.belize:before, i.flag.bz:before {

  background-position: 0 -884px

}

i.flag.ca:before, i.flag.canada:before {

  background-position: 0 -910px

}

i.flag.cc:before, i.flag.cocos.islands:before {

  background-position: 0 -962px

}

i.flag.cd:before, i.flag.congo:before {

  background-position: 0 -988px

}

i.flag.central.african.republic:before, i.flag.cf:before {

  background-position: 0 -1014px

}

i.flag.cg:before, i.flag.congo.brazzaville:before {

  background-position: 0 -1040px

}

i.flag.ch:before, i.flag.switzerland:before {

  background-position: 0 -1066px

}

i.flag.ci:before, i.flag.cote.divoire:before {

  background-position: 0 -1092px

}

i.flag.ck:before, i.flag.cook.islands:before {

  background-position: 0 -1118px

}

i.flag.chile:before, i.flag.cl:before {

  background-position: 0 -1144px

}

i.flag.cameroon:before, i.flag.cm:before {

  background-position: 0 -1170px

}

i.flag.china:before, i.flag.cn:before {

  background-position: 0 -1196px

}

i.flag.co:before, i.flag.colombia:before {

  background-position: 0 -1222px

}

i.flag.costa.rica:before, i.flag.cr:before {

  background-position: 0 -1248px

}

i.flag.cs:before, i.flag.serbia:before {

  background-position: 0 -1274px

}

i.flag.cu:before, i.flag.cuba:before {

  background-position: 0 -1300px

}

i.flag.cape.verde:before, i.flag.cv:before {

  background-position: 0 -1326px

}

i.flag.christmas.island:before, i.flag.cx:before {

  background-position: 0 -1352px

}

i.flag.cy:before, i.flag.cyprus:before {

  background-position: 0 -1378px

}

i.flag.cz:before, i.flag.czech.republic:before {

  background-position: 0 -1404px

}

i.flag.de:before, i.flag.germany:before {

  background-position: 0 -1430px

}

i.flag.dj:before, i.flag.djibouti:before {

  background-position: 0 -1456px

}

i.flag.denmark:before, i.flag.dk:before {

  background-position: 0 -1482px

}

i.flag.dm:before, i.flag.dominica:before {

  background-position: 0 -1508px

}

i.flag.do:before, i.flag.dominican.republic:before {

  background-position: 0 -1534px

}

i.flag.algeria:before, i.flag.dz:before {

  background-position: 0 -1560px

}

i.flag.ec:before, i.flag.ecuador:before {

  background-position: 0 -1586px

}

i.flag.ee:before, i.flag.estonia:before {

  background-position: 0 -1612px

}

i.flag.eg:before, i.flag.egypt:before {

  background-position: 0 -1638px

}

i.flag.eh:before, i.flag.western.sahara:before {

  background-position: 0 -1664px

}

i.flag.er:before, i.flag.eritrea:before {

  background-position: 0 -1716px

}

i.flag.es:before, i.flag.spain:before {

  background-position: 0 -1742px

}

i.flag.et:before, i.flag.ethiopia:before {

  background-position: 0 -1768px

}

i.flag.eu:before, i.flag.european.union:before {

  background-position: 0 -1794px

}

i.flag.fi:before, i.flag.finland:before {

  background-position: 0 -1846px

}

i.flag.fiji:before, i.flag.fj:before {

  background-position: 0 -1872px

}

i.flag.falkland.islands:before, i.flag.fk:before {

  background-position: 0 -1898px

}

i.flag.fm:before, i.flag.micronesia:before {

  background-position: 0 -1924px

}

i.flag.faroe.islands:before, i.flag.fo:before {

  background-position: 0 -1950px

}

i.flag.fr:before, i.flag.france:before {

  background-position: 0 -1976px

}

i.flag.ga:before, i.flag.gabon:before {

  background-position: -36px 0

}

i.flag.gb:before, i.flag.united.kingdom:before {

  background-position: -36px -26px

}

i.flag.gd:before, i.flag.grenada:before {

  background-position: -36px -52px

}

i.flag.ge:before, i.flag.georgia:before {

  background-position: -36px -78px

}

i.flag.french.guiana:before, i.flag.gf:before {

  background-position: -36px -104px

}

i.flag.gh:before, i.flag.ghana:before {

  background-position: -36px -130px

}

i.flag.gi:before, i.flag.gibraltar:before {

  background-position: -36px -156px

}

i.flag.gl:before, i.flag.greenland:before {

  background-position: -36px -182px

}

i.flag.gambia:before, i.flag.gm:before {

  background-position: -36px -208px

}

i.flag.gn:before, i.flag.guinea:before {

  background-position: -36px -234px

}

i.flag.gp:before, i.flag.guadeloupe:before {

  background-position: -36px -260px

}

i.flag.equatorial.guinea:before, i.flag.gq:before {

  background-position: -36px -286px

}

i.flag.gr:before, i.flag.greece:before {

  background-position: -36px -312px

}

i.flag.gs:before, i.flag.sandwich.islands:before {

  background-position: -36px -338px

}

i.flag.gt:before, i.flag.guatemala:before {

  background-position: -36px -364px

}

i.flag.gu:before, i.flag.guam:before {

  background-position: -36px -390px

}

i.flag.guinea-bissau:before, i.flag.gw:before {

  background-position: -36px -416px

}

i.flag.guyana:before, i.flag.gy:before {

  background-position: -36px -442px

}

i.flag.hk:before, i.flag.hong.kong:before {

  background-position: -36px -468px

}

i.flag.heard.island:before, i.flag.hm:before {

  background-position: -36px -494px

}

i.flag.hn:before, i.flag.honduras:before {

  background-position: -36px -520px

}

i.flag.croatia:before, i.flag.hr:before {

  background-position: -36px -546px

}

i.flag.haiti:before, i.flag.ht:before {

  background-position: -36px -572px

}

i.flag.hu:before, i.flag.hungary:before {

  background-position: -36px -598px

}

i.flag.id:before, i.flag.indonesia:before {

  background-position: -36px -624px

}

i.flag.ie:before, i.flag.ireland:before {

  background-position: -36px -650px

}

i.flag.il:before, i.flag.israel:before {

  background-position: -36px -676px

}

i.flag.in:before, i.flag.india:before {

  background-position: -36px -702px

}

i.flag.indian.ocean.territory:before, i.flag.io:before {

  background-position: -36px -728px

}

i.flag.iq:before, i.flag.iraq:before {

  background-position: -36px -754px

}

i.flag.ir:before, i.flag.iran:before {

  background-position: -36px -780px

}

i.flag.iceland:before, i.flag.is:before {

  background-position: -36px -806px

}

i.flag.it:before, i.flag.italy:before {

  background-position: -36px -832px

}

i.flag.jamaica:before, i.flag.jm:before {

  background-position: -36px -858px

}

i.flag.jo:before, i.flag.jordan:before {

  background-position: -36px -884px

}

i.flag.japan:before, i.flag.jp:before {

  background-position: -36px -910px

}

i.flag.ke:before, i.flag.kenya:before {

  background-position: -36px -936px

}

i.flag.kg:before, i.flag.kyrgyzstan:before {

  background-position: -36px -962px

}

i.flag.cambodia:before, i.flag.kh:before {

  background-position: -36px -988px

}

i.flag.ki:before, i.flag.kiribati:before {

  background-position: -36px -1014px

}

i.flag.comoros:before, i.flag.km:before {

  background-position: -36px -1040px

}

i.flag.kn:before, i.flag.saint.kitts.and.nevis:before {

  background-position: -36px -1066px

}

i.flag.kp:before, i.flag.north.korea:before {

  background-position: -36px -1092px

}

i.flag.kr:before, i.flag.south.korea:before {

  background-position: -36px -1118px

}

i.flag.kuwait:before, i.flag.kw:before {

  background-position: -36px -1144px

}

i.flag.cayman.islands:before, i.flag.ky:before {

  background-position: -36px -1170px

}

i.flag.kazakhstan:before, i.flag.kz:before {

  background-position: -36px -1196px

}

i.flag.la:before, i.flag.laos:before {

  background-position: -36px -1222px

}

i.flag.lb:before, i.flag.lebanon:before {

  background-position: -36px -1248px

}

i.flag.lc:before, i.flag.saint.lucia:before {

  background-position: -36px -1274px

}

i.flag.li:before, i.flag.liechtenstein:before {

  background-position: -36px -1300px

}

i.flag.lk:before, i.flag.sri.lanka:before {

  background-position: -36px -1326px

}

i.flag.liberia:before, i.flag.lr:before {

  background-position: -36px -1352px

}

i.flag.lesotho:before, i.flag.ls:before {

  background-position: -36px -1378px

}

i.flag.lithuania:before, i.flag.lt:before {

  background-position: -36px -1404px

}

i.flag.lu:before, i.flag.luxembourg:before {

  background-position: -36px -1430px

}

i.flag.latvia:before, i.flag.lv:before {

  background-position: -36px -1456px

}

i.flag.libya:before, i.flag.ly:before {

  background-position: -36px -1482px

}

i.flag.ma:before, i.flag.morocco:before {

  background-position: -36px -1508px

}

i.flag.mc:before, i.flag.monaco:before {

  background-position: -36px -1534px

}

i.flag.md:before, i.flag.moldova:before {

  background-position: -36px -1560px

}

i.flag.me:before, i.flag.montenegro:before {

  background-position: -36px -1586px

}

i.flag.madagascar:before, i.flag.mg:before {

  background-position: -36px -1613px

}

i.flag.marshall.islands:before, i.flag.mh:before {

  background-position: -36px -1639px

}

i.flag.macedonia:before, i.flag.mk:before {

  background-position: -36px -1665px

}

i.flag.mali:before, i.flag.ml:before {

  background-position: -36px -1691px

}

i.flag.burma:before, i.flag.mm:before, i.flag.myanmar:before {

  background-position: -36px -1717px

}

i.flag.mn:before, i.flag.mongolia:before {

  background-position: -36px -1743px

}

i.flag.macau:before, i.flag.mo:before {

  background-position: -36px -1769px

}

i.flag.mp:before, i.flag.northern.mariana.islands:before {

  background-position: -36px -1795px

}

i.flag.martinique:before, i.flag.mq:before {

  background-position: -36px -1821px

}

i.flag.mauritania:before, i.flag.mr:before {

  background-position: -36px -1847px

}

i.flag.montserrat:before, i.flag.ms:before {

  background-position: -36px -1873px

}

i.flag.malta:before, i.flag.mt:before {

  background-position: -36px -1899px

}

i.flag.mauritius:before, i.flag.mu:before {

  background-position: -36px -1925px

}

i.flag.maldives:before, i.flag.mv:before {

  background-position: -36px -1951px

}

i.flag.malawi:before, i.flag.mw:before {

  background-position: -36px -1977px

}

i.flag.mexico:before, i.flag.mx:before {

  background-position: -72px 0

}

i.flag.malaysia:before, i.flag.my:before {

  background-position: -72px -26px

}

i.flag.mozambique:before, i.flag.mz:before {

  background-position: -72px -52px

}

i.flag.na:before, i.flag.namibia:before {

  background-position: -72px -78px

}

i.flag.nc:before, i.flag.new.caledonia:before {

  background-position: -72px -104px

}

i.flag.ne:before, i.flag.niger:before {

  background-position: -72px -130px

}

i.flag.nf:before, i.flag.norfolk.island:before {

  background-position: -72px -156px

}

i.flag.ng:before, i.flag.nigeria:before {

  background-position: -72px -182px

}

i.flag.ni:before, i.flag.nicaragua:before {

  background-position: -72px -208px

}

i.flag.netherlands:before, i.flag.nl:before {

  background-position: -72px -234px

}

i.flag.no:before, i.flag.norway:before {

  background-position: -72px -260px

}

i.flag.nepal:before, i.flag.np:before {

  background-position: -72px -286px

}

i.flag.nauru:before, i.flag.nr:before {

  background-position: -72px -312px

}

i.flag.niue:before, i.flag.nu:before {

  background-position: -72px -338px

}

i.flag.new.zealand:before, i.flag.nz:before {

  background-position: -72px -364px

}

i.flag.om:before, i.flag.oman:before {

  background-position: -72px -390px

}

i.flag.pa:before, i.flag.panama:before {

  background-position: -72px -416px

}

i.flag.pe:before, i.flag.peru:before {

  background-position: -72px -442px

}

i.flag.french.polynesia:before, i.flag.pf:before {

  background-position: -72px -468px

}

i.flag.new.guinea:before, i.flag.pg:before {

  background-position: -72px -494px

}

i.flag.ph:before, i.flag.philippines:before {

  background-position: -72px -520px

}

i.flag.pakistan:before, i.flag.pk:before {

  background-position: -72px -546px

}

i.flag.pl:before, i.flag.poland:before {

  background-position: -72px -572px

}

i.flag.pm:before, i.flag.saint.pierre:before {

  background-position: -72px -598px

}

i.flag.pitcairn.islands:before, i.flag.pn:before {

  background-position: -72px -624px

}

i.flag.pr:before, i.flag.puerto.rico:before {

  background-position: -72px -650px

}

i.flag.palestine:before, i.flag.ps:before {

  background-position: -72px -676px

}

i.flag.portugal:before, i.flag.pt:before {

  background-position: -72px -702px

}

i.flag.palau:before, i.flag.pw:before {

  background-position: -72px -728px

}

i.flag.paraguay:before, i.flag.py:before {

  background-position: -72px -754px

}

i.flag.qa:before, i.flag.qatar:before {

  background-position: -72px -780px

}

i.flag.re:before, i.flag.reunion:before {

  background-position: -72px -806px

}

i.flag.ro:before, i.flag.romania:before {

  background-position: -72px -832px

}

i.flag.rs:before, i.flag.serbia:before {

  background-position: -72px -858px

}

i.flag.ru:before, i.flag.russia:before {

  background-position: -72px -884px

}

i.flag.rw:before, i.flag.rwanda:before {

  background-position: -72px -910px

}

i.flag.sa:before, i.flag.saudi.arabia:before {

  background-position: -72px -936px

}

i.flag.sb:before, i.flag.solomon.islands:before {

  background-position: -72px -962px

}

i.flag.sc:before, i.flag.seychelles:before {

  background-position: -72px -988px

}

i.flag.gb.sct:before, i.flag.scotland:before {

  background-position: -72px -1014px

}

i.flag.sd:before, i.flag.sudan:before {

  background-position: -72px -1040px

}

i.flag.se:before, i.flag.sweden:before {

  background-position: -72px -1066px

}

i.flag.sg:before, i.flag.singapore:before {

  background-position: -72px -1092px

}

i.flag.saint.helena:before, i.flag.sh:before {

  background-position: -72px -1118px

}

i.flag.si:before, i.flag.slovenia:before {

  background-position: -72px -1144px

}

i.flag.jan.mayen:before, i.flag.sj:before, i.flag.svalbard:before {

  background-position: -72px -1170px

}

i.flag.sk:before, i.flag.slovakia:before {

  background-position: -72px -1196px

}

i.flag.sierra.leone:before, i.flag.sl:before {

  background-position: -72px -1222px

}

i.flag.san.marino:before, i.flag.sm:before {

  background-position: -72px -1248px

}

i.flag.senegal:before, i.flag.sn:before {

  background-position: -72px -1274px

}

i.flag.so:before, i.flag.somalia:before {

  background-position: -72px -1300px

}

i.flag.sr:before, i.flag.suriname:before {

  background-position: -72px -1326px

}

i.flag.sao.tome:before, i.flag.st:before {

  background-position: -72px -1352px

}

i.flag.el.salvador:before, i.flag.sv:before {

  background-position: -72px -1378px

}

i.flag.sy:before, i.flag.syria:before {

  background-position: -72px -1404px

}

i.flag.swaziland:before, i.flag.sz:before {

  background-position: -72px -1430px

}

i.flag.caicos.islands:before, i.flag.tc:before {

  background-position: -72px -1456px

}

i.flag.chad:before, i.flag.td:before {

  background-position: -72px -1482px

}

i.flag.french.territories:before, i.flag.tf:before {

  background-position: -72px -1508px

}

i.flag.tg:before, i.flag.togo:before {

  background-position: -72px -1534px

}

i.flag.th:before, i.flag.thailand:before {

  background-position: -72px -1560px

}

i.flag.tajikistan:before, i.flag.tj:before {

  background-position: -72px -1586px

}

i.flag.tk:before, i.flag.tokelau:before {

  background-position: -72px -1612px

}

i.flag.timorleste:before, i.flag.tl:before {

  background-position: -72px -1638px

}

i.flag.tm:before, i.flag.turkmenistan:before {

  background-position: -72px -1664px

}

i.flag.tn:before, i.flag.tunisia:before {

  background-position: -72px -1690px

}

i.flag.to:before, i.flag.tonga:before {

  background-position: -72px -1716px

}

i.flag.tr:before, i.flag.turkey:before {

  background-position: -72px -1742px

}

i.flag.trinidad:before, i.flag.tt:before {

  background-position: -72px -1768px

}

i.flag.tuvalu:before, i.flag.tv:before {

  background-position: -72px -1794px

}

i.flag.taiwan:before, i.flag.tw:before {

  background-position: -72px -1820px

}

i.flag.tanzania:before, i.flag.tz:before {

  background-position: -72px -1846px

}

i.flag.ua:before, i.flag.ukraine:before {

  background-position: -72px -1872px

}

i.flag.ug:before, i.flag.uganda:before {

  background-position: -72px -1898px

}

i.flag.um:before, i.flag.us.minor.islands:before {

  background-position: -72px -1924px

}

i.flag.america:before, i.flag.united.states:before, i.flag.us:before {

  background-position: -72px -1950px

}

i.flag.uruguay:before, i.flag.uy:before {

  background-position: -72px -1976px

}

i.flag.uz:before, i.flag.uzbekistan:before {

  background-position: -108px 0

}

i.flag.va:before, i.flag.vatican.city:before {

  background-position: -108px -26px

}

i.flag.saint.vincent:before, i.flag.vc:before {

  background-position: -108px -52px

}

i.flag.ve:before, i.flag.venezuela:before {

  background-position: -108px -78px

}

i.flag.british.virgin.islands:before, i.flag.vg:before {

  background-position: -108px -104px

}

i.flag.us.virgin.islands:before, i.flag.vi:before {

  background-position: -108px -130px

}

i.flag.vietnam:before, i.flag.vn:before {

  background-position: -108px -156px

}

i.flag.vanuatu:before, i.flag.vu:before {

  background-position: -108px -182px

}

i.flag.gb.wls:before, i.flag.wales:before {

  background-position: -108px -208px

}

i.flag.wallis.and.futuna:before, i.flag.wf:before {

  background-position: -108px -234px

}

i.flag.samoa:before, i.flag.ws:before {

  background-position: -108px -260px

}

i.flag.ye:before, i.flag.yemen:before {

  background-position: -108px -286px

}

i.flag.mayotte:before, i.flag.yt:before {

  background-position: -108px -312px

}

i.flag.south.africa:before, i.flag.za:before {

  background-position: -108px -338px

}

i.flag.zambia:before, i.flag.zm:before {

  background-position: -108px -364px

}

i.flag.zimbabwe:before, i.flag.zw:before {

  background-position: -108px -390px

}

.ui.header {

  border: none;

  margin: calc(2rem - .14285em) 0 1rem;

  padding: 0;

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  font-weight: 700;

  line-height: 1.2857em;

  text-transform: none;

  color: rgba(0, 0, 0, .87)

}

.ui.header:first-child {

  margin-top: -.14285em

}

.ui.header:last-child {

  margin-bottom: 0

}

.ui.header .sub.header {

  display: block;

  font-weight: 400;

  padding: 0;

  margin: 0;

  line-height: 1.2em;

  color: rgba(0, 0, 0, .6)

}

.ui.header > .icon {

  display: table-cell;

  opacity: 1;

  font-size: 1.5em;

  padding-top: .14285em;

  vertical-align: middle

}

.ui.header .icon:only-child {

  display: inline-block;

  padding: 0;

  margin-right: .75rem

}

.ui.header > .image, .ui.header > img {

  display: inline-block;

  margin-top: .14285em;

  width: 2.5em;

  height: auto;

  vertical-align: middle

}

.ui.header > .image:only-child, .ui.header > img:only-child {

  margin-right: .75rem

}

.ui.header .content {

  display: inline-block;

  vertical-align: top

}

.ui.header > .image + .content, .ui.header > img + .content {

  padding-left: .75rem;

  vertical-align: middle

}

.ui.header > .icon + .content {

  padding-left: .75rem;

  display: table-cell;

  vertical-align: middle

}

.ui.header .ui.label {

  font-size: '';

  margin-left: .5rem;

  vertical-align: middle

}

.ui.header + p {

  margin-top: 0

}

h1.ui.header {

  font-size: 2rem

}

h2.ui.header {

  font-size: 1.714rem

}

h3.ui.header {

  font-size: 1.28rem

}

h4.ui.header {

  font-size: 1.071rem

}

h5.ui.header {

  font-size: 1rem

}

h1.ui.header .sub.header, h2.ui.header .sub.header {

  font-size: 1.14285714rem

}

h3.ui.header .sub.header, h4.ui.header .sub.header {

  font-size: 1rem

}

h5.ui.header .sub.header {

  font-size: .92857143rem

}

.ui.huge.header {

  min-height: 1em;

  font-size: 2em

}

.ui.large.header {

  font-size: 1.714em

}

.ui.medium.header {

  font-size: 1.28em

}

.ui.small.header {

  font-size: 1.071em

}

.ui.tiny.header {

  font-size: 1em

}

.ui.huge.header .sub.header, .ui.large.header .sub.header {

  font-size: 1.14285714rem

}

.ui.header .sub.header, .ui.small.header .sub.header {

  font-size: 1rem

}

.ui.tiny.header .sub.header {

  font-size: .92857143rem

}

.ui.small.sub.header {

  font-size: .78571429em

}

.ui.sub.header {

  padding: 0;

  margin-bottom: .14285714rem;

  font-weight: 700;

  text-transform: uppercase;

  color: '';

  font-size: .85714286em

}

.ui.large.sub.header {

  font-size: .92857143em

}

.ui.huge.sub.header {

  font-size: 1em

}

.ui.icon.header {

  display: inline-block;

  text-align: center;

  margin: 2rem 0 1rem

}

.ui.icon.header:after {

  content: '';

  display: block;

  height: 0;

  clear: both;

  visibility: hidden

}

.ui.icon.header:first-child {

  margin-top: 0

}

.ui.icon.header .icon {

  float: none;

  display: block;

  width: auto;

  height: auto;

  line-height: 1;

  padding: 0;

  font-size: 3em;

  margin: 0 auto .5rem;

  opacity: 1

}

.ui.icon.header .content {

  display: block;

  padding: 0

}

.ui.icon.header .circular.icon, .ui.icon.header .square.icon {

  font-size: 2em

}

.ui.block.icon.header .icon {

  margin-bottom: 0

}

.ui.icon.header.aligned {

  margin-left: auto;

  margin-right: auto;

  display: block

}

.ui.disabled.header {

  opacity: .45

}

.ui.inverted.header {

  color: #FFF

}

.ui.inverted.header .sub.header {

  color: rgba(255, 255, 255, .8)

}

.ui.inverted.attached.header {

  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05)) #545454;

  background: linear-gradient(transparent, rgba(0, 0, 0, .05)) #545454;

  box-shadow: none;

  border-color: transparent

}

.ui.inverted.block.header {

  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05)) #545454;

  background: linear-gradient(transparent, rgba(0, 0, 0, .05)) #545454;

  box-shadow: none;

  border-bottom: none

}

.ui.red.header {

  color: #DB2828 !important

}

a.ui.red.header:hover {

  color: #d01919 !important

}

.ui.red.dividing.header {

  border-bottom: 2px solid #DB2828

}

.ui.inverted.red.header {

  color: #FF695E !important

}

a.ui.inverted.red.header:hover {

  color: #ff5144 !important

}

.ui.orange.header {

  color: #F2711C !important

}

a.ui.orange.header:hover {

  color: #f26202 !important

}

.ui.orange.dividing.header {

  border-bottom: 2px solid #F2711C

}

.ui.inverted.orange.header {

  color: #FF851B !important

}

a.ui.inverted.orange.header:hover {

  color: #ff7701 !important

}

.ui.olive.header {

  color: #B5CC18 !important

}

a.ui.olive.header:hover {

  color: #a7bd0d !important

}

.ui.olive.dividing.header {

  border-bottom: 2px solid #B5CC18

}

.ui.inverted.olive.header {

  color: #D9E778 !important

}

a.ui.inverted.olive.header:hover {

  color: #d8ea5c !important

}

.ui.yellow.header {

  color: #FBBD08 !important

}

a.ui.yellow.header:hover {

  color: #eaae00 !important

}

.ui.yellow.dividing.header {

  border-bottom: 2px solid #FBBD08

}

.ui.inverted.yellow.header {

  color: #FFE21F !important

}

a.ui.inverted.yellow.header:hover {

  color: #ffdf05 !important

}

.ui.green.header {

  color: #21BA45 !important

}

a.ui.green.header:hover {

  color: #16ab39 !important

}

.ui.green.dividing.header {

  border-bottom: 2px solid #21BA45

}

.ui.inverted.green.header {

  color: #2ECC40 !important

}

a.ui.inverted.green.header:hover {

  color: #22be34 !important

}

.ui.teal.header {

  color: #00B5AD !important

}

a.ui.teal.header:hover {

  color: #009c95 !important

}

.ui.teal.dividing.header {

  border-bottom: 2px solid #00B5AD

}

.ui.inverted.teal.header {

  color: #6DFFFF !important

}

a.ui.inverted.teal.header:hover {

  color: #54ffff !important

}

.ui.blue.header {

  color: #2185D0 !important

}

a.ui.blue.header:hover {

  color: #1678c2 !important

}

.ui.blue.dividing.header {

  border-bottom: 2px solid #2185D0

}

.ui.inverted.blue.header {

  color: #54C8FF !important

}

a.ui.inverted.blue.header:hover {

  color: #3ac0ff !important

}

.ui.violet.header {

  color: #6435C9 !important

}

a.ui.violet.header:hover {

  color: #5829bb !important

}

.ui.violet.dividing.header {

  border-bottom: 2px solid #6435C9

}

.ui.inverted.violet.header {

  color: #A291FB !important

}

a.ui.inverted.violet.header:hover {

  color: #8a73ff !important

}

.ui.purple.header {

  color: #A333C8 !important

}

a.ui.purple.header:hover {

  color: #9627ba !important

}

.ui.purple.dividing.header {

  border-bottom: 2px solid #A333C8

}

.ui.inverted.purple.header {

  color: #DC73FF !important

}

a.ui.inverted.purple.header:hover {

  color: #d65aff !important

}

.ui.pink.header {

  color: #E03997 !important

}

a.ui.pink.header:hover {

  color: #e61a8d !important

}

.ui.pink.dividing.header {

  border-bottom: 2px solid #E03997

}

.ui.inverted.pink.header {

  color: #FF8EDF !important

}

a.ui.inverted.pink.header:hover {

  color: #ff74d8 !important

}

.ui.brown.header {

  color: #A5673F !important

}

a.ui.brown.header:hover {

  color: #975b33 !important

}

.ui.brown.dividing.header {

  border-bottom: 2px solid #A5673F

}

.ui.inverted.brown.header {

  color: #D67C1C !important

}

a.ui.inverted.brown.header:hover {

  color: #c86f11 !important

}

.ui.grey.header {

  color: #767676 !important

}

a.ui.grey.header:hover {

  color: #838383 !important

}

.ui.grey.dividing.header {

  border-bottom: 2px solid #767676

}

.ui.inverted.grey.header {

  color: #DCDDDE !important

}

a.ui.inverted.grey.header:hover {

  color: #cfd0d2 !important

}

.ui.left.aligned.header {

  text-align: left

}

.ui.right.aligned.header {

  text-align: right

}

.ui.center.aligned.header, .ui.centered.header {

  text-align: center

}

.ui.justified.header {

  text-align: justify

}

.ui.justified.header:after {

  display: inline-block;

  content: '';

  width: 100%

}

.ui.floated.header, .ui[class*="left floated"].header {

  float: left;

  margin-top: 0;

  margin-right: .5em

}

.ui[class*="right floated"].header {

  float: right;

  margin-top: 0;

  margin-left: .5em

}

.ui.fitted.header {

  padding: 0

}

.ui.dividing.header {

  padding-bottom: .21428571rem;

  border-bottom: 1px solid rgba(34, 36, 38, .15)

}

.ui.dividing.header .sub.header {

  padding-bottom: .21428571rem

}

.ui.dividing.header .icon {

  margin-bottom: 0

}

.ui.inverted.dividing.header {

  border-bottom-color: rgba(255, 255, 255, .1)

}

.ui.block.header {

  background: #F3F4F5;

  padding: .78571429rem 1rem;

  box-shadow: none;

  border: 1px solid #D4D4D5;

  border-radius: .28571429rem

}

.ui.tiny.block.header {

  font-size: .85714286rem

}

.ui.small.block.header {

  font-size: .92857143rem

}

.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {

  font-size: 1rem

}

.ui.large.block.header {

  font-size: 1.14285714rem

}

.ui.huge.block.header {

  font-size: 1.42857143rem

}

.ui.attached.header {

  background: #FFF;

  padding: .78571429rem 1rem;

  margin-left: -1px;

  margin-right: -1px;

  box-shadow: none;

  border: 1px solid #D4D4D5

}

.ui.attached.block.header {

  background: #F3F4F5

}

.ui.attached:not(.top):not(.bottom).header {

  margin-top: 0;

  margin-bottom: 0;

  border-top: none;

  border-radius: 0

}

.ui.top.attached.header {

  margin-bottom: 0;

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.bottom.attached.header {

  margin-top: 0;

  border-top: none;

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui.tiny.attached.header {

  font-size: .85714286em

}

.ui.small.attached.header {

  font-size: .92857143em

}

.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {

  font-size: 1em

}

.ui.large.attached.header {

  font-size: 1.14285714em

}

.ui.huge.attached.header {

  font-size: 1.42857143em

}

.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {

  font-size: 1.28em

}

@font-face {

  font-family: Icons;

  src: url(/wp-content/themes/yaorimosu/css/themes/default/assets/fonts/icons.eot);

  src: url(/wp-content/themes/yaorimosu/css/themes/default/assets/fonts/icons.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/yaorimosu/css/themes/default/assets/fonts/icons.woff2) format('woff2'), url(/wp-content/themes/yaorimosu/css/themes/default/assets/fonts/icons.woff) format('woff'), url(m/wp-content/themes/yaorimosu/css/themes/default/assets/fonts/icons.ttf) format('truetype'), url(/wp-content/themes/yaorimosu/css/themes/default/assets/fonts/icons.svg#icons) format('svg');

  font-style: normal;

  font-weight: 400;

  font-variant: normal;

  text-decoration: inherit;

  text-transform: none

}

i.icon {

  display: inline-block;

  opacity: 1;

  margin: 0 .25rem 0 0;

  width: 1.18em;

  height: 1em;

  font-family: Icons;

  font-style: normal;

  font-weight: 400;

  text-decoration: inherit;

  text-align: center;

  speak: none;

  font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden

}

i.icon:before {

  background: 0 0 !important

}

i.icon.loading {

  height: 1em;

  line-height: 1;

  -webkit-animation: icon-loading 2s linear infinite;

  animation: icon-loading 2s linear infinite

}

@-webkit-keyframes icon-loading {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

@keyframes icon-loading {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

i.emphasized.icon, i.icon.active, i.icon.hover {

  opacity: 1 !important

}

i.disabled.icon {

  opacity: .45 !important

}

i.fitted.icon {

  width: auto;

  margin: 0

}

i.link.icon {

  cursor: pointer;

  opacity: .8;

  -webkit-transition: opacity .1s ease;

  transition: opacity .1s ease

}

i.link.icon:hover {

  opacity: 1 !important

}

i.circular.icon {

  border-radius: 500em !important;

  line-height: 1 !important;

  padding: .5em !important;

  box-shadow: 0 0 0 .1em rgba(0, 0, 0, .1) inset;

  width: 2em !important;

  height: 2em !important

}

i.circular.inverted.icon {

  border: none;

  box-shadow: none

}

i.flipped.icon, i.horizontally.flipped.icon {

  -webkit-transform: scale(-1, 1);

  transform: scale(-1, 1)

}

i.vertically.flipped.icon {

  -webkit-transform: scale(1, -1);

  transform: scale(1, -1)

}

i.clockwise.rotated.icon, i.right.rotated.icon, i.rotated.icon {

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg)

}

i.counterclockwise.rotated.icon, i.left.rotated.icon {

  -webkit-transform: rotate(-90deg);

  transform: rotate(-90deg)

}

i.bordered.icon {

  line-height: 1;

  vertical-align: baseline;

  width: 2em;

  height: 2em;

  padding: .5em .41em !important;

  box-shadow: 0 0 0 .1em rgba(0, 0, 0, .1) inset

}

i.bordered.inverted.icon {

  border: none;

  box-shadow: none

}

i.inverted.bordered.icon, i.inverted.circular.icon {

  background-color: #1B1C1D !important;

  color: #FFF !important

}

i.inverted.icon {

  color: #FFF

}

i.red.icon {

  color: #DB2828 !important

}

i.inverted.red.icon {

  color: #FF695E !important

}

i.inverted.bordered.red.icon, i.inverted.circular.red.icon {

  background-color: #DB2828 !important;

  color: #FFF !important

}

i.orange.icon {

  color: #F2711C !important

}

i.inverted.orange.icon {

  color: #FF851B !important

}

i.inverted.bordered.orange.icon, i.inverted.circular.orange.icon {

  background-color: #F2711C !important;

  color: #FFF !important

}

i.yellow.icon {

  color: #FBBD08 !important

}

i.inverted.yellow.icon {

  color: #FFE21F !important

}

i.inverted.bordered.yellow.icon, i.inverted.circular.yellow.icon {

  background-color: #FBBD08 !important;

  color: #FFF !important

}

i.olive.icon {

  color: #B5CC18 !important

}

i.inverted.olive.icon {

  color: #D9E778 !important

}

i.inverted.bordered.olive.icon, i.inverted.circular.olive.icon {

  background-color: #B5CC18 !important;

  color: #FFF !important

}

i.green.icon {

  color: #21BA45 !important

}

i.inverted.green.icon {

  color: #2ECC40 !important

}

i.inverted.bordered.green.icon, i.inverted.circular.green.icon {

  background-color: #21BA45 !important;

  color: #FFF !important

}

i.teal.icon {

  color: #00B5AD !important

}

i.inverted.teal.icon {

  color: #6DFFFF !important

}

i.inverted.bordered.teal.icon, i.inverted.circular.teal.icon {

  background-color: #00B5AD !important;

  color: #FFF !important

}

i.blue.icon {

  color: #2185D0 !important

}

i.inverted.blue.icon {

  color: #54C8FF !important

}

i.inverted.bordered.blue.icon, i.inverted.circular.blue.icon {

  background-color: #2185D0 !important;

  color: #FFF !important

}

i.violet.icon {

  color: #6435C9 !important

}

i.inverted.violet.icon {

  color: #A291FB !important

}

i.inverted.bordered.violet.icon, i.inverted.circular.violet.icon {

  background-color: #6435C9 !important;

  color: #FFF !important

}

i.purple.icon {

  color: #A333C8 !important

}

i.inverted.purple.icon {

  color: #DC73FF !important

}

i.inverted.bordered.purple.icon, i.inverted.circular.purple.icon {

  background-color: #A333C8 !important;

  color: #FFF !important

}

i.pink.icon {

  color: #E03997 !important

}

i.inverted.pink.icon {

  color: #FF8EDF !important

}

i.inverted.bordered.pink.icon, i.inverted.circular.pink.icon {

  background-color: #E03997 !important;

  color: #FFF !important

}

i.brown.icon {

  color: #A5673F !important

}

i.inverted.brown.icon {

  color: #D67C1C !important

}

i.inverted.bordered.brown.icon, i.inverted.circular.brown.icon {

  background-color: #A5673F !important;

  color: #FFF !important

}

i.grey.icon {

  color: #767676 !important

}

i.inverted.grey.icon {

  color: #DCDDDE !important

}

i.inverted.bordered.grey.icon, i.inverted.circular.grey.icon {

  background-color: #767676 !important;

  color: #FFF !important

}

i.black.icon {

  color: #1B1C1D !important

}

i.inverted.black.icon {

  color: #545454 !important

}

i.inverted.bordered.black.icon, i.inverted.circular.black.icon {

  background-color: #1B1C1D !important;

  color: #FFF !important

}

i.mini.icon, i.mini.icons {

  line-height: 1;

  font-size: .4em

}

i.tiny.icon, i.tiny.icons {

  line-height: 1;

  font-size: .5em

}

i.small.icon, i.small.icons {

  line-height: 1;

  font-size: .75em

}

i.icon, i.icons {

  font-size: 1em

}

i.large.icon, i.large.icons {

  line-height: 1;

  vertical-align: middle;

  font-size: 1.5em

}

i.big.icon, i.big.icons {

  line-height: 1;

  vertical-align: middle;

  font-size: 2em

}

i.huge.icon, i.huge.icons {

  line-height: 1;

  vertical-align: middle;

  font-size: 4em

}

i.massive.icon, i.massive.icons {

  line-height: 1;

  vertical-align: middle;

  font-size: 8em

}

i.icons {

  display: inline-block;

  position: relative;

  line-height: 1

}

i.icons .icon {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  margin: 0

}

i.icons .icon:first-child {

  position: static;

  width: auto;

  height: auto;

  vertical-align: top;

  -webkit-transform: none;

  transform: none;

  margin-right: .25rem

}

i.icons .corner.icon {

  top: auto;

  left: auto;

  right: 0;

  bottom: 0;

  -webkit-transform: none;

  transform: none;

  font-size: .45em;

  text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF

}

i.icons .inverted.corner.icon {

  text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D

}

i.icon.search:before {

  content: "\f002"

}

i.icon.mail.outline:before {

  content: "\f003"

}

i.icon.signal:before {

  content: "\f012"

}

i.icon.setting:before {

  content: "\f013"

}

i.icon.home:before {

  content: "\f015"

}

i.icon.inbox:before {

  content: "\f01c"

}

i.icon.browser:before {

  content: "\f022"

}

i.icon.tag:before {

  content: "\f02b"

}

i.icon.tags:before {

  content: "\f02c"

}

i.icon.image:before {

  content: "\f03e"

}

i.icon.calendar:before {

  content: "\f073"

}

i.icon.comment:before {

  content: "\f075"

}

i.icon.shop:before {

  content: "\f07a"

}

i.icon.privacy:before {

  content: "\f084"

}

i.icon.settings:before {

  content: "\f085"

}

i.icon.comments:before {

  content: "\f086"

}

i.icon.external:before {

  content: "\f08e"

}

i.icon.trophy:before {

  content: "\f091"

}

i.icon.payment:before {

  content: "\f09d"

}

i.icon.feed:before {

  content: "\f09e"

}

i.icon.alarm.outline:before {

  content: "\f0a2"

}

i.icon.tasks:before {

  content: "\f0ae"

}

i.icon.cloud:before {

  content: "\f0c2"

}

i.icon.lab:before {

  content: "\f0c3"

}

i.icon.mail:before {

  content: "\f0e0"

}

i.icon.dashboard:before {

  content: "\f0e4"

}

i.icon.comment.outline:before {

  content: "\f0e5"

}

i.icon.comments.outline:before {

  content: "\f0e6"

}

i.icon.sitemap:before {

  content: "\f0e8"

}

i.icon.idea:before {

  content: "\f0eb"

}

i.icon.alarm:before {

  content: "\f0f3"

}

i.icon.terminal:before {

  content: "\f120"

}

i.icon.code:before {

  content: "\f121"

}

i.icon.protect:before {

  content: "\f132"

}

i.icon.calendar.outline:before {

  content: "\f133"

}

i.icon.ticket:before {

  content: "\f145"

}

i.icon.external.square:before {

  content: "\f14c"

}

i.icon.bug:before {

  content: "\f188"

}

i.icon.mail.square:before {

  content: "\f199"

}

i.icon.history:before {

  content: "\f1da"

}

i.icon.options:before {

  content: "\f1de"

}

i.icon.text.telephone:before {

  content: "\f1e4"

}

i.icon.find:before {

  content: "\f1e5"

}

i.icon.wifi:before {

  content: "\f1eb"

}

i.icon.alarm.mute:before {

  content: "\f1f6"

}

i.icon.alarm.mute.outline:before {

  content: "\f1f7"

}

i.icon.copyright:before {

  content: "\f1f9"

}

i.icon.at:before {

  content: "\f1fa"

}

i.icon.eyedropper:before {

  content: "\f1fb"

}

i.icon.paint.brush:before {

  content: "\f1fc"

}

i.icon.heartbeat:before {

  content: "\f21e"

}

i.icon.mouse.pointer:before {

  content: "\f245"

}

i.icon.hourglass.empty:before {

  content: "\f250"

}

i.icon.hourglass.start:before {

  content: "\f251"

}

i.icon.hourglass.half:before {

  content: "\f252"

}

i.icon.hourglass.end:before {

  content: "\f253"

}

i.icon.hourglass.full:before {

  content: "\f254"

}

i.icon.hand.pointer:before {

  content: "\f25a"

}

i.icon.trademark:before {

  content: "\f25c"

}

i.icon.registered:before {

  content: "\f25d"

}

i.icon.creative.commons:before {

  content: "\f25e"

}

i.icon.add.to.calendar:before {

  content: "\f271"

}

i.icon.remove.from.calendar:before {

  content: "\f272"

}

i.icon.delete.calendar:before {

  content: "\f273"

}

i.icon.checked.calendar:before {

  content: "\f274"

}

i.icon.industry:before {

  content: "\f275"

}

i.icon.shopping.bag:before {

  content: "\f290"

}

i.icon.shopping.basket:before {

  content: "\f291"

}

i.icon.hashtag:before {

  content: "\f292"

}

i.icon.percent:before {

  content: "\f295"

}

i.icon.wait:before {

  content: "\f017"

}

i.icon.download:before {

  content: "\f019"

}

i.icon.repeat:before {

  content: "\f01e"

}

i.icon.refresh:before {

  content: "\f021"

}

i.icon.lock:before {

  content: "\f023"

}

i.icon.bookmark:before {

  content: "\f02e"

}

i.icon.print:before {

  content: "\f02f"

}

i.icon.write:before {

  content: "\f040"

}

i.icon.adjust:before {

  content: "\f042"

}

i.icon.theme:before {

  content: "\f043"

}

i.icon.edit:before {

  content: "\f044"

}

i.icon.external.share:before {

  content: "\f045"

}

i.icon.ban:before {

  content: "\f05e"

}

i.icon.mail.forward:before, i.icon.share:before {

  content: "\f064"

}

i.icon.expand:before {

  content: "\f065"

}

i.icon.compress:before {

  content: "\f066"

}

i.icon.unhide:before {

  content: "\f06e"

}

i.icon.hide:before {

  content: "\f070"

}

i.icon.random:before {

  content: "\f074"

}

i.icon.retweet:before {

  content: "\f079"

}

i.icon.sign.out:before {

  content: "\f08b"

}

i.icon.pin:before {

  content: "\f08d"

}

i.icon.sign.in:before {

  content: "\f090"

}

i.icon.upload:before {

  content: "\f093"

}

i.icon.call:before {

  content: "\f095"

}

i.icon.remove.bookmark:before {

  content: "\f097"

}

i.icon.call.square:before {

  content: "\f098"

}

i.icon.unlock:before {

  content: "\f09c"

}

i.icon.configure:before {

  content: "\f0ad"

}

i.icon.filter:before {

  content: "\f0b0"

}

i.icon.wizard:before {

  content: "\f0d0"

}

i.icon.undo:before {

  content: "\f0e2"

}

i.icon.exchange:before {

  content: "\f0ec"

}

i.icon.cloud.download:before {

  content: "\f0ed"

}

i.icon.cloud.upload:before {

  content: "\f0ee"

}

i.icon.reply:before {

  content: "\f112"

}

i.icon.reply.all:before {

  content: "\f122"

}

i.icon.erase:before {

  content: "\f12d"

}

i.icon.unlock.alternate:before {

  content: "\f13e"

}

i.icon.write.square:before {

  content: "\f14b"

}

i.icon.share.square:before {

  content: "\f14d"

}

i.icon.archive:before {

  content: "\f187"

}

i.icon.translate:before {

  content: "\f1ab"

}

i.icon.recycle:before {

  content: "\f1b8"

}

i.icon.send:before {

  content: "\f1d8"

}

i.icon.send.outline:before {

  content: "\f1d9"

}

i.icon.share.alternate:before {

  content: "\f1e0"

}

i.icon.share.alternate.square:before {

  content: "\f1e1"

}

i.icon.add.to.cart:before {

  content: "\f217"

}

i.icon.in.cart:before {

  content: "\f218"

}

i.icon.add.user:before {

  content: "\f234"

}

i.icon.remove.user:before {

  content: "\f235"

}

i.icon.object.group:before {

  content: "\f247"

}

i.icon.object.ungroup:before {

  content: "\f248"

}

i.icon.clone:before {

  content: "\f24d"

}

i.icon.talk.outline:before {

  content: "\f27b"

}

i.icon.help.circle:before {

  content: "\f059"

}

i.icon.info.circle:before {

  content: "\f05a"

}

i.icon.warning.circle:before {

  content: "\f06a"

}

i.icon.warning.sign:before {

  content: "\f071"

}

i.icon.announcement:before {

  content: "\f0a1"

}

i.icon.help:before {

  content: "\f128"

}

i.icon.info:before {

  content: "\f129"

}

i.icon.warning:before {

  content: "\f12a"

}

i.icon.birthday:before {

  content: "\f1fd"

}

i.icon.help.circle.outline:before {

  content: "\f29c"

}

i.icon.user:before {

  content: "\f007"

}

i.icon.users:before {

  content: "\f0c0"

}

i.icon.doctor:before {

  content: "\f0f0"

}

i.icon.handicap:before {

  content: "\f193"

}

i.icon.student:before {

  content: "\f19d"

}

i.icon.child:before {

  content: "\f1ae"

}

i.icon.spy:before {

  content: "\f21b"

}

i.icon.female:before {

  content: "\f182"

}

i.icon.male:before {

  content: "\f183"

}

i.icon.woman:before {

  content: "\f221"

}

i.icon.man:before {

  content: "\f222"

}

i.icon.non.binary.transgender:before {

  content: "\f223"

}

i.icon.intergender:before {

  content: "\f224"

}

i.icon.transgender:before {

  content: "\f225"

}

i.icon.lesbian:before {

  content: "\f226"

}

i.icon.gay:before {

  content: "\f227"

}

i.icon.heterosexual:before {

  content: "\f228"

}

i.icon.other.gender:before {

  content: "\f229"

}

i.icon.other.gender.vertical:before {

  content: "\f22a"

}

i.icon.other.gender.horizontal:before {

  content: "\f22b"

}

i.icon.neuter:before {

  content: "\f22c"

}

i.icon.genderless:before {

  content: "\f22d"

}

i.icon.universal.access:before {

  content: "\f29a"

}

i.icon.wheelchair:before {

  content: "\f29b"

}

i.icon.blind:before {

  content: "\f29d"

}

i.icon.audio.description:before {

  content: "\f29e"

}

i.icon.volume.control.phone:before {

  content: "\f2a0"

}

i.icon.braille:before {

  content: "\f2a1"

}

i.icon.asl:before {

  content: "\f2a3"

}

i.icon.assistive.listening.systems:before {

  content: "\f2a2"

}

i.icon.deafness:before {

  content: "\f2a4"

}

i.icon.sign.language:before {

  content: "\f2a7"

}

i.icon.low.vision:before {

  content: "\f2a8"

}

i.icon.block.layout:before {

  content: "\f009"

}

i.icon.grid.layout:before {

  content: "\f00a"

}

i.icon.list.layout:before {

  content: "\f00b"

}

i.icon.zoom:before {

  content: "\f00e"

}

i.icon.zoom.out:before {

  content: "\f010"

}

i.icon.resize.vertical:before {

  content: "\f07d"

}

i.icon.resize.horizontal:before {

  content: "\f07e"

}

i.icon.maximize:before {

  content: "\f0b2"

}

i.icon.crop:before {

  content: "\f125"

}

i.icon.cocktail:before {

  content: "\f000"

}

i.icon.road:before {

  content: "\f018"

}

i.icon.flag:before {

  content: "\f024"

}

i.icon.book:before {

  content: "\f02d"

}

i.icon.gift:before {

  content: "\f06b"

}

i.icon.leaf:before {

  content: "\f06c"

}

i.icon.fire:before {

  content: "\f06d"

}

i.icon.plane:before {

  content: "\f072"

}

i.icon.magnet:before {

  content: "\f076"

}

i.icon.lemon:before {

  content: "\f094"

}

i.icon.world:before {

  content: "\f0ac"

}

i.icon.travel:before {

  content: "\f0b1"

}

i.icon.shipping:before {

  content: "\f0d1"

}

i.icon.money:before {

  content: "\f0d6"

}

i.icon.legal:before {

  content: "\f0e3"

}

i.icon.lightning:before {

  content: "\f0e7"

}

i.icon.umbrella:before {

  content: "\f0e9"

}

i.icon.treatment:before {

  content: "\f0f1"

}

i.icon.suitcase:before {

  content: "\f0f2"

}

i.icon.bar:before {

  content: "\f0fc"

}

i.icon.flag.outline:before {

  content: "\f11d"

}

i.icon.flag.checkered:before {

  content: "\f11e"

}

i.icon.puzzle:before {

  content: "\f12e"

}

i.icon.fire.extinguisher:before {

  content: "\f134"

}

i.icon.rocket:before {

  content: "\f135"

}

i.icon.anchor:before {

  content: "\f13d"

}

i.icon.bullseye:before {

  content: "\f140"

}

i.icon.sun:before {

  content: "\f185"

}

i.icon.moon:before {

  content: "\f186"

}

i.icon.fax:before {

  content: "\f1ac"

}

i.icon.life.ring:before {

  content: "\f1cd"

}

i.icon.bomb:before {

  content: "\f1e2"

}

i.icon.soccer:before {

  content: "\f1e3"

}

i.icon.calculator:before {

  content: "\f1ec"

}

i.icon.diamond:before {

  content: "\f219"

}

i.icon.sticky.note:before {

  content: "\f249"

}

i.icon.sticky.note.outline:before {

  content: "\f24a"

}

i.icon.law:before {

  content: "\f24e"

}

i.icon.hand.peace:before {

  content: "\f25b"

}

i.icon.hand.rock:before {

  content: "\f255"

}

i.icon.hand.paper:before {

  content: "\f256"

}

i.icon.hand.scissors:before {

  content: "\f257"

}

i.icon.hand.lizard:before {

  content: "\f258"

}

i.icon.hand.spock:before {

  content: "\f259"

}

i.icon.tv:before {

  content: "\f26c"

}

i.icon.crosshairs:before {

  content: "\f05b"

}

i.icon.asterisk:before {

  content: "\f069"

}

i.icon.square.outline:before {

  content: "\f096"

}

i.icon.certificate:before {

  content: "\f0a3"

}

i.icon.square:before {

  content: "\f0c8"

}

i.icon.quote.left:before {

  content: "\f10d"

}

i.icon.quote.right:before {

  content: "\f10e"

}

i.icon.spinner:before {

  content: "\f110"

}

i.icon.circle:before {

  content: "\f111"

}

i.icon.ellipsis.horizontal:before {

  content: "\f141"

}

i.icon.ellipsis.vertical:before {

  content: "\f142"

}

i.icon.cube:before {

  content: "\f1b2"

}

i.icon.cubes:before {

  content: "\f1b3"

}

i.icon.circle.notched:before {

  content: "\f1ce"

}

i.icon.circle.thin:before {

  content: "\f1db"

}

i.icon.checkmark:before {

  content: "\f00c"

}

i.icon.remove:before {

  content: "\f00d"

}

i.icon.checkmark.box:before {

  content: "\f046"

}

i.icon.move:before {

  content: "\f047"

}

i.icon.add.circle:before {

  content: "\f055"

}

i.icon.minus.circle:before {

  content: "\f056"

}

i.icon.remove.circle:before {

  content: "\f057"

}

i.icon.check.circle:before {

  content: "\f058"

}

i.icon.remove.circle.outline:before {

  content: "\f05c"

}

i.icon.check.circle.outline:before {

  content: "\f05d"

}

i.icon.plus:before {

  content: "\f067"

}

i.icon.minus:before {

  content: "\f068"

}

i.icon.add.square:before {

  content: "\f0fe"

}

i.icon.radio:before {

  content: "\f10c"

}

i.icon.minus.square:before {

  content: "\f146"

}

i.icon.minus.square.outline:before {

  content: "\f147"

}

i.icon.check.square:before {

  content: "\f14a"

}

i.icon.selected.radio:before {

  content: "\f192"

}

i.icon.plus.square.outline:before {

  content: "\f196"

}

i.icon.toggle.off:before {

  content: "\f204"

}

i.icon.toggle.on:before {

  content: "\f205"

}

i.icon.film:before {

  content: "\f008"

}

i.icon.sound:before {

  content: "\f025"

}

i.icon.photo:before {

  content: "\f030"

}

i.icon.bar.chart:before {

  content: "\f080"

}

i.icon.camera.retro:before {

  content: "\f083"

}

i.icon.newspaper:before {

  content: "\f1ea"

}

i.icon.area.chart:before {

  content: "\f1fe"

}

i.icon.pie.chart:before {

  content: "\f200"

}

i.icon.line.chart:before {

  content: "\f201"

}

i.icon.arrow.circle.outline.down:before {

  content: "\f01a"

}

i.icon.arrow.circle.outline.up:before {

  content: "\f01b"

}

i.icon.chevron.left:before {

  content: "\f053"

}

i.icon.chevron.right:before {

  content: "\f054"

}

i.icon.arrow.left:before {

  content: "\f060"

}

i.icon.arrow.right:before {

  content: "\f061"

}

i.icon.arrow.up:before {

  content: "\f062"

}

i.icon.arrow.down:before {

  content: "\f063"

}

i.icon.chevron.up:before {

  content: "\f077"

}

i.icon.chevron.down:before {

  content: "\f078"

}

i.icon.pointing.right:before {

  content: "\f0a4"

}

i.icon.pointing.left:before {

  content: "\f0a5"

}

i.icon.pointing.up:before {

  content: "\f0a6"

}

i.icon.pointing.down:before {

  content: "\f0a7"

}

i.icon.arrow.circle.left:before {

  content: "\f0a8"

}

i.icon.arrow.circle.right:before {

  content: "\f0a9"

}

i.icon.arrow.circle.up:before {

  content: "\f0aa"

}

i.icon.arrow.circle.down:before {

  content: "\f0ab"

}

i.icon.caret.down:before {

  content: "\f0d7"

}

i.icon.caret.up:before {

  content: "\f0d8"

}

i.icon.caret.left:before {

  content: "\f0d9"

}

i.icon.caret.right:before {

  content: "\f0da"

}

i.icon.angle.double.left:before {

  content: "\f100"

}

i.icon.angle.double.right:before {

  content: "\f101"

}

i.icon.angle.double.up:before {

  content: "\f102"

}

i.icon.angle.double.down:before {

  content: "\f103"

}

i.icon.angle.left:before {

  content: "\f104"

}

i.icon.angle.right:before {

  content: "\f105"

}

i.icon.angle.up:before {

  content: "\f106"

}

i.icon.angle.down:before {

  content: "\f107"

}

i.icon.chevron.circle.left:before {

  content: "\f137"

}

i.icon.chevron.circle.right:before {

  content: "\f138"

}

i.icon.chevron.circle.up:before {

  content: "\f139"

}

i.icon.chevron.circle.down:before {

  content: "\f13a"

}

i.icon.toggle.down:before {

  content: "\f150"

}

i.icon.toggle.up:before {

  content: "\f151"

}

i.icon.toggle.right:before {

  content: "\f152"

}

i.icon.long.arrow.down:before {

  content: "\f175"

}

i.icon.long.arrow.up:before {

  content: "\f176"

}

i.icon.long.arrow.left:before {

  content: "\f177"

}

i.icon.long.arrow.right:before {

  content: "\f178"

}

i.icon.arrow.circle.outline.right:before {

  content: "\f18e"

}

i.icon.arrow.circle.outline.left:before {

  content: "\f190"

}

i.icon.toggle.left:before {

  content: "\f191"

}

i.icon.tablet:before {

  content: "\f10a"

}

i.icon.mobile:before {

  content: "\f10b"

}

i.icon.battery.full:before {

  content: "\f240"

}

i.icon.battery.high:before {

  content: "\f241"

}

i.icon.battery.medium:before {

  content: "\f242"

}

i.icon.battery.low:before {

  content: "\f243"

}

i.icon.battery.empty:before {

  content: "\f244"

}

i.icon.power:before {

  content: "\f011"

}

i.icon.trash.outline:before {

  content: "\f014"

}

i.icon.disk.outline:before {

  content: "\f0a0"

}

i.icon.desktop:before {

  content: "\f108"

}

i.icon.laptop:before {

  content: "\f109"

}

i.icon.game:before {

  content: "\f11b"

}

i.icon.keyboard:before {

  content: "\f11c"

}

i.icon.plug:before {

  content: "\f1e6"

}

i.icon.trash:before {

  content: "\f1f8"

}

i.icon.file.outline:before {

  content: "\f016"

}

i.icon.folder:before {

  content: "\f07b"

}

i.icon.folder.open:before {

  content: "\f07c"

}

i.icon.file.text.outline:before {

  content: "\f0f6"

}

i.icon.folder.outline:before {

  content: "\f114"

}

i.icon.folder.open.outline:before {

  content: "\f115"

}

i.icon.level.up:before {

  content: "\f148"

}

i.icon.level.down:before {

  content: "\f149"

}

i.icon.file:before {

  content: "\f15b"

}

i.icon.file.text:before {

  content: "\f15c"

}

i.icon.file.pdf.outline:before {

  content: "\f1c1"

}

i.icon.file.word.outline:before {

  content: "\f1c2"

}

i.icon.file.excel.outline:before {

  content: "\f1c3"

}

i.icon.file.powerpoint.outline:before {

  content: "\f1c4"

}

i.icon.file.image.outline:before {

  content: "\f1c5"

}

i.icon.file.archive.outline:before {

  content: "\f1c6"

}

i.icon.file.audio.outline:before {

  content: "\f1c7"

}

i.icon.file.video.outline:before {

  content: "\f1c8"

}

i.icon.file.code.outline:before {

  content: "\f1c9"

}

i.icon.qrcode:before {

  content: "\f029"

}

i.icon.barcode:before {

  content: "\f02a"

}

i.icon.rss:before {

  content: "\f09e"

}

i.icon.fork:before {

  content: "\f126"

}

i.icon.html5:before {

  content: "\f13b"

}

i.icon.css3:before {

  content: "\f13c"

}

i.icon.rss.square:before {

  content: "\f143"

}

i.icon.openid:before {

  content: "\f19b"

}

i.icon.database:before {

  content: "\f1c0"

}

i.icon.server:before {

  content: "\f233"

}

i.icon.usb:before {

  content: "\f287"

}

i.icon.bluetooth:before {

  content: "\f293"

}

i.icon.bluetooth.alternative:before {

  content: "\f294"

}

i.icon.heart:before {

  content: "\f004"

}

i.icon.star:before {

  content: "\f005"

}

i.icon.empty.star:before {

  content: "\f006"

}

i.icon.thumbs.outline.up:before {

  content: "\f087"

}

i.icon.thumbs.outline.down:before {

  content: "\f088"

}

i.icon.star.half:before {

  content: "\f089"

}

i.icon.empty.heart:before {

  content: "\f08a"

}

i.icon.smile:before {

  content: "\f118"

}

i.icon.frown:before {

  content: "\f119"

}

i.icon.meh:before {

  content: "\f11a"

}

i.icon.star.half.empty:before {

  content: "\f123"

}

i.icon.thumbs.up:before {

  content: "\f164"

}

i.icon.thumbs.down:before {

  content: "\f165"

}

i.icon.music:before {

  content: "\f001"

}

i.icon.video.play.outline:before {

  content: "\f01d"

}

i.icon.volume.off:before {

  content: "\f026"

}

i.icon.volume.down:before {

  content: "\f027"

}

i.icon.volume.up:before {

  content: "\f028"

}

i.icon.record:before {

  content: "\f03d"

}

i.icon.step.backward:before {

  content: "\f048"

}

i.icon.fast.backward:before {

  content: "\f049"

}

i.icon.backward:before {

  content: "\f04a"

}

i.icon.play:before {

  content: "\f04b"

}

i.icon.pause:before {

  content: "\f04c"

}

i.icon.stop:before {

  content: "\f04d"

}

i.icon.forward:before {

  content: "\f04e"

}

i.icon.fast.forward:before {

  content: "\f050"

}

i.icon.step.forward:before {

  content: "\f051"

}

i.icon.eject:before {

  content: "\f052"

}

i.icon.unmute:before {

  content: "\f130"

}

i.icon.mute:before {

  content: "\f131"

}

i.icon.video.play:before {

  content: "\f144"

}

i.icon.closed.captioning:before {

  content: "\f20a"

}

i.icon.pause.circle:before {

  content: "\f28b"

}

i.icon.pause.circle.outline:before {

  content: "\f28c"

}

i.icon.stop.circle:before {

  content: "\f28d"

}

i.icon.stop.circle.outline:before {

  content: "\f28e"

}

i.icon.marker:before {

  content: "\f041"

}

i.icon.coffee:before {

  content: "\f0f4"

}

i.icon.food:before {

  content: "\f0f5"

}

i.icon.building.outline:before {

  content: "\f0f7"

}

i.icon.hospital:before {

  content: "\f0f8"

}

i.icon.emergency:before {

  content: "\f0f9"

}

i.icon.first.aid:before {

  content: "\f0fa"

}

i.icon.military:before {

  content: "\f0fb"

}

i.icon.h:before {

  content: "\f0fd"

}

i.icon.location.arrow:before {

  content: "\f124"

}

i.icon.compass:before {

  content: "\f14e"

}

i.icon.space.shuttle:before {

  content: "\f197"

}

i.icon.university:before {

  content: "\f19c"

}

i.icon.building:before {

  content: "\f1ad"

}

i.icon.paw:before {

  content: "\f1b0"

}

i.icon.spoon:before {

  content: "\f1b1"

}

i.icon.car:before {

  content: "\f1b9"

}

i.icon.taxi:before {

  content: "\f1ba"

}

i.icon.tree:before {

  content: "\f1bb"

}

i.icon.bicycle:before {

  content: "\f206"

}

i.icon.bus:before {

  content: "\f207"

}

i.icon.ship:before {

  content: "\f21a"

}

i.icon.motorcycle:before {

  content: "\f21c"

}

i.icon.street.view:before {

  content: "\f21d"

}

i.icon.hotel:before {

  content: "\f236"

}

i.icon.train:before {

  content: "\f238"

}

i.icon.subway:before {

  content: "\f239"

}

i.icon.map.pin:before {

  content: "\f276"

}

i.icon.map.signs:before {

  content: "\f277"

}

i.icon.map.outline:before {

  content: "\f278"

}

i.icon.map:before {

  content: "\f279"

}

i.icon.table:before {

  content: "\f0ce"

}

i.icon.columns:before {

  content: "\f0db"

}

i.icon.sort:before {

  content: "\f0dc"

}

i.icon.sort.descending:before {

  content: "\f0dd"

}

i.icon.sort.ascending:before {

  content: "\f0de"

}

i.icon.sort.alphabet.ascending:before {

  content: "\f15d"

}

i.icon.sort.alphabet.descending:before {

  content: "\f15e"

}

i.icon.sort.content.ascending:before {

  content: "\f160"

}

i.icon.sort.content.descending:before {

  content: "\f161"

}

i.icon.sort.numeric.ascending:before {

  content: "\f162"

}

i.icon.sort.numeric.descending:before {

  content: "\f163"

}

i.icon.font:before {

  content: "\f031"

}

i.icon.bold:before {

  content: "\f032"

}

i.icon.italic:before {

  content: "\f033"

}

i.icon.text.height:before {

  content: "\f034"

}

i.icon.text.width:before {

  content: "\f035"

}

i.icon.align.left:before {

  content: "\f036"

}

i.icon.align.center:before {

  content: "\f037"

}

i.icon.align.right:before {

  content: "\f038"

}

i.icon.align.justify:before {

  content: "\f039"

}

i.icon.list:before {

  content: "\f03a"

}

i.icon.outdent:before {

  content: "\f03b"

}

i.icon.indent:before {

  content: "\f03c"

}

i.icon.cut:before {

  content: "\f0c4"

}

i.icon.copy:before {

  content: "\f0c5"

}

i.icon.attach:before {

  content: "\f0c6"

}

i.icon.save:before {

  content: "\f0c7"

}

i.icon.content:before {

  content: "\f0c9"

}

i.icon.unordered.list:before {

  content: "\f0ca"

}

i.icon.ordered.list:before {

  content: "\f0cb"

}

i.icon.strikethrough:before {

  content: "\f0cc"

}

i.icon.underline:before {

  content: "\f0cd"

}

i.icon.paste:before {

  content: "\f0ea"

}

i.icon.unlinkify:before {

  content: "\f127"

}

i.icon.superscript:before {

  content: "\f12b"

}

i.icon.subscript:before {

  content: "\f12c"

}

i.icon.header:before {

  content: "\f1dc"

}

i.icon.paragraph:before {

  content: "\f1dd"

}

i.icon.text.cursor:before {

  content: "\f246"

}

i.icon.euro:before {

  content: "\f153"

}

i.icon.pound:before {

  content: "\f154"

}

i.icon.dollar:before {

  content: "\f155"

}

i.icon.rupee:before {

  content: "\f156"

}

i.icon.yen:before {

  content: "\f157"

}

i.icon.ruble:before {

  content: "\f158"

}

i.icon.won:before {

  content: "\f159"

}

i.icon.bitcoin:before {

  content: "\f15a"

}

i.icon.lira:before {

  content: "\f195"

}

i.icon.shekel:before {

  content: "\f20b"

}

i.icon.paypal:before {

  content: "\f1ed"

}

i.icon.google.wallet:before {

  content: "\f1ee"

}

i.icon.visa:before {

  content: "\f1f0"

}

i.icon.mastercard:before {

  content: "\f1f1"

}

i.icon.discover:before {

  content: "\f1f2"

}

i.icon.american.express:before {

  content: "\f1f3"

}

i.icon.paypal.card:before {

  content: "\f1f4"

}

i.icon.stripe:before {

  content: "\f1f5"

}

i.icon.japan.credit.bureau:before {

  content: "\f24b"

}

i.icon.diners.club:before {

  content: "\f24c"

}

i.icon.credit.card.alternative:before {

  content: "\f283"

}

i.icon.twitter.square:before {

  content: "\f081"

}

i.icon.facebook.square:before {

  content: "\f082"

}

i.icon.linkedin.square:before {

  content: "\f08c"

}

i.icon.github.square:before {

  content: "\f092"

}

i.icon.twitter:before {

  content: "\f099"

}

i.icon.facebook.f:before {

  content: "\f09a"

}

i.icon.github:before {

  content: "\f09b"

}

i.icon.pinterest.square:before {

  content: "\f0d3"

}

i.icon.google.plus.square:before {

  content: "\f0d4"

}

i.icon.google.plus:before {

  content: "\f0d5"

}

i.icon.linkedin:before {

  content: "\f0e1"

}

i.icon.github.alternate:before {

  content: "\f113"

}

i.icon.maxcdn:before {

  content: "\f136"

}

i.icon.youtube.square:before {

  content: "\f166"

}

i.icon.youtube:before {

  content: "\f167"

}

i.icon.xing:before {

  content: "\f168"

}

i.icon.xing.square:before {

  content: "\f169"

}

i.icon.youtube.play:before {

  content: "\f16a"

}

i.icon.dropbox:before {

  content: "\f16b"

}

i.icon.stack.overflow:before {

  content: "\f16c"

}

i.icon.instagram:before {

  content: "\f16d"

}

i.icon.flickr:before {

  content: "\f16e"

}

i.icon.adn:before {

  content: "\f170"

}

i.icon.bitbucket:before {

  content: "\f171"

}

i.icon.bitbucket.square:before {

  content: "\f172"

}

i.icon.tumblr:before {

  content: "\f173"

}

i.icon.tumblr.square:before {

  content: "\f174"

}

i.icon.apple:before {

  content: "\f179"

}

i.icon.windows:before {

  content: "\f17a"

}

i.icon.android:before {

  content: "\f17b"

}

i.icon.linux:before {

  content: "\f17c"

}

i.icon.dribble:before {

  content: "\f17d"

}

i.icon.skype:before {

  content: "\f17e"

}

i.icon.foursquare:before {

  content: "\f180"

}

i.icon.trello:before {

  content: "\f181"

}

i.icon.gittip:before {

  content: "\f184"

}

i.icon.vk:before {

  content: "\f189"

}

i.icon.weibo:before {

  content: "\f18a"

}

i.icon.renren:before {

  content: "\f18b"

}

i.icon.pagelines:before {

  content: "\f18c"

}

i.icon.stack.exchange:before {

  content: "\f18d"

}

i.icon.vimeo.square:before {

  content: "\f194"

}

i.icon.slack:before {

  content: "\f198"

}

i.icon.wordpress:before {

  content: "\f19a"

}

i.icon.yahoo:before {

  content: "\f19e"

}

i.icon.google:before {

  content: "\f1a0"

}

i.icon.reddit:before {

  content: "\f1a1"

}

i.icon.reddit.square:before {

  content: "\f1a2"

}

i.icon.stumbleupon.circle:before {

  content: "\f1a3"

}

i.icon.stumbleupon:before {

  content: "\f1a4"

}

i.icon.delicious:before {

  content: "\f1a5"

}

i.icon.digg:before {

  content: "\f1a6"

}

i.icon.pied.piper:before {

  content: "\f1a7"

}

i.icon.pied.piper.alternate:before {

  content: "\f1a8"

}

i.icon.drupal:before {

  content: "\f1a9"

}

i.icon.joomla:before {

  content: "\f1aa"

}

i.icon.behance:before {

  content: "\f1b4"

}

i.icon.behance.square:before {

  content: "\f1b5"

}

i.icon.steam:before {

  content: "\f1b6"

}

i.icon.steam.square:before {

  content: "\f1b7"

}

i.icon.spotify:before {

  content: "\f1bc"

}

i.icon.deviantart:before {

  content: "\f1bd"

}

i.icon.soundcloud:before {

  content: "\f1be"

}

i.icon.vine:before {

  content: "\f1ca"

}

i.icon.codepen:before {

  content: "\f1cb"

}

i.icon.jsfiddle:before {

  content: "\f1cc"

}

i.icon.rebel:before {

  content: "\f1d0"

}

i.icon.empire:before {

  content: "\f1d1"

}

i.icon.git.square:before {

  content: "\f1d2"

}

i.icon.git:before {

  content: "\f1d3"

}

i.icon.hacker.news:before {

  content: "\f1d4"

}

i.icon.tencent.weibo:before {

  content: "\f1d5"

}

i.icon.qq:before {

  content: "\f1d6"

}

i.icon.wechat:before {

  content: "\f1d7"

}

i.icon.slideshare:before {

  content: "\f1e7"

}

i.icon.twitch:before {

  content: "\f1e8"

}

i.icon.yelp:before {

  content: "\f1e9"

}

i.icon.lastfm:before {

  content: "\f202"

}

i.icon.lastfm.square:before {

  content: "\f203"

}

i.icon.ioxhost:before {

  content: "\f208"

}

i.icon.angellist:before {

  content: "\f209"

}

i.icon.meanpath:before {

  content: "\f20c"

}

i.icon.buysellads:before {

  content: "\f20d"

}

i.icon.connectdevelop:before {

  content: "\f20e"

}

i.icon.dashcube:before {

  content: "\f210"

}

i.icon.forumbee:before {

  content: "\f211"

}

i.icon.leanpub:before {

  content: "\f212"

}

i.icon.sellsy:before {

  content: "\f213"

}

i.icon.shirtsinbulk:before {

  content: "\f214"

}

i.icon.simplybuilt:before {

  content: "\f215"

}

i.icon.skyatlas:before {

  content: "\f216"

}

i.icon.facebook:before {

  content: "\f230"

}

i.icon.pinterest:before {

  content: "\f231"

}

i.icon.whatsapp:before {

  content: "\f232"

}

i.icon.viacoin:before {

  content: "\f237"

}

i.icon.medium:before {

  content: "\f23a"

}

i.icon.y.combinator:before {

  content: "\f23b"

}

i.icon.optinmonster:before {

  content: "\f23c"

}

i.icon.opencart:before {

  content: "\f23d"

}

i.icon.expeditedssl:before {

  content: "\f23e"

}

i.icon.gg:before {

  content: "\f260"

}

i.icon.gg.circle:before {

  content: "\f261"

}

i.icon.tripadvisor:before {

  content: "\f262"

}

i.icon.odnoklassniki:before {

  content: "\f263"

}

i.icon.odnoklassniki.square:before {

  content: "\f264"

}

i.icon.pocket:before {

  content: "\f265"

}

i.icon.wikipedia:before {

  content: "\f266"

}

i.icon.safari:before {

  content: "\f267"

}

i.icon.chrome:before {

  content: "\f268"

}

i.icon.firefox:before {

  content: "\f269"

}

i.icon.opera:before {

  content: "\f26a"

}

i.icon.internet.explorer:before {

  content: "\f26b"

}

i.icon.contao:before {

  content: "\f26d"

}

i.icon.\35 00px:before {

  content: "\f26e"

}

i.icon.amazon:before {

  content: "\f270"

}

i.icon.houzz:before {

  content: "\f27c"

}

i.icon.vimeo:before {

  content: "\f27d"

}

i.icon.black.tie:before {

  content: "\f27e"

}

i.icon.fonticons:before {

  content: "\f280"

}

i.icon.reddit.alien:before {

  content: "\f281"

}

i.icon.microsoft.edge:before {

  content: "\f282"

}

i.icon.codiepie:before {

  content: "\f284"

}

i.icon.modx:before {

  content: "\f285"

}

i.icon.fort.awesome:before {

  content: "\f286"

}

i.icon.product.hunt:before {

  content: "\f288"

}

i.icon.mixcloud:before {

  content: "\f289"

}

i.icon.scribd:before {

  content: "\f28a"

}

i.icon.gitlab:before {

  content: "\f296"

}

i.icon.wpbeginner:before {

  content: "\f297"

}

i.icon.wpforms:before {

  content: "\f298"

}

i.icon.envira.gallery:before {

  content: "\f299"

}

i.icon.glide:before {

  content: "\f2a5"

}

i.icon.glide.g:before {

  content: "\f2a6"

}

i.icon.viadeo:before {

  content: "\f2a9"

}

i.icon.viadeo.square:before {

  content: "\f2aa"

}

i.icon.snapchat:before {

  content: "\f2ab"

}

i.icon.snapchat.ghost:before {

  content: "\f2ac"

}

i.icon.snapchat.square:before {

  content: "\f2ad"

}

i.icon.pied.piper.hat:before {

  content: "\f2ae"

}

i.icon.first.order:before {

  content: "\f2b0"

}

i.icon.yoast:before {

  content: "\f2b1"

}

i.icon.themeisle:before {

  content: "\f2b2"

}

i.icon.google.plus.circle:before {

  content: "\f2b3"

}

i.icon.font.awesome:before {

  content: "\f2b4"

}

i.icon.like:before {

  content: "\f004"

}

i.icon.favorite:before {

  content: "\f005"

}

i.icon.video:before {

  content: "\f008"

}

i.icon.check:before {

  content: "\f00c"

}

i.icon.cancel:before, i.icon.close:before, i.icon.delete:before, i.icon.x:before {

  content: "\f00d"

}

i.icon.magnify:before, i.icon.zoom.in:before {

  content: "\f00e"

}

i.icon.shutdown:before {

  content: "\f011"

}

i.icon.clock:before, i.icon.time:before {

  content: "\f017"

}

i.icon.play.circle.outline:before {

  content: "\f01d"

}

i.icon.headphone:before {

  content: "\f025"

}

i.icon.camera:before {

  content: "\f030"

}

i.icon.video.camera:before {

  content: "\f03d"

}

i.icon.picture:before {

  content: "\f03e"

}

i.icon.compose:before, i.icon.pencil:before {

  content: "\f040"

}

i.icon.point:before {

  content: "\f041"

}

i.icon.tint:before {

  content: "\f043"

}

i.icon.signup:before {

  content: "\f044"

}

i.icon.plus.circle:before {

  content: "\f055"

}

i.icon.question.circle:before {

  content: "\f059"

}

i.icon.dont:before {

  content: "\f05e"

}

i.icon.minimize:before {

  content: "\f066"

}

i.icon.add:before {

  content: "\f067"

}

i.icon.attention:before, i.icon.exclamation.circle:before {

  content: "\f06a"

}

i.icon.eye:before {

  content: "\f06e"

}

i.icon.exclamation.triangle:before {

  content: "\f071"

}

i.icon.shuffle:before {

  content: "\f074"

}

i.icon.chat:before, i.icon.talk:before {

  content: "\f075"

}

i.icon.cart:before, i.icon.shopping.cart:before {

  content: "\f07a"

}

i.icon.bar.graph:before {

  content: "\f080"

}

i.icon.key:before {

  content: "\f084"

}

i.icon.cogs:before {

  content: "\f085"

}

i.icon.discussions:before {

  content: "\f086"

}

i.icon.like.outline:before {

  content: "\f087"

}

i.icon.dislike.outline:before {

  content: "\f088"

}

i.icon.heart.outline:before {

  content: "\f08a"

}

i.icon.log.out:before {

  content: "\f08b"

}

i.icon.thumb.tack:before {

  content: "\f08d"

}

i.icon.winner:before {

  content: "\f091"

}

i.icon.phone:before {

  content: "\f095"

}

i.icon.bookmark.outline:before {

  content: "\f097"

}

i.icon.phone.square:before {

  content: "\f098"

}

i.icon.credit.card:before {

  content: "\f09d"

}

i.icon.hdd.outline:before {

  content: "\f0a0"

}

i.icon.bullhorn:before {

  content: "\f0a1"

}

i.icon.bell.outline:before {

  content: "\f0a2"

}

i.icon.hand.outline.right:before {

  content: "\f0a4"

}

i.icon.hand.outline.left:before {

  content: "\f0a5"

}

i.icon.hand.outline.up:before {

  content: "\f0a6"

}

i.icon.hand.outline.down:before {

  content: "\f0a7"

}

i.icon.globe:before {

  content: "\f0ac"

}

i.icon.wrench:before {

  content: "\f0ad"

}

i.icon.briefcase:before {

  content: "\f0b1"

}

i.icon.group:before {

  content: "\f0c0"

}

i.icon.chain:before, i.icon.linkify:before {

  content: "\f0c1"

}

i.icon.flask:before {

  content: "\f0c3"

}

i.icon.bars:before, i.icon.sidebar:before {

  content: "\f0c9"

}

i.icon.list.ul:before {

  content: "\f0ca"

}

i.icon.list.ol:before, i.icon.numbered.list:before {

  content: "\f0cb"

}

i.icon.magic:before {

  content: "\f0d0"

}

i.icon.truck:before {

  content: "\f0d1"

}

i.icon.currency:before {

  content: "\f0d6"

}

i.icon.dropdown:before, i.icon.triangle.down:before {

  content: "\f0d7"

}

i.icon.triangle.up:before {

  content: "\f0d8"

}

i.icon.triangle.left:before {

  content: "\f0d9"

}

i.icon.triangle.right:before {

  content: "\f0da"

}

i.icon.envelope:before {

  content: "\f0e0"

}

i.icon.conversation:before {

  content: "\f0e6"

}

i.icon.rain:before {

  content: "\f0e9"

}

i.icon.clipboard:before {

  content: "\f0ea"

}

i.icon.lightbulb:before {

  content: "\f0eb"

}

i.icon.bell:before {

  content: "\f0f3"

}

i.icon.ambulance:before {

  content: "\f0f9"

}

i.icon.medkit:before {

  content: "\f0fa"

}

i.icon.fighter.jet:before {

  content: "\f0fb"

}

i.icon.beer:before {

  content: "\f0fc"

}

i.icon.plus.square:before {

  content: "\f0fe"

}

i.icon.computer:before {

  content: "\f108"

}

i.icon.gamepad:before {

  content: "\f11b"

}

i.icon.star.half.full:before {

  content: "\f123"

}

i.icon.broken.chain:before {

  content: "\f127"

}

i.icon.question:before {

  content: "\f128"

}

i.icon.exclamation:before {

  content: "\f12a"

}

i.icon.eraser:before {

  content: "\f12d"

}

i.icon.microphone:before {

  content: "\f130"

}

i.icon.microphone.slash:before {

  content: "\f131"

}

i.icon.shield:before {

  content: "\f132"

}

i.icon.target:before {

  content: "\f140"

}

i.icon.play.circle:before {

  content: "\f144"

}

i.icon.pencil.square:before {

  content: "\f14b"

}

i.icon.eur:before {

  content: "\f153"

}

i.icon.gbp:before {

  content: "\f154"

}

i.icon.usd:before {

  content: "\f155"

}

i.icon.inr:before {

  content: "\f156"

}

i.icon.cny:before, i.icon.jpy:before, i.icon.rmb:before {

  content: "\f157"

}

i.icon.rouble:before, i.icon.rub:before {

  content: "\f158"

}

i.icon.krw:before {

  content: "\f159"

}

i.icon.btc:before {

  content: "\f15a"

}

i.icon.gratipay:before {

  content: "\f184"

}

i.icon.zip:before {

  content: "\f187"

}

i.icon.dot.circle.outline:before {

  content: "\f192"

}

i.icon.try:before {

  content: "\f195"

}

i.icon.graduation:before {

  content: "\f19d"

}

i.icon.circle.outline:before {

  content: "\f1db"

}

i.icon.sliders:before {

  content: "\f1de"

}

i.icon.weixin:before {

  content: "\f1d7"

}

i.icon.teletype:before, i.icon.tty:before {

  content: "\f1e4"

}

i.icon.binoculars:before {

  content: "\f1e5"

}

i.icon.power.cord:before {

  content: "\f1e6"

}

i.icon.wi-fi:before {

  content: "\f1eb"

}

i.icon.visa.card:before {

  content: "\f1f0"

}

i.icon.mastercard.card:before {

  content: "\f1f1"

}

i.icon.discover.card:before {

  content: "\f1f2"

}

i.icon.american.express.card:before, i.icon.amex:before {

  content: "\f1f3"

}

i.icon.stripe.card:before {

  content: "\f1f5"

}

i.icon.bell.slash:before {

  content: "\f1f6"

}

i.icon.bell.slash.outline:before {

  content: "\f1f7"

}

i.icon.area.graph:before {

  content: "\f1fe"

}

i.icon.pie.graph:before {

  content: "\f200"

}

i.icon.line.graph:before {

  content: "\f201"

}

i.icon.cc:before {

  content: "\f20a"

}

i.icon.ils:before, i.icon.sheqel:before {

  content: "\f20b"

}

i.icon.plus.cart:before {

  content: "\f217"

}

i.icon.arrow.down.cart:before {

  content: "\f218"

}

i.icon.detective:before {

  content: "\f21b"

}

i.icon.venus:before {

  content: "\f221"

}

i.icon.mars:before {

  content: "\f222"

}

i.icon.mercury:before {

  content: "\f223"

}

i.icon.intersex:before {

  content: "\f224"

}

i.icon.female.homosexual:before, i.icon.venus.double:before {

  content: "\f226"

}

i.icon.male.homosexual:before, i.icon.mars.double:before {

  content: "\f227"

}

i.icon.venus.mars:before {

  content: "\f228"

}

i.icon.mars.alternate:before, i.icon.mars.stroke:before {

  content: "\f229"

}

i.icon.mars.stroke.vertical:before, i.icon.mars.vertical:before {

  content: "\f22a"

}

i.icon.mars.horizontal:before, i.icon.mars.stroke.horizontal:before {

  content: "\f22b"

}

i.icon.asexual:before {

  content: "\f22d"

}

i.icon.facebook.official:before {

  content: "\f230"

}

i.icon.user.plus:before {

  content: "\f234"

}

i.icon.user.cancel:before, i.icon.user.close:before, i.icon.user.delete:before, i.icon.user.times:before, i.icon.user.x:before {

  content: "\f235"

}

i.icon.bed:before {

  content: "\f236"

}

i.icon.yc:before, i.icon.ycombinator:before {

  content: "\f23b"

}

i.icon.battery.four:before {

  content: "\f240"

}

i.icon.battery.three.quarters:before, i.icon.battery.three:before {

  content: "\f241"

}

i.icon.battery.half:before, i.icon.battery.two:before {

  content: "\f242"

}

i.icon.battery.one:before, i.icon.battery.quarter:before {

  content: "\f243"

}

i.icon.battery.zero:before {

  content: "\f244"

}

i.icon.i.cursor:before {

  content: "\f246"

}

i.icon.japan.credit.bureau.card:before, i.icon.jcb:before {

  content: "\f24b"

}

i.icon.diners.club.card:before {

  content: "\f24c"

}

i.icon.balance:before {

  content: "\f24e"

}

i.icon.hourglass.outline:before, i.icon.hourglass.zero:before {

  content: "\f250"

}

i.icon.hourglass.one:before {

  content: "\f251"

}

i.icon.hourglass.two:before {

  content: "\f252"

}

i.icon.hourglass.three:before {

  content: "\f253"

}

i.icon.hourglass.four:before {

  content: "\f254"

}

i.icon.grab {

  content: "\f255"

}

i.icon.hand.victory:before {

  content: "\f25b"

}

i.icon.tm:before {

  content: "\f25c"

}

i.icon.r.circle:before {

  content: "\f25d"

}

i.icon.television {

  content: "\f26c"

}

i.icon.five.hundred.pixels:before {

  content: "\f26e"

}

i.icon.calendar.plus:before {

  content: "\f271"

}

i.icon.calendar.minus:before {

  content: "\f272"

}

i.icon.calendar.times:before {

  content: "\f273"

}

i.icon.calendar.check:before {

  content: "\f274"

}

i.icon.factory:before {

  content: "\f275"

}

i.icon.commenting:before {

  content: "\f27a"

}

i.icon.commenting.outline:before {

  content: "\f27b"

}

i.icon.edge:before, i.icon.ms.edge:before {

  content: "\f282"

}

i.icon.wordpress.beginner:before {

  content: "\f297"

}

i.icon.wordpress.forms:before {

  content: "\f298"

}

i.icon.envira:before {

  content: "\f299"

}

i.icon.question.circle.outline:before {

  content: "\f29c"

}

i.icon.ald:before, i.icon.als:before, i.icon.assistive.listening.devices:before {

  content: "\f2a2"

}

i.icon.asl.interpreting:before {

  content: "\f2a3"

}

i.icon.deaf:before {

  content: "\f2a4"

}

i.icon.american.sign.language.interpreting:before {

  content: "\f2a3"

}

i.icon.hard.of.hearing:before {

  content: "\f2a4"

}

i.icon.signing:before {

  content: "\f2a7"

}

i.icon.new.pied.piper:before {

  content: "\f2ae"

}

i.icon.theme.isle:before {

  content: "\f2b2"

}

i.icon.google.plus.official:before {

  content: "\f2b3"

}

i.icon.fa:before {

  content: "\f2b4"

}

.ui.image {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  background-color: transparent

}

img.ui.image {

  display: block

}

.ui.image img, .ui.image svg {

  display: block;

  max-width: 100%;

  height: auto

}

.ui.hidden.image, .ui.hidden.images {

  display: none

}

.ui.hidden.transition.image, .ui.hidden.transition.images {

  display: block;

  visibility: hidden

}

.ui.disabled.image, .ui.disabled.images {

  cursor: default;

  opacity: .45

}

.ui.inline.image, .ui.inline.image img, .ui.inline.image svg {

  display: inline-block

}

.ui.top.aligned.image, .ui.top.aligned.image img, .ui.top.aligned.image svg, .ui.top.aligned.images .image {

  display: inline-block;

  vertical-align: top

}

.ui.middle.aligned.image, .ui.middle.aligned.image img, .ui.middle.aligned.image svg, .ui.middle.aligned.images .image {

  display: inline-block;

  vertical-align: middle

}

.ui.bottom.aligned.image, .ui.bottom.aligned.image img, .ui.bottom.aligned.image svg, .ui.bottom.aligned.images .image {

  display: inline-block;

  vertical-align: bottom

}

.ui.rounded.image, .ui.rounded.image > *, .ui.rounded.images .image, .ui.rounded.images .image > * {

  border-radius: .3125em

}

.ui.bordered.image img, .ui.bordered.image svg, .ui.bordered.images .image, .ui.bordered.images img, .ui.bordered.images svg, img.ui.bordered.image {

  border: 1px solid rgba(0, 0, 0, .1)

}

.ui.circular.image, .ui.circular.images {

  overflow: hidden

}

.ui.circular.image, .ui.circular.image > *, .ui.circular.images .image, .ui.circular.images .image > * {

  border-radius: 500rem

}

.ui.fluid.image, .ui.fluid.image img, .ui.fluid.image svg, .ui.fluid.images, .ui.fluid.images img, .ui.fluid.images svg {

  display: block;

  width: 100%;

  height: auto

}

.ui.avatar.image, .ui.avatar.image img, .ui.avatar.image svg, .ui.avatar.images .image, .ui.avatar.images img, .ui.avatar.images svg {

  margin-right: .25em;

  display: inline-block;

  width: 2em;

  height: 2em;

  border-radius: 500rem

}

.ui.spaced.image {

  display: inline-block !important;

  margin-left: .5em;

  margin-right: .5em

}

.ui[class*="left spaced"].image {

  margin-left: .5em;

  margin-right: 0

}

.ui[class*="right spaced"].image {

  margin-left: 0;

  margin-right: .5em

}

.ui.floated.image, .ui.floated.images {

  float: left;

  margin-right: 1em;

  margin-bottom: 1em

}

.ui.right.floated.image, .ui.right.floated.images {

  float: right;

  margin-right: 0;

  margin-bottom: 1em;

  margin-left: 1em

}

.ui.floated.image:last-child, .ui.floated.images:last-child {

  margin-bottom: 0

}

.ui.centered.image, .ui.centered.images {

  margin-left: auto;

  margin-right: auto

}

.ui.mini.image, .ui.mini.images .image, .ui.mini.images img, .ui.mini.images svg {

  width: 35px;

  height: auto;

  font-size: .78571429rem

}

.ui.tiny.image, .ui.tiny.images .image, .ui.tiny.images img, .ui.tiny.images svg {

  width: 80px;

  height: auto;

  font-size: .85714286rem

}

.ui.small.image, .ui.small.images .image, .ui.small.images img, .ui.small.images svg {

  width: 150px;

  height: auto;

  font-size: .92857143rem

}

.ui.medium.image, .ui.medium.images .image, .ui.medium.images img, .ui.medium.images svg {

  width: 300px;

  height: auto;

  font-size: 1rem

}

.ui.large.image, .ui.large.images .image, .ui.large.images img, .ui.large.images svg {

  width: 450px;

  height: auto;

  font-size: 1.14285714rem

}

.ui.big.image, .ui.big.images .image, .ui.big.images img, .ui.big.images svg {

  width: 600px;

  height: auto;

  font-size: 1.28571429rem

}

.ui.huge.image, .ui.huge.images .image, .ui.huge.images img, .ui.huge.images svg {

  width: 800px;

  height: auto;

  font-size: 1.42857143rem

}

.ui.massive.image, .ui.massive.images .image, .ui.massive.images img, .ui.massive.images svg {

  width: 960px;

  height: auto;

  font-size: 1.71428571rem

}

.ui.images {

  font-size: 0;

  margin: 0 -.25rem

}

.ui.images .image, .ui.images img, .ui.images svg {

  display: inline-block;

  margin: 0 .25rem .5rem

}

.ui.input {

  position: relative;

  font-weight: 400;

  font-style: normal;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  color: rgba(0, 0, 0, .87)

}

.ui.input input {

  margin: 0;

  max-width: 100%;

  -webkit-box-flex: 1;

  -ms-flex: 1 0 auto;

  flex: 1 0 auto;

  outline: 0;

  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

  text-align: left;

  line-height: 1.2142em;

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  padding: .67861429em 1em;

  background: #FFF;

  border: 1px solid rgba(34, 36, 38, .15);

  color: rgba(0, 0, 0, .87);

  border-radius: .28571429rem;

  -webkit-transition: box-shadow .1s ease, border-color .1s ease;

  transition: box-shadow .1s ease, border-color .1s ease;

  box-shadow: none

}

.ui.input input::-webkit-input-placeholder {

  color: rgba(191, 191, 191, .87)

}

.ui.input input::-moz-placeholder {

  color: rgba(191, 191, 191, .87)

}

.ui.input input:-ms-input-placeholder {

  color: rgba(191, 191, 191, .87)

}

.ui.disabled.input, .ui.input input[disabled] {

  opacity: .45

}

.ui.disabled.input input, .ui.input input[disabled] {

  pointer-events: none

}

.ui.input input:active, .ui.input.down input {

  border-color: rgba(0, 0, 0, .3);

  background: #FAFAFA;

  color: rgba(0, 0, 0, .87);

  box-shadow: none

}

.ui.loading.loading.input > i.icon:before {

  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

  margin: -.64285714em 0 0 -.64285714em;

  width: 1.28571429em;

  height: 1.28571429em;

  border-radius: 500rem;

  border: .2em solid rgba(0, 0, 0, .1)

}

.ui.loading.loading.input > i.icon:after {

  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

  margin: -.64285714em 0 0 -.64285714em;

  width: 1.28571429em;

  height: 1.28571429em;

  -webkit-animation: button-spin .6s linear;

  animation: button-spin .6s linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  border-radius: 500rem;

  border-color: #767676 transparent transparent;

  border-style: solid;

  border-width: .2em;

  box-shadow: 0 0 0 1px transparent

}

.ui.input input:focus, .ui.input.focus input {

  border-color: #85B7D9;

  background: #FFF;

  color: rgba(0, 0, 0, .8);

  box-shadow: none

}

.ui.input input:focus::-webkit-input-placeholder, .ui.input.focus input::-webkit-input-placeholder {

  color: rgba(115, 115, 115, .87)

}

.ui.input input:focus::-moz-placeholder, .ui.input.focus input::-moz-placeholder {

  color: rgba(115, 115, 115, .87)

}

.ui.input input:focus:-ms-input-placeholder, .ui.input.focus input:-ms-input-placeholder {

  color: rgba(115, 115, 115, .87)

}

.ui.input.error input {

  background-color: #FFF6F6;

  border-color: #E0B4B4;

  color: #9F3A38;

  box-shadow: none

}

.ui.input.error input::-webkit-input-placeholder {

  color: #e7bdbc

}

.ui.input.error input::-moz-placeholder {

  color: #e7bdbc

}

.ui.input.error input:-ms-input-placeholder {

  color: #e7bdbc !important

}

.ui.input.error input:focus::-webkit-input-placeholder {

  color: #da9796

}

.ui.input.error input:focus::-moz-placeholder {

  color: #da9796

}

.ui.input.error input:focus:-ms-input-placeholder {

  color: #da9796 !important

}

.ui.transparent.input input {

  border-color: transparent !important;

  background-color: transparent !important;

  padding: 0 !important;

  box-shadow: none !important

}

.ui.transparent.icon.input > i.icon {

  width: 1.1em

}

.ui.transparent.icon.input > input {

  padding-left: 0 !important;

  padding-right: 2em !important

}

.ui.transparent[class*="left icon"].input > input {

  padding-left: 2em !important;

  padding-right: 0 !important

}

.ui.transparent.inverted.input {

  color: #FFF

}

.ui.transparent.inverted.input input {

  color: inherit

}

.ui.transparent.inverted.input input::-webkit-input-placeholder {

  color: rgba(255, 255, 255, .5)

}

.ui.transparent.inverted.input input::-moz-placeholder {

  color: rgba(255, 255, 255, .5)

}

.ui.transparent.inverted.input input:-ms-input-placeholder {

  color: rgba(255, 255, 255, .5)

}

.ui.icon.input > i.icon {

  cursor: default;

  position: absolute;

  line-height: 1;

  text-align: center;

  top: 0;

  right: 0;

  margin: 0;

  height: 100%;

  width: 2.67142857em;

  opacity: .5;

  border-radius: 0 .28571429rem .28571429rem 0;

  -webkit-transition: opacity .3s ease;

  transition: opacity .3s ease

}

.ui.icon.input > i.icon:not(.link) {

  pointer-events: none

}

.ui.icon.input input {

  padding-right: 2.67142857em !important

}

.ui.icon.input > i.icon:after, .ui.icon.input > i.icon:before {

  left: 0;

  position: absolute;

  text-align: center;

  top: 50%;

  width: 100%;

  margin-top: -.5em

}

.ui.icon.input > i.link.icon {

  cursor: pointer

}

.ui.icon.input > i.circular.icon {

  top: .35em;

  right: .5em

}

.ui[class*="left icon"].input > i.icon {

  right: auto;

  left: 1px;

  border-radius: .28571429rem 0 0 .28571429rem

}

.ui[class*="left icon"].input > i.circular.icon {

  right: auto;

  left: .5em

}

.ui[class*="left icon"].input > input {

  padding-left: 2.67142857em !important;

  padding-right: 1em !important

}

.ui.icon.input > input:focus ~ i.icon {

  opacity: 1

}

.ui.labeled.input > .label {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  margin: 0;

  font-size: 1em

}

.ui.labeled.input > .label:not(.corner) {

  padding-top: .78571429em;

  padding-bottom: .78571429em

}

.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0

}

.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  border-left-color: transparent

}

.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {

  border-left-color: #85B7D9

}

.ui[class*="right labeled"].input input {

  border-top-right-radius: 0 !important;

  border-bottom-right-radius: 0 !important;

  border-right-color: transparent !important

}

.ui[class*="right labeled"].input input + .label {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0

}

.ui[class*="right labeled"].input input:focus {

  border-right-color: #85B7D9 !important

}

.ui.labeled.input .corner.label {

  top: 1px;

  right: 1px;

  font-size: .64285714em;

  border-radius: 0 .28571429rem 0 0

}

.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input input {

  padding-right: 2.5em !important

}

.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {

  padding-right: 3.25em !important

}

.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {

  margin-right: 1.25em

}

.ui[class*="left corner labeled"].labeled.input input {

  padding-left: 2.5em !important

}

.ui[class*="left corner labeled"].icon.input > input {

  padding-left: 3.25em !important

}

.ui[class*="left corner labeled"].icon.input > .icon {

  margin-left: 1.25em

}

.ui.input > .ui.corner.label {

  top: 1px;

  right: 1px

}

.ui.input > .ui.left.corner.label {

  right: auto;

  left: 1px

}

.ui.action.input > .button, .ui.action.input > .buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto

}

.ui.action.input > .button, .ui.action.input > .buttons > .button {

  padding-top: .78571429em;

  padding-bottom: .78571429em;

  margin: 0

}

.ui.action.input:not([class*="left action"]) > input {

  border-top-right-radius: 0 !important;

  border-bottom-right-radius: 0 !important;

  border-right-color: transparent !important

}

.ui.action.input:not([class*="left action"]) > .button:not(:first-child), .ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button, .ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child) {

  border-radius: 0

}

.ui.action.input:not([class*="left action"]) > .button:last-child, .ui.action.input:not([class*="left action"]) > .buttons:last-child > .button, .ui.action.input:not([class*="left action"]) > .dropdown:last-child {

  border-radius: 0 .28571429rem .28571429rem 0

}

.ui.action.input:not([class*="left action"]) input:focus {

  border-right-color: #85B7D9 !important

}

.ui[class*="left action"].input > input {

  border-top-left-radius: 0 !important;

  border-bottom-left-radius: 0 !important;

  border-left-color: transparent !important

}

.ui[class*="left action"].input > .button, .ui[class*="left action"].input > .buttons > .button, .ui[class*="left action"].input > .dropdown {

  border-radius: 0

}

.ui[class*="left action"].input > .button:first-child, .ui[class*="left action"].input > .buttons:first-child > .button, .ui[class*="left action"].input > .dropdown:first-child {

  border-radius: .28571429rem 0 0 .28571429rem

}

.ui[class*="left action"].input > input:focus {

  border-left-color: #85B7D9 !important

}

.ui.inverted.input input {

  border: none

}

.ui.fluid.input {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex

}

.ui.fluid.input > input {

  width: 0 !important

}

.ui.mini.input {

  font-size: .78571429em

}

.ui.small.input {

  font-size: .92857143em

}

.ui.input {

  font-size: 1em

}

.ui.large.input {

  font-size: 1.14285714em

}

.ui.big.input {

  font-size: 1.28571429em

}

.ui.huge.input {

  font-size: 1.42857143em

}

.ui.massive.input {

  font-size: 1.71428571em

}

.ui.label {

  display: inline-block;

  line-height: 1;

  vertical-align: baseline;

  margin: 0 .14285714em;

  background-color: #E8E8E8;

  background-image: none;

  padding: .5833em .833em;

  color: rgba(0, 0, 0, .6);

  text-transform: none;

  font-weight: 700;

  border: 0 solid transparent;

  border-radius: .28571429rem;

  -webkit-transition: background .1s ease;

  transition: background .1s ease

}

.ui.label:first-child {

  margin-left: 0

}

.ui.label:last-child {

  margin-right: 0

}

a.ui.label {

  cursor: pointer

}

.ui.label > a {

  cursor: pointer;

  color: inherit;

  opacity: .5;

  -webkit-transition: .1s opacity ease;

  transition: .1s opacity ease

}

.ui.label > a:hover {

  opacity: 1

}

.ui.label > img {

  width: auto !important;

  vertical-align: middle;

  height: 2.1666em !important

}

.ui.label > .icon {

  width: auto;

  margin: 0 .75em 0 0

}

.ui.label > .detail {

  display: inline-block;

  vertical-align: top;

  font-weight: 700;

  margin-left: 1em;

  opacity: .8

}

.ui.label > .detail .icon {

  margin: 0 .25em 0 0

}

.ui.label > .close.icon, .ui.label > .delete.icon {

  cursor: pointer;

  margin-right: 0;

  margin-left: .5em;

  font-size: .92857143em;

  opacity: .5;

  -webkit-transition: background .1s ease;

  transition: background .1s ease

}

.ui.label > .delete.icon:hover {

  opacity: 1

}

.ui.labels > .label {

  margin: 0 .5em .5em 0

}

.ui.header > .ui.label {

  margin-top: -.29165em

}

.ui.attached.segment > .ui.top.left.attached.label, .ui.bottom.attached.segment > .ui.top.left.attached.label {

  border-top-left-radius: 0

}

.ui.attached.segment > .ui.top.right.attached.label, .ui.bottom.attached.segment > .ui.top.right.attached.label {

  border-top-right-radius: 0

}

.ui.top.attached.segment > .ui.bottom.left.attached.label {

  border-bottom-left-radius: 0

}

.ui.top.attached.segment > .ui.bottom.right.attached.label {

  border-bottom-right-radius: 0

}

.ui.top.attached.label + [class*="right floated"] + *, .ui.top.attached.label:first-child + :not(.attached) {

  margin-top: 2rem !important

}

.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {

  margin-top: 0;

  margin-bottom: 2rem !important

}

.ui.image.label {

  width: auto !important;

  margin-top: 0;

  margin-bottom: 0;

  max-width: 9999px;

  vertical-align: baseline;

  text-transform: none;

  background: #E8E8E8;

  padding: .5833em .833em .5833em .5em;

  border-radius: .28571429rem;

  box-shadow: none

}

.ui.image.label img {

  display: inline-block;

  vertical-align: top;

  height: 2.1666em;

  margin: -.5833em .5em -.5833em -.5em;

  border-radius: .28571429rem 0 0 .28571429rem

}

.ui.image.label .detail {

  background: rgba(0, 0, 0, .1);

  margin: -.5833em -.833em -.5833em .5em;

  padding: .5833em .833em;

  border-radius: 0 .28571429rem .28571429rem 0

}

.ui.tag.label, .ui.tag.labels .label {

  margin-left: 1em;

  position: relative;

  padding-left: 1.5em;

  padding-right: 1.5em;

  border-radius: 0 .28571429rem .28571429rem 0;

  -webkit-transition: none;

  transition: none

}

.ui.tag.label:before, .ui.tag.labels .label:before {

  position: absolute;

  -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);

  transform: translateY(-50%) translateX(50%) rotate(-45deg);

  top: 50%;

  right: 100%;

  content: '';

  background-color: inherit;

  background-image: none;

  width: 1.56em;

  height: 1.56em;

  -webkit-transition: none;

  transition: none

}

.ui.tag.label:after, .ui.tag.labels .label:after {

  position: absolute;

  content: '';

  top: 50%;

  left: -.25em;

  margin-top: -.25em;

  background-color: #FFF !important;

  width: .5em;

  height: .5em;

  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .3);

  border-radius: 500rem

}

.ui.corner.label {

  position: absolute;

  top: 0;

  right: 0;

  margin: 0;

  padding: 0;

  text-align: center;

  border-color: #E8E8E8;

  width: 4em;

  height: 4em;

  z-index: 1;

  -webkit-transition: border-color .1s ease;

  transition: border-color .1s ease;

  background-color: transparent !important

}

.ui.corner.label:after {

  position: absolute;

  content: "";

  right: 0;

  top: 0;

  z-index: -1;

  width: 0;

  height: 0;

  background-color: transparent !important;

  border-top: 0 solid transparent;

  border-right: 4em solid transparent;

  border-bottom: 4em solid transparent;

  border-left: 0 solid transparent;

  border-right-color: inherit;

  -webkit-transition: border-color .1s ease;

  transition: border-color .1s ease

}

.ui.corner.label .icon {

  cursor: default;

  position: relative;

  top: .64285714em;

  left: .78571429em;

  font-size: 1.14285714em;

  margin: 0

}

.ui.left.corner.label, .ui.left.corner.label:after {

  right: auto;

  left: 0

}

.ui.left.corner.label:after {

  border-top: 4em solid transparent;

  border-right: 4em solid transparent;

  border-bottom: 0 solid transparent;

  border-left: 0 solid transparent;

  border-top-color: inherit

}

.ui.left.corner.label .icon {

  left: -.78571429em

}

.ui.segment > .ui.corner.label {

  top: -1px;

  right: -1px

}

.ui.segment > .ui.left.corner.label {

  right: auto;

  left: -1px

}

.ui.ribbon.label {

  position: relative;

  margin: 0;

  min-width: -webkit-max-content;

  min-width: -moz-max-content;

  min-width: max-content;

  border-radius: 0 .28571429rem .28571429rem 0;

  border-color: rgba(0, 0, 0, .15)

}

.ui.ribbon.label:after {

  position: absolute;

  content: '';

  top: 100%;

  left: 0;

  background-color: transparent !important;

  border-style: solid;

  border-width: 0 1.2em 1.2em 0;

  border-color: transparent;

  border-right-color: inherit;

  width: 0;

  height: 0

}

.ui.ribbon.label {

  left: calc(-1rem - 1.2em);

  margin-right: -1.2em;

  padding-left: calc(1rem + 1.2em);

  padding-right: 1.2em

}

.ui[class*="right ribbon"].label {

  left: calc(100% + 1rem + 1.2em);

  padding-left: 1.2em;

  padding-right: calc(1rem + 1.2em);

  text-align: left;

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%);

  border-radius: .28571429rem 0 0 .28571429rem

}

.ui[class*="right ribbon"].label:after {

  left: auto;

  right: 0;

  border-style: solid;

  border-width: 1.2em 1.2em 0 0;

  border-color: transparent;

  border-top-color: inherit

}

.ui.card .image > .ribbon.label, .ui.image > .ribbon.label {

  position: absolute;

  top: 1rem

}

.ui.card .image > .ui.ribbon.label, .ui.image > .ui.ribbon.label {

  left: calc(.05rem - 1.2em)

}

.ui.card .image > .ui[class*="right ribbon"].label, .ui.image > .ui[class*="right ribbon"].label {

  left: calc(100% + -.05rem + 1.2em);

  padding-left: .833em

}

.ui.table td > .ui.ribbon.label {

  left: calc(-.78571429em - 1.2em)

}

.ui.table td > .ui[class*="right ribbon"].label {

  left: calc(100% + .78571429em + 1.2em);

  padding-left: .833em

}

.ui.attached.label, .ui[class*="top attached"].label {

  width: 100%;

  position: absolute;

  margin: 0;

  top: 0;

  left: 0;

  padding: .75em 1em;

  border-radius: .21428571rem .21428571rem 0 0

}

.ui[class*="bottom attached"].label {

  top: auto;

  bottom: 0;

  border-radius: 0 0 .21428571rem .21428571rem

}

.ui[class*="top left attached"].label {

  width: auto;

  margin-top: 0 !important;

  border-radius: .21428571rem 0 .28571429rem

}

.ui[class*="top right attached"].label {

  width: auto;

  left: auto;

  right: 0;

  border-radius: 0 .21428571rem 0 .28571429rem

}

.ui[class*="bottom left attached"].label {

  width: auto;

  top: auto;

  bottom: 0;

  border-radius: 0 .28571429rem 0 .21428571rem

}

.ui[class*="bottom right attached"].label {

  top: auto;

  bottom: 0;

  left: auto;

  right: 0;

  width: auto;

  border-radius: .28571429rem 0 .21428571rem

}

.ui.label.disabled {

  opacity: .5

}

a.ui.label:hover, a.ui.labels .label:hover {

  background-color: #E0E0E0;

  border-color: #E0E0E0;

  background-image: none;

  color: rgba(0, 0, 0, .8)

}

.ui.labels a.label:hover:before, a.ui.label:hover:before {

  color: rgba(0, 0, 0, .8)

}

.ui.active.label {

  background-color: #D0D0D0;

  border-color: #D0D0D0;

  background-image: none;

  color: rgba(0, 0, 0, .95)

}

.ui.active.label:before {

  background-color: #D0D0D0;

  background-image: none;

  color: rgba(0, 0, 0, .95)

}

a.ui.active.label:hover, a.ui.labels .active.label:hover {

  background-color: #C8C8C8;

  border-color: #C8C8C8;

  background-image: none;

  color: rgba(0, 0, 0, .95)

}

.ui.labels a.active.label:ActiveHover:before, a.ui.active.label:ActiveHover:before {

  background-color: #C8C8C8;

  background-image: none;

  color: rgba(0, 0, 0, .95)

}

.ui.label.visible, .ui.labels.visible .label {

  display: inline-block !important

}

.ui.label.hidden, .ui.labels.hidden .label {

  display: none !important

}

.ui.red.label, .ui.red.labels .label {

  background-color: #DB2828 !important;

  border-color: #DB2828 !important;

  color: #FFF !important

}

.ui.red.labels .label:hover, a.ui.red.label:hover {

  background-color: #d01919 !important;

  border-color: #d01919 !important;

  color: #FFF !important

}

.ui.red.corner.label, .ui.red.corner.label:hover {

  background-color: transparent !important

}

.ui.red.ribbon.label {

  border-color: #b21e1e !important

}

.ui.basic.red.label {

  background-color: #FFF !important;

  color: #DB2828 !important;

  border-color: #DB2828 !important

}

.ui.basic.red.labels a.label:hover, a.ui.basic.red.label:hover {

  background-color: #FFF !important;

  color: #d01919 !important;

  border-color: #d01919 !important

}

.ui.orange.label, .ui.orange.labels .label {

  background-color: #F2711C !important;

  border-color: #F2711C !important;

  color: #FFF !important

}

.ui.orange.labels .label:hover, a.ui.orange.label:hover {

  background-color: #f26202 !important;

  border-color: #f26202 !important;

  color: #FFF !important

}

.ui.orange.corner.label, .ui.orange.corner.label:hover {

  background-color: transparent !important

}

.ui.orange.ribbon.label {

  border-color: #cf590c !important

}

.ui.basic.orange.label {

  background-color: #FFF !important;

  color: #F2711C !important;

  border-color: #F2711C !important

}

.ui.basic.orange.labels a.label:hover, a.ui.basic.orange.label:hover {

  background-color: #FFF !important;

  color: #f26202 !important;

  border-color: #f26202 !important

}

.ui.yellow.label, .ui.yellow.labels .label {

  background-color: #FBBD08 !important;

  border-color: #FBBD08 !important;

  color: #FFF !important

}

.ui.yellow.labels .label:hover, a.ui.yellow.label:hover {

  background-color: #eaae00 !important;

  border-color: #eaae00 !important;

  color: #FFF !important

}

.ui.yellow.corner.label, .ui.yellow.corner.label:hover {

  background-color: transparent !important

}

.ui.yellow.ribbon.label {

  border-color: #cd9903 !important

}

.ui.basic.yellow.label {

  background-color: #FFF !important;

  color: #FBBD08 !important;

  border-color: #FBBD08 !important

}

.ui.basic.yellow.labels a.label:hover, a.ui.basic.yellow.label:hover {

  background-color: #FFF !important;

  color: #eaae00 !important;

  border-color: #eaae00 !important

}

.ui.olive.label, .ui.olive.labels .label {

  background-color: #B5CC18 !important;

  border-color: #B5CC18 !important;

  color: #FFF !important

}

.ui.olive.labels .label:hover, a.ui.olive.label:hover {

  background-color: #a7bd0d !important;

  border-color: #a7bd0d !important;

  color: #FFF !important

}

.ui.olive.corner.label, .ui.olive.corner.label:hover {

  background-color: transparent !important

}

.ui.olive.ribbon.label {

  border-color: #198f35 !important

}

.ui.basic.olive.label {

  background-color: #FFF !important;

  color: #B5CC18 !important;

  border-color: #B5CC18 !important

}

.ui.basic.olive.labels a.label:hover, a.ui.basic.olive.label:hover {

  background-color: #FFF !important;

  color: #a7bd0d !important;

  border-color: #a7bd0d !important

}

.ui.green.label, .ui.green.labels .label {

  background-color: #21BA45 !important;

  border-color: #21BA45 !important;

  color: #FFF !important

}

.ui.green.labels .label:hover, a.ui.green.label:hover {

  background-color: #16ab39 !important;

  border-color: #16ab39 !important;

  color: #FFF !important

}

.ui.green.corner.label, .ui.green.corner.label:hover {

  background-color: transparent !important

}

.ui.green.ribbon.label {

  border-color: #198f35 !important

}

.ui.basic.green.label {

  background-color: #FFF !important;

  color: #21BA45 !important;

  border-color: #21BA45 !important

}

.ui.basic.green.labels a.label:hover, a.ui.basic.green.label:hover {

  background-color: #FFF !important;

  color: #16ab39 !important;

  border-color: #16ab39 !important

}

.ui.teal.label, .ui.teal.labels .label {

  background-color: #00B5AD !important;

  border-color: #00B5AD !important;

  color: #FFF !important

}

.ui.teal.labels .label:hover, a.ui.teal.label:hover {

  background-color: #009c95 !important;

  border-color: #009c95 !important;

  color: #FFF !important

}

.ui.teal.corner.label, .ui.teal.corner.label:hover {

  background-color: transparent !important

}

.ui.teal.ribbon.label {

  border-color: #00827c !important

}

.ui.basic.teal.label {

  background-color: #FFF !important;

  color: #00B5AD !important;

  border-color: #00B5AD !important

}

.ui.basic.teal.labels a.label:hover, a.ui.basic.teal.label:hover {

  background-color: #FFF !important;

  color: #009c95 !important;

  border-color: #009c95 !important

}

.ui.blue.label, .ui.blue.labels .label {

  background-color: #2185D0 !important;

  border-color: #2185D0 !important;

  color: #FFF !important

}

.ui.blue.labels .label:hover, a.ui.blue.label:hover {

  background-color: #1678c2 !important;

  border-color: #1678c2 !important;

  color: #FFF !important

}

.ui.blue.corner.label, .ui.blue.corner.label:hover {

  background-color: transparent !important

}

.ui.blue.ribbon.label {

  border-color: #1a69a4 !important

}

.ui.basic.blue.label {

  background-color: #FFF !important;

  color: #2185D0 !important;

  border-color: #2185D0 !important

}

.ui.basic.blue.labels a.label:hover, a.ui.basic.blue.label:hover {

  background-color: #FFF !important;

  color: #1678c2 !important;

  border-color: #1678c2 !important

}

.ui.violet.label, .ui.violet.labels .label {

  background-color: #6435C9 !important;

  border-color: #6435C9 !important;

  color: #FFF !important

}

.ui.violet.labels .label:hover, a.ui.violet.label:hover {

  background-color: #5829bb !important;

  border-color: #5829bb !important;

  color: #FFF !important

}

.ui.violet.corner.label, .ui.violet.corner.label:hover {

  background-color: transparent !important

}

.ui.violet.ribbon.label {

  border-color: #502aa1 !important

}

.ui.basic.violet.label {

  background-color: #FFF !important;

  color: #6435C9 !important;

  border-color: #6435C9 !important

}

.ui.basic.violet.labels a.label:hover, a.ui.basic.violet.label:hover {

  background-color: #FFF !important;

  color: #5829bb !important;

  border-color: #5829bb !important

}

.ui.purple.label, .ui.purple.labels .label {

  background-color: #A333C8 !important;

  border-color: #A333C8 !important;

  color: #FFF !important

}

.ui.purple.labels .label:hover, a.ui.purple.label:hover {

  background-color: #9627ba !important;

  border-color: #9627ba !important;

  color: #FFF !important

}

.ui.purple.corner.label, .ui.purple.corner.label:hover {

  background-color: transparent !important

}

.ui.purple.ribbon.label {

  border-color: #82299f !important

}

.ui.basic.purple.label {

  background-color: #FFF !important;

  color: #A333C8 !important;

  border-color: #A333C8 !important

}

.ui.basic.purple.labels a.label:hover, a.ui.basic.purple.label:hover {

  background-color: #FFF !important;

  color: #9627ba !important;

  border-color: #9627ba !important

}

.ui.pink.label, .ui.pink.labels .label {

  background-color: #E03997 !important;

  border-color: #E03997 !important;

  color: #FFF !important

}

.ui.pink.labels .label:hover, a.ui.pink.label:hover {

  background-color: #e61a8d !important;

  border-color: #e61a8d !important;

  color: #FFF !important

}

.ui.pink.corner.label, .ui.pink.corner.label:hover {

  background-color: transparent !important

}

.ui.pink.ribbon.label {

  border-color: #c71f7e !important

}

.ui.basic.pink.label {

  background-color: #FFF !important;

  color: #E03997 !important;

  border-color: #E03997 !important

}

.ui.basic.pink.labels a.label:hover, a.ui.basic.pink.label:hover {

  background-color: #FFF !important;

  color: #e61a8d !important;

  border-color: #e61a8d !important

}

.ui.brown.label, .ui.brown.labels .label {

  background-color: #A5673F !important;

  border-color: #A5673F !important;

  color: #FFF !important

}

.ui.brown.labels .label:hover, a.ui.brown.label:hover {

  background-color: #975b33 !important;

  border-color: #975b33 !important;

  color: #FFF !important

}

.ui.brown.corner.label, .ui.brown.corner.label:hover {

  background-color: transparent !important

}

.ui.brown.ribbon.label {

  border-color: #805031 !important

}

.ui.basic.brown.label {

  background-color: #FFF !important;

  color: #A5673F !important;

  border-color: #A5673F !important

}

.ui.basic.brown.labels a.label:hover, a.ui.basic.brown.label:hover {

  background-color: #FFF !important;

  color: #975b33 !important;

  border-color: #975b33 !important

}

.ui.grey.label, .ui.grey.labels .label {

  background-color: #767676 !important;

  border-color: #767676 !important;

  color: #FFF !important

}

.ui.grey.labels .label:hover, a.ui.grey.label:hover {

  background-color: #838383 !important;

  border-color: #838383 !important;

  color: #FFF !important

}

.ui.grey.corner.label, .ui.grey.corner.label:hover {

  background-color: transparent !important

}

.ui.grey.ribbon.label {

  border-color: #805031 !important

}

.ui.basic.grey.label {

  background-color: #FFF !important;

  color: #767676 !important;

  border-color: #767676 !important

}

.ui.basic.grey.labels a.label:hover, a.ui.basic.grey.label:hover {

  background-color: #FFF !important;

  color: #838383 !important;

  border-color: #838383 !important

}

.ui.black.label, .ui.black.labels .label {

  background-color: #1B1C1D !important;

  border-color: #1B1C1D !important;

  color: #FFF !important

}

.ui.black.labels .label:hover, a.ui.black.label:hover {

  background-color: #27292a !important;

  border-color: #27292a !important;

  color: #FFF !important

}

.ui.black.corner.label, .ui.black.corner.label:hover {

  background-color: transparent !important

}

.ui.black.ribbon.label {

  border-color: #805031 !important

}

.ui.basic.black.label {

  background-color: #FFF !important;

  color: #1B1C1D !important;

  border-color: #1B1C1D !important

}

.ui.basic.black.labels a.label:hover, a.ui.basic.black.label:hover {

  background-color: #FFF !important;

  color: #27292a !important;

  border-color: #27292a !important

}

.ui.basic.label {

  background: #FFF;

  border: 1px solid rgba(34, 36, 38, .15);

  color: rgba(0, 0, 0, .87);

  box-shadow: none

}

a.ui.basic.label:hover {

  text-decoration: none;

  background: #FFF;

  color: #1e70bf;

  box-shadow: 1px solid rgba(34, 36, 38, .15);

  box-shadow: none

}

.ui.basic.pointing.label:before {

  border-color: inherit

}

.ui.fluid.labels > .label, .ui.label.fluid {

  width: 100%;

  box-sizing: border-box

}

.ui.inverted.label, .ui.inverted.labels .label {

  color: rgba(255, 255, 255, .9) !important

}

.ui.horizontal.label, .ui.horizontal.labels .label {

  margin: 0 .5em 0 0;

  padding: .4em .833em;

  min-width: 3em;

  text-align: center

}

.ui.circular.label, .ui.circular.labels .label {

  min-width: 2em;

  min-height: 2em;

  padding: .5em !important;

  line-height: 1em;

  text-align: center;

  border-radius: 500rem

}

.ui.empty.circular.label, .ui.empty.circular.labels .label {

  min-width: 0;

  min-height: 0;

  overflow: hidden;

  width: .5em;

  height: .5em;

  vertical-align: baseline

}

.ui.pointing.label {

  position: relative

}

.ui.attached.pointing.label {

  position: absolute

}

.ui.pointing.label:before {

  background-color: inherit;

  border-style: solid;

  border-color: inherit;

  position: absolute;

  content: '';

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  background-image: none;

  z-index: 2;

  width: .6666em;

  height: .6666em;

  -webkit-transition: background .1s ease;

  transition: background .1s ease

}

.ui.pointing.label, .ui[class*="pointing above"].label {

  margin-top: 1em

}

.ui.pointing.label:before, .ui[class*="pointing above"].label:before {

  border-width: 1px 0 0 1px;

  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);

  transform: translateX(-50%) translateY(-50%) rotate(45deg);

  top: 0;

  left: 50%

}

.ui[class*="bottom pointing"].label, .ui[class*="pointing below"].label {

  margin-top: 0;

  margin-bottom: 1em

}

.ui[class*="bottom pointing"].label:before, .ui[class*="pointing below"].label:before {

  border-width: 0 1px 1px 0;

  right: auto;

  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);

  transform: translateX(-50%) translateY(-50%) rotate(45deg);

  top: 100%;

  left: 50%

}

.ui[class*="left pointing"].label {

  margin-top: 0;

  margin-left: .6666em

}

.ui[class*="left pointing"].label:before {

  border-width: 0 0 1px 1px;

  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);

  transform: translateX(-50%) translateY(-50%) rotate(45deg);

  bottom: auto;

  right: auto;

  top: 50%;

  left: 0

}

.ui[class*="right pointing"].label {

  margin-top: 0;

  margin-right: .6666em

}

.ui[class*="right pointing"].label:before {

  border-width: 1px 1px 0 0;

  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);

  transform: translateX(50%) translateY(-50%) rotate(45deg);

  top: 50%;

  right: 0;

  bottom: auto;

  left: auto

}

.ui.basic.pointing.label:before, .ui.basic[class*="pointing above"].label:before {

  margin-top: -1px

}

.ui.basic[class*="bottom pointing"].label:before, .ui.basic[class*="pointing below"].label:before {

  bottom: auto;

  top: 100%;

  margin-top: 1px

}

.ui.basic[class*="left pointing"].label:before {

  top: 50%;

  left: -1px

}

.ui.basic[class*="right pointing"].label:before {

  top: 50%;

  right: -1px

}

.ui.floating.label {

  position: absolute;

  z-index: 100;

  top: -1em;

  left: 100%;

  margin: 0 0 0 -1.5em !important

}

.ui.mini.label, .ui.mini.labels .label {

  font-size: .64285714rem

}

.ui.tiny.label, .ui.tiny.labels .label {

  font-size: .71428571rem

}

.ui.small.label, .ui.small.labels .label {

  font-size: .78571429rem

}

.ui.label, .ui.labels .label {

  font-size: .85714286rem

}

.ui.large.label, .ui.large.labels .label {

  font-size: 1rem

}

.ui.big.label, .ui.big.labels .label {

  font-size: 1.28571429rem

}

.ui.huge.label, .ui.huge.labels .label {

  font-size: 1.42857143rem

}

.ui.massive.label, .ui.massive.labels .label {

  font-size: 1.71428571rem

}

.ui.list, ol.ui.list, ul.ui.list {

  list-style-type: none;

  margin: 1em 0;

  padding: 0

}

.ui.list:first-child, ol.ui.list:first-child, ul.ui.list:first-child {

  margin-top: 0;

  padding-top: 0

}

.ui.list:last-child, ol.ui.list:last-child, ul.ui.list:last-child {

  margin-bottom: 0;

  padding-bottom: 0

}

.ui.list .list > .item, .ui.list > .item, ol.ui.list li, ul.ui.list li {

  display: list-item;

  table-layout: fixed;

  list-style-type: none;

  list-style-position: outside;

  padding: .21428571em 0;

  line-height: 1.14285714em

}

.ui.list > .item:after, .ui.list > .list > .item, ol.ui.list > li:first-child:after, ul.ui.list > li:first-child:after {

  content: '';

  display: block;

  height: 0;

  clear: both;

  visibility: hidden

}

.ui.list .list > .item:first-child, .ui.list > .item:first-child, ol.ui.list li:first-child, ul.ui.list li:first-child {

  padding-top: 0

}

.ui.list .list > .item:last-child, .ui.list > .item:last-child, ol.ui.list li:last-child, ul.ui.list li:last-child {

  padding-bottom: 0

}

.ui.list .list, ol.ui.list ol, ul.ui.list ul {

  clear: both;

  margin: 0;

  padding: .75em 0 .25em .5em

}

.ui.list .list > .item, ol.ui.list ol li, ul.ui.list ul li {

  padding: .14285714em 0;

  line-height: inherit

}

.ui.list .list > .item > i.icon, .ui.list > .item > i.icon {

  display: table-cell;

  margin: 0;

  padding-top: .07142857em;

  padding-right: .28571429em;

  vertical-align: top;

  -webkit-transition: color .1s ease;

  transition: color .1s ease

}

.ui.list .list > .item > i.icon:only-child, .ui.list > .item > i.icon:only-child {

  display: inline-block;

  vertical-align: top

}

.ui.list .list > .item > .image, .ui.list > .item > .image {

  display: table-cell;

  background-color: transparent;

  margin: 0;

  vertical-align: top

}

.ui.list .list > .item > .image:not(:only-child):not(img), .ui.list > .item > .image:not(:only-child):not(img) {

  padding-right: .5em

}

.ui.list .list > .item > .image img, .ui.list > .item > .image img {

  vertical-align: top

}

.ui.list .list > .item > .image:only-child, .ui.list .list > .item > img.image, .ui.list > .item > .image:only-child, .ui.list > .item > img.image {

  display: inline-block

}

.ui.list .list > .item > .content, .ui.list > .item > .content {

  line-height: 1.14285714em

}

.ui.list .list > .item > .icon + .content, .ui.list .list > .item > .image + .content, .ui.list > .item > .icon + .content, .ui.list > .item > .image + .content {

  display: table-cell;

  padding: 0 0 0 .5em;

  vertical-align: top

}

.ui.list .list > .item > img.image + .content, .ui.list > .item > img.image + .content {

  display: inline-block

}

.ui.list .list > .item > .content > .list, .ui.list > .item > .content > .list {

  margin-left: 0;

  padding-left: 0

}

.ui.list .list > .item .header, .ui.list > .item .header {

  display: block;

  margin: 0;

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  font-weight: 700;

  color: rgba(0, 0, 0, .87)

}

.ui.list .list > .item .description, .ui.list > .item .description {

  display: block;

  color: rgba(0, 0, 0, .7)

}

.ui.list .list > .item a, .ui.list > .item a {

  cursor: pointer

}

.ui.list .list > a.item, .ui.list > a.item {

  cursor: pointer;

  color: #4183C4

}

.ui.list .list > a.item:hover, .ui.list > a.item:hover {

  color: #1e70bf

}

.ui.list .list > a.item i.icon, .ui.list > a.item i.icon {

  color: rgba(0, 0, 0, .4)

}

.ui.list .list > .item a.header, .ui.list > .item a.header {

  cursor: pointer;

  color: #4183C4 !important

}

.ui.list .list > .item a.header:hover, .ui.list > .item a.header:hover {

  color: #1e70bf !important

}

.ui[class*="left floated"].list {

  float: left

}

.ui[class*="right floated"].list {

  float: right

}

.ui.list .list > .item [class*="left floated"], .ui.list > .item [class*="left floated"] {

  float: left;

  margin: 0 1em 0 0

}

.ui.list .list > .item [class*="right floated"], .ui.list > .item [class*="right floated"] {

  float: right;

  margin: 0 0 0 1em

}

.ui.menu .ui.list .list > .item, .ui.menu .ui.list > .item {

  display: list-item;

  table-layout: fixed;

  background-color: transparent;

  list-style-type: none;

  list-style-position: outside;

  padding: .21428571em 0;

  line-height: 1.14285714em

}

.ui.menu .ui.list .list > .item:before, .ui.menu .ui.list > .item:before {

  border: none;

  background: 0 0

}

.ui.menu .ui.list .list > .item:first-child, .ui.menu .ui.list > .item:first-child {

  padding-top: 0

}

.ui.menu .ui.list .list > .item:last-child, .ui.menu .ui.list > .item:last-child {

  padding-bottom: 0

}

.ui.horizontal.list {

  display: inline-block;

  font-size: 0

}

.ui.horizontal.list > .item {

  display: inline-block;

  margin-left: 1em;

  font-size: 1rem

}

.ui.horizontal.list:not(.celled) > .item:first-child {

  margin-left: 0 !important;

  padding-left: 0 !important

}

.ui.horizontal.list .list {

  padding-left: 0;

  padding-bottom: 0

}

.ui.horizontal.list .list > .item > .content, .ui.horizontal.list .list > .item > .icon, .ui.horizontal.list .list > .item > .image, .ui.horizontal.list > .item > .content, .ui.horizontal.list > .item > .icon, .ui.horizontal.list > .item > .image {

  vertical-align: middle

}

.ui.horizontal.list > .item:first-child, .ui.horizontal.list > .item:last-child {

  padding-top: .21428571em;

  padding-bottom: .21428571em

}

.ui.horizontal.list > .item > i.icon {

  margin: 0;

  padding: 0 .25em 0 0

}

.ui.horizontal.list > .item > .icon, .ui.horizontal.list > .item > .icon + .content {

  float: none;

  display: inline-block

}

.ui.list .list > .disabled.item, .ui.list > .disabled.item {

  pointer-events: none;

  color: rgba(40, 40, 40, .3) !important

}

.ui.inverted.list .list > .disabled.item, .ui.inverted.list > .disabled.item {

  color: rgba(225, 225, 225, .3) !important

}

.ui.list .list > a.item:hover .icon, .ui.list > a.item:hover .icon {

  color: rgba(0, 0, 0, .87)

}

.ui.inverted.list .list > a.item > .icon, .ui.inverted.list > a.item > .icon {

  color: rgba(255, 255, 255, .7)

}

.ui.inverted.list .list > .item .header, .ui.inverted.list > .item .header {

  color: rgba(255, 255, 255, .9)

}

.ui.inverted.list .list > .item .description, .ui.inverted.list > .item .description {

  color: rgba(255, 255, 255, .7)

}

.ui.inverted.list .list > a.item, .ui.inverted.list > a.item {

  cursor: pointer;

  color: rgba(255, 255, 255, .9)

}

.ui.inverted.list .list > a.item:hover, .ui.inverted.list > a.item:hover {

  color: #1e70bf

}

.ui.inverted.list .item a:not(.ui) {

  color: rgba(255, 255, 255, .9) !important

}

.ui.inverted.list .item a:not(.ui):hover {

  color: #1e70bf !important

}

.ui.list [class*="top aligned"], .ui.list[class*="top aligned"] .content, .ui.list[class*="top aligned"] .image {

  vertical-align: top !important

}

.ui.list [class*="middle aligned"], .ui.list[class*="middle aligned"] .content, .ui.list[class*="middle aligned"] .image {

  vertical-align: middle !important

}

.ui.list [class*="bottom aligned"], .ui.list[class*="bottom aligned"] .content, .ui.list[class*="bottom aligned"] .image {

  vertical-align: bottom !important

}

.ui.link.list .item, .ui.link.list .item a:not(.ui), .ui.link.list a.item {

  color: rgba(0, 0, 0, .4);

  -webkit-transition: .1s color ease;

  transition: .1s color ease

}

.ui.link.list .item a:not(.ui):hover, .ui.link.list a.item:hover {

  color: rgba(0, 0, 0, .8)

}

.ui.link.list .item a:not(.ui):active, .ui.link.list a.item:active {

  color: rgba(0, 0, 0, .9)

}

.ui.link.list .active.item, .ui.link.list .active.item a:not(.ui) {

  color: rgba(0, 0, 0, .95)

}

.ui.inverted.link.list .item, .ui.inverted.link.list .item a:not(.ui), .ui.inverted.link.list a.item {

  color: rgba(255, 255, 255, .5)

}

.ui.inverted.link.list .active.item a:not(.ui), .ui.inverted.link.list .item a:not(.ui):active, .ui.inverted.link.list .item a:not(.ui):hover, .ui.inverted.link.list a.active.item, .ui.inverted.link.list a.item:active, .ui.inverted.link.list a.item:hover {

  color: #fff

}

.ui.selection.list .list > .item, .ui.selection.list > .item {

  cursor: pointer;

  background: 0 0;

  padding: .5em;

  margin: 0;

  color: rgba(0, 0, 0, .4);

  border-radius: .5em;

  -webkit-transition: .1s color ease, .1s padding-left ease, .1s background-color ease;

  transition: .1s color ease, .1s padding-left ease, .1s background-color ease

}

.ui.selection.list .list > .item:last-child, .ui.selection.list > .item:last-child {

  margin-bottom: 0

}

.ui.selection.list.list > .item:hover, .ui.selection.list > .item:hover {

  background: rgba(0, 0, 0, .03);

  color: rgba(0, 0, 0, .8)

}

.ui.selection.list .list > .item:active, .ui.selection.list > .item:active {

  background: rgba(0, 0, 0, .05);

  color: rgba(0, 0, 0, .9)

}

.ui.selection.list .list > .item.active, .ui.selection.list > .item.active {

  background: rgba(0, 0, 0, .05);

  color: rgba(0, 0, 0, .95)

}

.ui.inverted.selection.list > .item {

  background: 0 0;

  color: rgba(255, 255, 255, .5)

}

.ui.inverted.selection.list > .item:hover {

  background: rgba(255, 255, 255, .02);

  color: #fff

}

.ui.inverted.selection.list > .item.active, .ui.inverted.selection.list > .item:active {

  background: rgba(255, 255, 255, .08);

  color: #fff

}

.ui.celled.selection.list .list > .item, .ui.celled.selection.list > .item, .ui.divided.selection.list .list > .item, .ui.divided.selection.list > .item {

  border-radius: 0

}

.ui.animated.list > .item {

  -webkit-transition: .25s color ease .1s, .25s padding-left ease .1s, .25s background-color ease .1s;

  transition: .25s color ease .1s, .25s padding-left ease .1s, .25s background-color ease .1s

}

.ui.animated.list:not(.horizontal) > .item:hover {

  padding-left: 1em

}

.ui.fitted.list:not(.selection) .list > .item, .ui.fitted.list:not(.selection) > .item {

  padding-left: 0;

  padding-right: 0

}

.ui.fitted.selection.list .list > .item, .ui.fitted.selection.list > .item {

  margin-left: -.5em;

  margin-right: -.5em

}

.ui.bulleted.list, ul.ui.list {

  margin-left: 1.25rem

}

.ui.bulleted.list .list > .item, .ui.bulleted.list > .item, ul.ui.list li {

  position: relative

}

.ui.bulleted.list .list > .item:before, .ui.bulleted.list > .item:before, ul.ui.list li:before {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  pointer-events: none;

  position: absolute;

  top: auto;

  left: auto;

  font-weight: 400;

  margin-left: -1.25rem;

  content: '•';

  opacity: 1;

  color: inherit;

  vertical-align: top

}

.ui.bulleted.list .list > a.item:before, .ui.bulleted.list > a.item:before, ul.ui.list li:before {

  color: rgba(0, 0, 0, .87)

}

.ui.bulleted.list .list, ul.ui.list ul {

  padding-left: 1.25rem

}

.ui.horizontal.bulleted.list, ul.ui.horizontal.bulleted.list {

  margin-left: 0

}

.ui.horizontal.bulleted.list > .item, ul.ui.horizontal.bulleted.list li {

  margin-left: 1.75rem

}

.ui.horizontal.bulleted.list > .item:first-child, ul.ui.horizontal.bulleted.list li:first-child {

  margin-left: 0

}

.ui.horizontal.bulleted.list > .item::before, ul.ui.horizontal.bulleted.list li::before {

  color: rgba(0, 0, 0, .87)

}

.ui.horizontal.bulleted.list > .item:first-child::before, ul.ui.horizontal.bulleted.list li:first-child::before {

  display: none

}

.ui.ordered.list, .ui.ordered.list .list, ol.ui.list, ol.ui.list ol {

  counter-reset: ordered;

  margin-left: 1.25rem;

  list-style-type: none

}

.ui.ordered.list .list > .item, .ui.ordered.list > .item, ol.ui.list li {

  list-style-type: none;

  position: relative

}

.ui.ordered.list .list > .item:before, .ui.ordered.list > .item:before, ol.ui.list li:before {

  position: absolute;

  top: auto;

  left: auto;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  pointer-events: none;

  margin-left: -1.25rem;

  counter-increment: ordered;

  content: counters(ordered, ".") " ";

  text-align: right;

  color: rgba(0, 0, 0, .87);

  vertical-align: middle;

  opacity: .8

}

.ui.ordered.inverted.list .list > .item:before, .ui.ordered.inverted.list > .item:before, ol.ui.inverted.list li:before {

  color: rgba(255, 255, 255, .7)

}

.ui.ordered.list > .item[data-value], .ui.ordered.list > .list > .item[data-value] {

  content: attr(data-value)

}

ol.ui.list li[value]:before {

  content: attr(value)

}

.ui.ordered.list .list, ol.ui.list ol {

  margin-left: 1em

}

.ui.ordered.list .list > .item:before, ol.ui.list ol li:before {

  margin-left: -2em

}

.ui.ordered.horizontal.list, ol.ui.horizontal.list {

  margin-left: 0

}

.ui.ordered.horizontal.list .list > .item:before, .ui.ordered.horizontal.list > .item:before, ol.ui.horizontal.list li:before {

  position: static;

  margin: 0 .5em 0 0

}

.ui.divided.list > .item {

  border-top: 1px solid rgba(34, 36, 38, .15)

}

.ui.divided.list .item .list > .item, .ui.divided.list .list > .item, .ui.divided.list .list > .item:first-child, .ui.divided.list > .item:first-child {

  border-top: none

}

.ui.divided.list:not(.horizontal) .list > .item:first-child {

  border-top-width: 1px

}

.ui.divided.bulleted.list .list, .ui.divided.bulleted.list:not(.horizontal) {

  margin-left: 0;

  padding-left: 0

}

.ui.divided.bulleted.list > .item:not(.horizontal) {

  padding-left: 1.25rem

}

.ui.divided.ordered.list {

  margin-left: 0

}

.ui.divided.ordered.list .list > .item, .ui.divided.ordered.list > .item {

  padding-left: 1.25rem

}

.ui.divided.ordered.list .item .list {

  margin-left: 0;

  margin-right: 0;

  padding-bottom: .21428571em

}

.ui.divided.ordered.list .item .list > .item {

  padding-left: 1em

}

.ui.divided.selection.list .list > .item, .ui.divided.selection.list > .item {

  margin: 0;

  border-radius: 0

}

.ui.divided.horizontal.list {

  margin-left: 0

}

.ui.divided.horizontal.list > .item:not(:first-child) {

  padding-left: .5em

}

.ui.divided.horizontal.list > .item:not(:last-child) {

  padding-right: .5em

}

.ui.divided.horizontal.list > .item {

  border-top: none;

  border-left: 1px solid rgba(34, 36, 38, .15);

  margin: 0;

  line-height: .6

}

.ui.horizontal.divided.list > .item:first-child {

  border-left: none

}

.ui.divided.inverted.horizontal.list > .item, .ui.divided.inverted.list > .item, .ui.divided.inverted.list > .list {

  border-color: rgba(255, 255, 255, .1)

}

.ui.celled.list > .item, .ui.celled.list > .list {

  border-top: 1px solid rgba(34, 36, 38, .15);

  padding-left: .5em;

  padding-right: .5em

}

.ui.celled.list > .item:last-child {

  border-bottom: 1px solid rgba(34, 36, 38, .15)

}

.ui.celled.list > .item:first-child, .ui.celled.list > .item:last-child {

  padding-top: .21428571em;

  padding-bottom: .21428571em

}

.ui.celled.list .item .list > .item {

  border-width: 0

}

.ui.celled.list .list > .item:first-child {

  border-top-width: 0

}

.ui.celled.bulleted.list {

  margin-left: 0

}

.ui.celled.bulleted.list .list > .item, .ui.celled.bulleted.list > .item {

  padding-left: 1.25rem

}

.ui.celled.bulleted.list .item .list {

  margin-left: -1.25rem;

  margin-right: -1.25rem;

  padding-bottom: .21428571em

}

.ui.celled.ordered.list {

  margin-left: 0

}

.ui.celled.ordered.list .list > .item, .ui.celled.ordered.list > .item {

  padding-left: 1.25rem

}

.ui.celled.ordered.list .item .list {

  margin-left: 0;

  margin-right: 0;

  padding-bottom: .21428571em

}

.ui.celled.ordered.list .list > .item {

  padding-left: 1em

}

.ui.horizontal.celled.list {

  margin-left: 0

}

.ui.horizontal.celled.list .list > .item, .ui.horizontal.celled.list > .item {

  border-top: none;

  border-left: 1px solid rgba(34, 36, 38, .15);

  margin: 0;

  padding-left: .5em;

  padding-right: .5em;

  line-height: .6

}

.ui.horizontal.celled.list .list > .item:last-child, .ui.horizontal.celled.list > .item:last-child {

  border-bottom: none;

  border-right: 1px solid rgba(34, 36, 38, .15)

}

.ui.celled.inverted.horizontal.list .list > .item, .ui.celled.inverted.horizontal.list > .item, .ui.celled.inverted.list > .item, .ui.celled.inverted.list > .list {

  border-color: 1px solid rgba(255, 255, 255, .1)

}

.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {

  padding-top: .42857143em

}

.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {

  padding-bottom: .42857143em

}

.ui.horizontal.relaxed.list .list > .item:not(:first-child), .ui.horizontal.relaxed.list > .item:not(:first-child) {

  padding-left: 1rem

}

.ui.horizontal.relaxed.list .list > .item:not(:last-child), .ui.horizontal.relaxed.list > .item:not(:last-child) {

  padding-right: 1rem

}

.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {

  padding-top: .85714286em

}

.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {

  padding-bottom: .85714286em

}

.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child), .ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {

  padding-left: 1.5rem

}

.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child), .ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {

  padding-right: 1.5rem

}

.ui.mini.list {

  font-size: .78571429em

}

.ui.tiny.list {

  font-size: .85714286em

}

.ui.small.list {

  font-size: .92857143em

}

.ui.list {

  font-size: 1em

}

.ui.large.list {

  font-size: 1.14285714em

}

.ui.big.list {

  font-size: 1.28571429em

}

.ui.huge.list {

  font-size: 1.42857143em

}

.ui.massive.list {

  font-size: 1.71428571em

}

.ui.mini.horizontal.list .list > .item, .ui.mini.horizontal.list > .item {

  font-size: .78571429rem

}

.ui.tiny.horizontal.list .list > .item, .ui.tiny.horizontal.list > .item {

  font-size: .85714286rem

}

.ui.small.horizontal.list .list > .item, .ui.small.horizontal.list > .item {

  font-size: .92857143rem

}

.ui.horizontal.list .list > .item, .ui.horizontal.list > .item {

  font-size: 1rem

}

.ui.large.horizontal.list .list > .item, .ui.large.horizontal.list > .item {

  font-size: 1.14285714rem

}

.ui.big.horizontal.list .list > .item, .ui.big.horizontal.list > .item {

  font-size: 1.28571429rem

}

.ui.huge.horizontal.list .list > .item, .ui.huge.horizontal.list > .item {

  font-size: 1.42857143rem

}

.ui.massive.horizontal.list .list > .item, .ui.massive.horizontal.list > .item {

  font-size: 1.71428571rem

}

.ui.loader {

  display: none;

  position: absolute;

  top: 50%;

  left: 50%;

  margin: 0;

  text-align: center;

  z-index: 1000;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%)

}

.ui.loader:before {

  position: absolute;

  content: '';

  top: 0;

  left: 50%;

  border-radius: 500rem;

  border: .2em solid rgba(0, 0, 0, .1)

}

.ui.loader:after {

  position: absolute;

  content: '';

  top: 0;

  left: 50%;

  -webkit-animation: loader .6s linear;

  animation: loader .6s linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  border-radius: 500rem;

  border-color: #767676 transparent transparent;

  border-style: solid;

  border-width: .2em;

  box-shadow: 0 0 0 1px transparent

}

@-webkit-keyframes loader {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

@keyframes loader {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

.ui.mini.loader:after, .ui.mini.loader:before {

  width: 1rem;

  height: 1rem;

  margin: 0 0 0 -.5rem

}

.ui.tiny.loader:after, .ui.tiny.loader:before {

  width: 1.14285714rem;

  height: 1.14285714rem;

  margin: 0 0 0 -.57142857rem

}

.ui.small.loader:after, .ui.small.loader:before {

  width: 1.71428571rem;

  height: 1.71428571rem;

  margin: 0 0 0 -.85714286rem

}

.ui.loader:after, .ui.loader:before {

  width: 2.28571429rem;

  height: 2.28571429rem;

  margin: 0 0 0 -1.14285714rem

}

.ui.large.loader:after, .ui.large.loader:before {

  width: 3.42857143rem;

  height: 3.42857143rem;

  margin: 0 0 0 -1.71428571rem

}

.ui.big.loader:after, .ui.big.loader:before {

  width: 3.71428571rem;

  height: 3.71428571rem;

  margin: 0 0 0 -1.85714286rem

}

.ui.huge.loader:after, .ui.huge.loader:before {

  width: 4.14285714rem;

  height: 4.14285714rem;

  margin: 0 0 0 -2.07142857rem

}

.ui.massive.loader:after, .ui.massive.loader:before {

  width: 4.57142857rem;

  height: 4.57142857rem;

  margin: 0 0 0 -2.28571429rem

}

.ui.dimmer .loader {

  display: block

}

.ui.dimmer .ui.loader {

  color: rgba(255, 255, 255, .9)

}

.ui.dimmer .ui.loader:before {

  border-color: rgba(255, 255, 255, .15)

}

.ui.dimmer .ui.loader:after {

  border-color: #FFF transparent transparent

}

.ui.inverted.dimmer .ui.loader {

  color: rgba(0, 0, 0, .87)

}

.ui.inverted.dimmer .ui.loader:before {

  border-color: rgba(0, 0, 0, .1)

}

.ui.inverted.dimmer .ui.loader:after {

  border-color: #767676 transparent transparent

}

.ui.text.loader {

  width: auto !important;

  height: auto !important;

  text-align: center;

  font-style: normal

}

.ui.indeterminate.loader:after {

  -webkit-animation-direction: reverse;

  animation-direction: reverse;

  -webkit-animation-duration: 1.2s;

  animation-duration: 1.2s

}

.ui.loader.active, .ui.loader.visible {

  display: block

}

.ui.loader.disabled, .ui.loader.hidden {

  display: none

}

.ui.inverted.dimmer .ui.mini.loader, .ui.mini.loader {

  width: 1rem;

  height: 1rem;

  font-size: .78571429em

}

.ui.inverted.dimmer .ui.tiny.loader, .ui.tiny.loader {

  width: 1.14285714rem;

  height: 1.14285714rem;

  font-size: .85714286em

}

.ui.inverted.dimmer .ui.small.loader, .ui.small.loader {

  width: 1.71428571rem;

  height: 1.71428571rem;

  font-size: .92857143em

}

.ui.inverted.dimmer .ui.loader, .ui.loader {

  width: 2.28571429rem;

  height: 2.28571429rem;

  font-size: 1em

}

.ui.inverted.dimmer .ui.large.loader, .ui.large.loader {

  width: 3.42857143rem;

  height: 3.42857143rem;

  font-size: 1.14285714em

}

.ui.big.loader, .ui.inverted.dimmer .ui.big.loader {

  width: 3.71428571rem;

  height: 3.71428571rem;

  font-size: 1.28571429em

}

.ui.huge.loader, .ui.inverted.dimmer .ui.huge.loader {

  width: 4.14285714rem;

  height: 4.14285714rem;

  font-size: 1.42857143em

}

.ui.inverted.dimmer .ui.massive.loader, .ui.massive.loader {

  width: 4.57142857rem;

  height: 4.57142857rem;

  font-size: 1.71428571em

}

.ui.mini.text.loader {

  min-width: 1rem;

  padding-top: 1.78571429rem

}

.ui.tiny.text.loader {

  min-width: 1.14285714rem;

  padding-top: 1.92857143rem

}

.ui.small.text.loader {

  min-width: 1.71428571rem;

  padding-top: 2.5rem

}

.ui.text.loader {

  min-width: 2.28571429rem;

  padding-top: 3.07142857rem

}

.ui.large.text.loader {

  min-width: 3.42857143rem;

  padding-top: 4.21428571rem

}

.ui.big.text.loader {

  min-width: 3.71428571rem;

  padding-top: 4.5rem

}

.ui.huge.text.loader {

  min-width: 4.14285714rem;

  padding-top: 4.92857143rem

}

.ui.massive.text.loader {

  min-width: 4.57142857rem;

  padding-top: 5.35714286rem

}

.ui.inverted.loader {

  color: rgba(255, 255, 255, .9)

}

.ui.inverted.loader:before {

  border-color: rgba(255, 255, 255, .15)

}

.ui.inverted.loader:after {

  border-top-color: #FFF

}

.ui.inline.loader {

  position: relative;

  vertical-align: middle;

  margin: 0;

  left: 0;

  top: 0;

  -webkit-transform: none;

  transform: none

}

.ui.inline.loader.active, .ui.inline.loader.visible {

  display: inline-block

}

.ui.centered.inline.loader.active, .ui.centered.inline.loader.visible {

  display: block;

  margin-left: auto;

  margin-right: auto

}

.ui.rail {

  position: absolute;

  top: 0;

  width: 300px;

  height: 100%

}

.ui.left.rail {

  left: auto;

  right: 100%;

  padding: 0 2rem 0 0;

  margin: 0 2rem 0 0

}

.ui.right.rail {

  left: 100%;

  right: auto;

  padding: 0 0 0 2rem;

  margin: 0 0 0 2rem

}

.ui.left.internal.rail {

  left: 0;

  right: auto;

  padding: 0 0 0 2rem;

  margin: 0 0 0 2rem

}

.ui.right.internal.rail {

  left: auto;

  right: 0;

  padding: 0 2rem 0 0;

  margin: 0 2rem 0 0

}

.ui.dividing.rail {

  width: 302.5px

}

.ui.left.dividing.rail {

  padding: 0 2.5rem 0 0;

  margin: 0 2.5rem 0 0;

  border-right: 1px solid rgba(34, 36, 38, .15)

}

.ui.right.dividing.rail {

  border-left: 1px solid rgba(34, 36, 38, .15);

  padding: 0 0 0 2.5rem;

  margin: 0 0 0 2.5rem

}

.ui.close.rail {

  width: calc(300px + 1em)

}

.ui.close.left.rail {

  padding: 0 1em 0 0;

  margin: 0 1em 0 0

}

.ui.close.right.rail {

  padding: 0 0 0 1em;

  margin: 0 0 0 1em

}

.ui.very.close.rail {

  width: calc(300px + .5em)

}

.ui.very.close.left.rail {

  padding: 0 .5em 0 0;

  margin: 0 .5em 0 0

}

.ui.very.close.right.rail {

  padding: 0 0 0 .5em;

  margin: 0 0 0 .5em

}

.ui.attached.left.rail, .ui.attached.right.rail {

  padding: 0;

  margin: 0

}

.ui.mini.rail {

  font-size: .78571429rem

}

.ui.tiny.rail {

  font-size: .85714286rem

}

.ui.small.rail {

  font-size: .92857143rem

}

.ui.rail {

  font-size: 1rem

}

.ui.large.rail {

  font-size: 1.14285714rem

}

.ui.big.rail {

  font-size: 1.28571429rem

}

.ui.huge.rail {

  font-size: 1.42857143rem

}

.ui.massive.rail {

  font-size: 1.71428571rem

}

.ui.reveal {

  display: inherit;

  position: relative !important;

  font-size: 0 !important

}

.ui.reveal > .visible.content {

  position: absolute !important;

  top: 0 !important;

  left: 0 !important;

  z-index: 3 !important;

  -webkit-transition: all .5s ease .1s;

  transition: all .5s ease .1s

}

.ui.reveal > .hidden.content {

  position: relative !important;

  z-index: 2 !important

}

.ui.active.reveal .visible.content, .ui.reveal:hover .visible.content {

  z-index: 4 !important

}

.ui.slide.reveal {

  position: relative !important;

  overflow: hidden !important;

  white-space: nowrap

}

.ui.slide.reveal > .content {

  display: block;

  width: 100%;

  float: left;

  margin: 0;

  -webkit-transition: -webkit-transform .5s ease .1s;

  transition: -webkit-transform .5s ease .1s;

  transition: transform .5s ease .1s;

  transition: transform .5s ease .1s, -webkit-transform .5s ease .1s

}

.ui.slide.reveal > .visible.content {

  position: relative !important

}

.ui.slide.reveal > .hidden.content {

  position: absolute !important;

  left: 0 !important;

  width: 100% !important;

  -webkit-transform: translateX(100%) !important;

  transform: translateX(100%) !important

}

.ui.slide.active.reveal > .visible.content, .ui.slide.reveal:hover > .visible.content {

  -webkit-transform: translateX(-100%) !important;

  transform: translateX(-100%) !important

}

.ui.slide.active.reveal > .hidden.content, .ui.slide.reveal:hover > .hidden.content, .ui.slide.right.reveal > .visible.content {

  -webkit-transform: translateX(0) !important;

  transform: translateX(0) !important

}

.ui.slide.right.reveal > .hidden.content {

  -webkit-transform: translateX(-100%) !important;

  transform: translateX(-100%) !important

}

.ui.slide.right.active.reveal > .visible.content, .ui.slide.right.reveal:hover > .visible.content {

  -webkit-transform: translateX(100%) !important;

  transform: translateX(100%) !important

}

.ui.slide.right.active.reveal > .hidden.content, .ui.slide.right.reveal:hover > .hidden.content {

  -webkit-transform: translateX(0) !important;

  transform: translateX(0) !important

}

.ui.slide.up.reveal > .hidden.content {

  -webkit-transform: translateY(100%) !important;

  transform: translateY(100%) !important

}

.ui.slide.up.active.reveal > .visible.content, .ui.slide.up.reveal:hover > .visible.content {

  -webkit-transform: translateY(-100%) !important;

  transform: translateY(-100%) !important

}

.ui.slide.up.active.reveal > .hidden.content, .ui.slide.up.reveal:hover > .hidden.content {

  -webkit-transform: translateY(0) !important;

  transform: translateY(0) !important

}

.ui.slide.down.reveal > .hidden.content {

  -webkit-transform: translateY(-100%) !important;

  transform: translateY(-100%) !important

}

.ui.slide.down.active.reveal > .visible.content, .ui.slide.down.reveal:hover > .visible.content {

  -webkit-transform: translateY(100%) !important;

  transform: translateY(100%) !important

}

.ui.slide.down.active.reveal > .hidden.content, .ui.slide.down.reveal:hover > .hidden.content {

  -webkit-transform: translateY(0) !important;

  transform: translateY(0) !important

}

.ui.fade.reveal > .visible.content {

  opacity: 1

}

.ui.fade.active.reveal > .visible.content, .ui.fade.reveal:hover > .visible.content {

  opacity: 0

}

.ui.move.reveal {

  position: relative !important;

  overflow: hidden !important;

  white-space: nowrap

}

.ui.move.reveal > .content {

  display: block;

  float: left;

  margin: 0;

  -webkit-transition: -webkit-transform .5s cubic-bezier(.175, .885, .32, 1) .1s;

  transition: -webkit-transform .5s cubic-bezier(.175, .885, .32, 1) .1s;

  transition: transform .5s cubic-bezier(.175, .885, .32, 1) .1s;

  transition: transform .5s cubic-bezier(.175, .885, .32, 1) .1s, -webkit-transform .5s cubic-bezier(.175, .885, .32, 1) .1s

}

.ui.move.reveal > .visible.content {

  position: relative !important

}

.ui.move.reveal > .hidden.content {

  position: absolute !important;

  left: 0 !important;

  width: 100% !important

}

.ui.move.active.reveal > .visible.content, .ui.move.reveal:hover > .visible.content {

  -webkit-transform: translateX(-100%) !important;

  transform: translateX(-100%) !important

}

.ui.move.right.active.reveal > .visible.content, .ui.move.right.reveal:hover > .visible.content {

  -webkit-transform: translateX(100%) !important;

  transform: translateX(100%) !important

}

.ui.move.up.active.reveal > .visible.content, .ui.move.up.reveal:hover > .visible.content {

  -webkit-transform: translateY(-100%) !important;

  transform: translateY(-100%) !important

}

.ui.move.down.active.reveal > .visible.content, .ui.move.down.reveal:hover > .visible.content {

  -webkit-transform: translateY(100%) !important;

  transform: translateY(100%) !important

}

.ui.rotate.reveal > .visible.content {

  -webkit-transition-duration: .5s;

  transition-duration: .5s;

  -webkit-transform: rotate(0);

  transform: rotate(0)

}

.ui.rotate.reveal > .visible.content, .ui.rotate.right.reveal > .visible.content {

  -webkit-transform-origin: bottom right;

  transform-origin: bottom right

}

.ui.rotate.active.reveal > .visible.content, .ui.rotate.reveal:hover > .visible.content, .ui.rotate.right.active.reveal > .visible.content, .ui.rotate.right.reveal:hover > .visible.content {

  -webkit-transform: rotate(110deg);

  transform: rotate(110deg)

}

.ui.rotate.left.reveal > .visible.content {

  -webkit-transform-origin: bottom left;

  transform-origin: bottom left

}

.ui.rotate.left.active.reveal > .visible.content, .ui.rotate.left.reveal:hover > .visible.content {

  -webkit-transform: rotate(-110deg);

  transform: rotate(-110deg)

}

.ui.disabled.reveal:hover > .visible.visible.content {

  position: static !important;

  display: block !important;

  opacity: 1 !important;

  top: 0 !important;

  left: 0 !important;

  right: auto !important;

  bottom: auto !important;

  -webkit-transform: none !important;

  transform: none !important

}

.ui.disabled.reveal:hover > .hidden.hidden.content {

  display: none !important

}

.ui.visible.reveal {

  overflow: visible

}

.ui.instant.reveal > .content {

  -webkit-transition-delay: 0s !important;

  transition-delay: 0s !important

}

.ui.reveal > .content {

  font-size: 1rem !important

}

.ui.segment {

  position: relative;

  background: #FFF;

  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);

  margin: 1rem 0;

  padding: 1em;

  border-radius: .28571429rem;

  border: 1px solid rgba(34, 36, 38, .15)

}

.ui.segment:first-child {

  margin-top: 0

}

.ui.segment:last-child {

  margin-bottom: 0

}

.ui.vertical.segment {

  margin: 0;

  padding-left: 0;

  padding-right: 0;

  background: none;

  border-radius: 0;

  box-shadow: none;

  border: none;

  border-bottom: 1px solid rgba(34, 36, 38, .15)

}

.ui.vertical.segment:last-child {

  border-bottom: none

}

.ui.inverted.segment > .ui.header {

  color: #FFF

}

.ui[class*="bottom attached"].segment > [class*="top attached"].label {

  border-top-left-radius: 0;

  border-top-right-radius: 0

}

.ui[class*="top attached"].segment > [class*="bottom attached"].label {

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0

}

.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {

  border-top-left-radius: 0;

  border-top-right-radius: 0

}

.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0

}

.ui.grid > .row > .ui.segment.column, .ui.grid > .ui.segment.column, .ui.page.grid.segment {

  padding-top: 2em;

  padding-bottom: 2em

}

.ui.grid.segment {

  margin: 1rem 0;

  border-radius: .28571429rem

}

.ui.basic.table.segment {

  background: #FFF;

  border: 1px solid rgba(34, 36, 38, .15);

  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15)

}

.ui[class*="very basic"].table.segment {

  padding: 1em

}

.ui.piled.segment, .ui.piled.segments {

  margin: 3em 0;

  box-shadow: '';

  z-index: auto

}

.ui.piled.segment:first-child {

  margin-top: 0

}

.ui.piled.segment:last-child {

  margin-bottom: 0

}

.ui.piled.segment:after, .ui.piled.segment:before, .ui.piled.segments:after, .ui.piled.segments:before {

  background-color: #FFF;

  visibility: visible;

  content: '';

  display: block;

  height: 100%;

  left: 0;

  position: absolute;

  width: 100%;

  border: 1px solid rgba(34, 36, 38, .15);

  box-shadow: ''

}

.ui.piled.segment:before, .ui.piled.segments:before {

  -webkit-transform: rotate(-1.2deg);

  transform: rotate(-1.2deg);

  top: 0;

  z-index: -2

}

.ui.piled.segment:after, .ui.piled.segments:after {

  -webkit-transform: rotate(1.2deg);

  transform: rotate(1.2deg);

  top: 0;

  z-index: -1

}

.ui[class*="top attached"].piled.segment {

  margin-top: 3em;

  margin-bottom: 0

}

.ui.piled.segment[class*="top attached"]:first-child {

  margin-top: 0

}

.ui.piled.segment[class*="bottom attached"] {

  margin-top: 0;

  margin-bottom: 3em

}

.ui.piled.segment[class*="bottom attached"]:last-child {

  margin-bottom: 0

}

.ui.stacked.segment {

  padding-bottom: 1.4em

}

.ui.stacked.segment:after, .ui.stacked.segment:before, .ui.stacked.segments:after, .ui.stacked.segments:before {

  content: '';

  position: absolute;

  bottom: -3px;

  left: 0;

  border-top: 1px solid rgba(34, 36, 38, .15);

  background: rgba(0, 0, 0, .03);

  width: 100%;

  height: 6px;

  visibility: visible

}

.ui.stacked.segment:before, .ui.stacked.segments:before {

  display: none

}

.ui.tall.stacked.segment:before, .ui.tall.stacked.segments:before {

  display: block;

  bottom: 0

}

.ui.stacked.inverted.segment:after, .ui.stacked.inverted.segment:before, .ui.stacked.inverted.segments:after, .ui.stacked.inverted.segments:before {

  background-color: rgba(0, 0, 0, .03);

  border-top: 1px solid rgba(34, 36, 38, .35)

}

.ui.padded.segment {

  padding: 1.5em

}

.ui[class*="very padded"].segment {

  padding: 3em

}

.ui.compact.segment {

  display: table

}

.ui.compact.segments {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex

}

.ui.compact.segments .segment, .ui.segments .compact.segment {

  display: block;

  -webkit-box-flex: 0;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto

}

.ui.circular.segment {

  display: table-cell;

  padding: 2em;

  text-align: center;

  vertical-align: middle;

  border-radius: 500em

}

.ui.raised.segment, .ui.raised.segments {

  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15)

}

.ui.segments {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  position: relative;

  margin: 1rem 0;

  border: 1px solid rgba(34, 36, 38, .15);

  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);

  border-radius: .28571429rem

}

.ui.segments:first-child {

  margin-top: 0

}

.ui.segments:last-child {

  margin-bottom: 0

}

.ui.segments > .segment {

  top: 0;

  bottom: 0;

  border-radius: 0;

  margin: 0;

  width: auto;

  box-shadow: none;

  border: none;

  border-top: 1px solid rgba(34, 36, 38, .15)

}

.ui.segments:not(.horizontal) > .segment:first-child {

  border-top: none;

  margin-top: 0;

  bottom: 0;

  margin-bottom: 0;

  top: 0;

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.segments:not(.horizontal) > .segment:last-child {

  top: 0;

  bottom: 0;

  margin-top: 0;

  margin-bottom: 0;

  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), none;

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui.segments:not(.horizontal) > .segment:only-child {

  border-radius: .28571429rem

}

.ui.segments > .ui.segments {

  border-top: 1px solid rgba(34, 36, 38, .15);

  margin: 1rem

}

.ui.segments > .segments:first-child {

  border-top: none

}

.ui.segments > .segment + .segments:not(.horizontal) {

  margin-top: 0

}

.ui.horizontal.segments {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  padding: 0;

  background-color: #FFF;

  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);

  margin: 1rem 0;

  border-radius: .28571429rem;

  border: 1px solid rgba(34, 36, 38, .15)

}

.ui.segments > .horizontal.segments {

  margin: 0;

  background-color: transparent;

  border-radius: 0;

  border: none;

  box-shadow: none;

  border-top: 1px solid rgba(34, 36, 38, .15)

}

.ui.horizontal.segments > .segment {

  -webkit-box-flex: 1;

  flex: 1 1 auto;

  -ms-flex: 1 1 0px;

  margin: 0;

  min-width: 0;

  background-color: transparent;

  border-radius: 0;

  border: none;

  box-shadow: none;

  border-left: 1px solid rgba(34, 36, 38, .15)

}

.ui.segments > .horizontal.segments:first-child {

  border-top: none

}

.ui.horizontal.segments > .segment:first-child {

  border-left: none

}

.ui.disabled.segment {

  opacity: .45;

  color: rgba(40, 40, 40, .3)

}

.ui.loading.segment {

  position: relative;

  cursor: default;

  point-events: none;

  text-shadow: none !important;

  color: transparent !important;

  -webkit-transition: all 0s linear;

  transition: all 0s linear

}

.ui.loading.segment:before {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  background: rgba(255, 255, 255, .8);

  width: 100%;

  height: 100%;

  border-radius: .28571429rem;

  z-index: 100

}

.ui.loading.segment:after {

  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

  margin: -1.5em 0 0 -1.5em;

  width: 3em;

  height: 3em;

  -webkit-animation: segment-spin .6s linear;

  animation: segment-spin .6s linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  border-radius: 500rem;

  border-color: #767676 rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);

  border-style: solid;

  border-width: .2em;

  box-shadow: 0 0 0 1px transparent;

  visibility: visible;

  z-index: 101

}

@-webkit-keyframes segment-spin {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

@keyframes segment-spin {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

.ui.basic.segment {

  background: none;

  box-shadow: none;

  border: none;

  border-radius: 0

}

.ui.clearing.segment:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden

}

.ui.red.segment:not(.inverted) {

  border-top: 2px solid #DB2828

}

.ui.inverted.red.segment {

  background-color: #DB2828 !important;

  color: #FFF !important

}

.ui.orange.segment:not(.inverted) {

  border-top: 2px solid #F2711C

}

.ui.inverted.orange.segment {

  background-color: #F2711C !important;

  color: #FFF !important

}

.ui.yellow.segment:not(.inverted) {

  border-top: 2px solid #FBBD08

}

.ui.inverted.yellow.segment {

  background-color: #FBBD08 !important;

  color: #FFF !important

}

.ui.olive.segment:not(.inverted) {

  border-top: 2px solid #B5CC18

}

.ui.inverted.olive.segment {

  background-color: #B5CC18 !important;

  color: #FFF !important

}

.ui.green.segment:not(.inverted) {

  border-top: 2px solid #21BA45

}

.ui.inverted.green.segment {

  background-color: #21BA45 !important;

  color: #FFF !important

}

.ui.teal.segment:not(.inverted) {

  border-top: 2px solid #00B5AD

}

.ui.inverted.teal.segment {

  background-color: #00B5AD !important;

  color: #FFF !important

}

.ui.blue.segment:not(.inverted) {

  border-top: 2px solid #2185D0

}

.ui.inverted.blue.segment {

  background-color: #2185D0 !important;

  color: #FFF !important

}

.ui.violet.segment:not(.inverted) {

  border-top: 2px solid #6435C9

}

.ui.inverted.violet.segment {

  background-color: #6435C9 !important;

  color: #FFF !important

}

.ui.purple.segment:not(.inverted) {

  border-top: 2px solid #A333C8

}

.ui.inverted.purple.segment {

  background-color: #A333C8 !important;

  color: #FFF !important

}

.ui.pink.segment:not(.inverted) {

  border-top: 2px solid #E03997

}

.ui.inverted.pink.segment {

  background-color: #E03997 !important;

  color: #FFF !important

}

.ui.brown.segment:not(.inverted) {

  border-top: 2px solid #A5673F

}

.ui.inverted.brown.segment {

  background-color: #A5673F !important;

  color: #FFF !important

}

.ui.grey.segment:not(.inverted) {

  border-top: 2px solid #767676

}

.ui.inverted.grey.segment {

  background-color: #767676 !important;

  color: #FFF !important

}

.ui.black.segment:not(.inverted) {

  border-top: 2px solid #1B1C1D

}

.ui.inverted.black.segment {

  background-color: #1B1C1D !important;

  color: #FFF !important

}

.ui[class*="left aligned"].segment {

  text-align: left

}

.ui[class*="right aligned"].segment {

  text-align: right

}

.ui[class*="center aligned"].segment {

  text-align: center

}

.ui.floated.segment, .ui[class*="left floated"].segment {

  float: left;

  margin-right: 1em

}

.ui[class*="right floated"].segment {

  float: right;

  margin-left: 1em

}

.ui.inverted.segment {

  border: none;

  box-shadow: none

}

.ui.inverted.segment, .ui.primary.inverted.segment {

  background: #1B1C1D;

  color: rgba(255, 255, 255, .9)

}

.ui.inverted.segment .segment {

  color: rgba(0, 0, 0, .87)

}

.ui.inverted.segment .inverted.segment {

  color: rgba(255, 255, 255, .9)

}

.ui.inverted.attached.segment {

  border-color: #555

}

.ui.secondary.segment {

  background: #F3F4F5;

  color: rgba(0, 0, 0, .6)

}

.ui.secondary.inverted.segment {

  background: -webkit-linear-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .2) 100%) #4c4f52;

  background: linear-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .2) 100%) #4c4f52;

  color: rgba(255, 255, 255, .8)

}

.ui.tertiary.segment {

  background: #DCDDDE;

  color: rgba(0, 0, 0, .6)

}

.ui.tertiary.inverted.segment {

  background: -webkit-linear-gradient(rgba(255, 255, 255, .35) 0, rgba(255, 255, 255, .35) 100%) #717579;

  background: linear-gradient(rgba(255, 255, 255, .35) 0, rgba(255, 255, 255, .35) 100%) #717579;

  color: rgba(255, 255, 255, .8)

}

.ui.attached.segment {

  top: 0;

  bottom: 0;

  border-radius: 0;

  margin: 0 -1px;

  width: calc(100% + 2px);

  max-width: calc(100% + 2px);

  box-shadow: none;

  border: 1px solid #D4D4D5

}

.ui.attached:not(.message) + .ui.attached.segment:not(.top) {

  border-top: none

}

.ui[class*="top attached"].segment {

  bottom: 0;

  margin-bottom: 0;

  top: 0;

  margin-top: 1rem;

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.segment[class*="top attached"]:first-child {

  margin-top: 0

}

.ui.segment[class*="bottom attached"] {

  bottom: 0;

  margin-top: 0;

  top: 0;

  margin-bottom: 1rem;

  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), none;

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui.segment[class*="bottom attached"]:last-child {

  margin-bottom: 0

}

.ui.mini.segment, .ui.mini.segments .segment {

  font-size: .78571429rem

}

.ui.tiny.segment, .ui.tiny.segments .segment {

  font-size: .85714286rem

}

.ui.small.segment, .ui.small.segments .segment {

  font-size: .92857143rem

}

.ui.segment, .ui.segments .segment {

  font-size: 1rem

}

.ui.large.segment, .ui.large.segments .segment {

  font-size: 1.14285714rem

}

.ui.big.segment, .ui.big.segments .segment {

  font-size: 1.28571429rem

}

.ui.huge.segment, .ui.huge.segments .segment {

  font-size: 1.42857143rem

}

.ui.massive.segment, .ui.massive.segments .segment {

  font-size: 1.71428571rem

}

.ui.steps {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  margin: 1em 0;

  background: 0 0;

  box-shadow: none;

  line-height: 1.14285714em;

  border-radius: .28571429rem;

  border: 1px solid rgba(34, 36, 38, .15)

}

.ui.steps:first-child {

  margin-top: 0

}

.ui.steps:last-child {

  margin-bottom: 0

}

.ui.steps .step {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -ms-flex: 1 0 auto;

  flex: 1 0 auto;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  vertical-align: middle;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin: 0;

  padding: 1.14285714em 2em;

  background: #FFF;

  color: rgba(0, 0, 0, .87);

  box-shadow: none;

  border-radius: 0;

  border: none;

  border-right: 1px solid rgba(34, 36, 38, .15);

  -webkit-transition: background-color .1s ease, opacity .1s ease, color .1s ease, box-shadow .1s ease;

  transition: background-color .1s ease, opacity .1s ease, color .1s ease, box-shadow .1s ease

}

.ui.steps .step:after {

  position: absolute;

  z-index: 2;

  content: '';

  top: 50%;

  right: 0;

  border: solid;

  background-color: #FFF;

  width: 1.14285714em;

  height: 1.14285714em;

  border-color: rgba(34, 36, 38, .15);

  border-width: 0 1px 1px 0;

  -webkit-transition: background-color .1s ease, opacity .1s ease, color .1s ease, box-shadow .1s ease;

  transition: background-color .1s ease, opacity .1s ease, color .1s ease, box-shadow .1s ease;

  -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);

  transform: translateY(-50%) translateX(50%) rotate(-45deg)

}

.ui.steps .step:first-child {

  padding-left: 2em;

  border-radius: .28571429rem 0 0 .28571429rem

}

.ui.steps .step:last-child {

  border-radius: 0 .28571429rem .28571429rem 0;

  border-right: none;

  margin-right: 0

}

.ui.steps .step:only-child {

  border-radius: .28571429rem

}

.ui.steps .step .title {

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  font-size: 1.14285714em;

  font-weight: 700

}

.ui.steps .step > .title {

  width: 100%

}

.ui.steps .step .description {

  font-weight: 400;

  font-size: .92857143em;

  color: rgba(0, 0, 0, .87)

}

.ui.steps .step > .description {

  width: 100%

}

.ui.steps .step .title ~ .description {

  margin-top: .25em

}

.ui.steps .step > .icon {

  line-height: 1;

  font-size: 2.5em;

  margin: 0 1rem 0 0

}

.ui.steps .step > .icon, .ui.steps .step > .icon ~ .content {

  display: block;

  -webkit-box-flex: 0;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  -ms-flex-item-align: middle;

  -ms-grid-row-align: middle;

  align-self: middle

}

.ui.steps .step > .icon ~ .content {

  -webkit-box-flex: 1 0 auto;

  -ms-flex-positive: 1 0 auto;

  flex-grow: 1 0 auto

}

.ui.steps:not(.vertical) .step > .icon {

  width: auto

}

.ui.steps .link.step, .ui.steps a.step {

  cursor: pointer

}

.ui.ordered.steps {

  counter-reset: ordered

}

.ui.ordered.steps .step:before {

  display: block;

  position: static;

  text-align: center;

  content: counters(ordered, ".");

  -ms-flex-item-align: middle;

  -ms-grid-row-align: middle;

  align-self: middle;

  margin-right: 1rem;

  font-size: 2.5em;

  counter-increment: ordered;

  font-family: inherit;

  font-weight: 700

}

.ui.ordered.steps .step > * {

  display: block;

  -ms-flex-item-align: middle;

  -ms-grid-row-align: middle;

  align-self: middle

}

.ui.vertical.steps {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  overflow: visible

}

.ui.vertical.steps .step {

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  border-radius: 0;

  padding: 1.14285714em 2em;

  border-right: none;

  border-bottom: 1px solid rgba(34, 36, 38, .15)

}

.ui.vertical.steps .step:first-child {

  padding: 1.14285714em 2em;

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.vertical.steps .step:last-child {

  border-bottom: none;

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui.vertical.steps .step:only-child {

  border-radius: .28571429rem

}

.ui.vertical.steps .step:after {

  top: 50%;

  right: 0;

  border-width: 0 1px 1px 0;

  display: none

}

.ui.vertical.steps .active.step:after {

  display: block

}

.ui.vertical.steps .step:last-child:after {

  display: none

}

.ui.vertical.steps .active.step:last-child:after {

  display: block

}

@media only screen and (max-width:767px) {

  .ui.steps {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    overflow: visible;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

  }

  .ui.steps .step {

    width: 100% !important;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    border-radius: 0;

    padding: 1.14285714em 2em

  }

  .ui.steps .step:first-child {

    padding: 1.14285714em 2em;

    border-radius: .28571429rem .28571429rem 0 0

  }

  .ui.steps .step:last-child {

    border-radius: 0 0 .28571429rem .28571429rem

  }

  .ui.steps .step:after {

    display: none !important

  }

  .ui.steps .step .content {

    text-align: center

  }

  .ui.ordered.steps .step:before, .ui.steps .step > .icon {

    margin: 0 0 1rem

  }

}

.ui.steps .link.step:hover, .ui.steps .link.step:hover::after, .ui.steps a.step:hover, .ui.steps a.step:hover::after {

  background: #F9FAFB;

  color: rgba(0, 0, 0, .8)

}

.ui.steps .link.step:active, .ui.steps .link.step:active::after, .ui.steps a.step:active, .ui.steps a.step:active::after {

  background: #F3F4F5;

  color: rgba(0, 0, 0, .9)

}

.ui.steps .step.active {

  cursor: auto;

  background: #F3F4F5

}

.ui.steps .step.active:after {

  background: #F3F4F5

}

.ui.steps .step.active .title {

  color: #4183C4

}

.ui.ordered.steps .step.active:before, .ui.steps .active.step .icon {

  color: rgba(0, 0, 0, .85)

}

.ui.steps .active.step:after, .ui.steps .step:after {

  display: block

}

.ui.steps .active.step:last-child:after, .ui.steps .step:last-child:after {

  display: none

}

.ui.steps .link.active.step:hover, .ui.steps .link.active.step:hover::after, .ui.steps a.active.step:hover, .ui.steps a.active.step:hover::after {

  cursor: pointer;

  background: #DCDDDE;

  color: rgba(0, 0, 0, .87)

}

.ui.ordered.steps .step.completed:before, .ui.steps .step.completed > .icon:before {

  color: #21BA45;

  font-family: Step;

  content: '\e800'

}

.ui.steps .disabled.step {

  cursor: auto;

  background: #FFF;

  pointer-events: none

}

.ui.steps .disabled.step, .ui.steps .disabled.step .description, .ui.steps .disabled.step .title {

  color: rgba(40, 40, 40, .3)

}

.ui.steps .disabled.step:after {

  background: #FFF

}

@media only screen and (max-width:991px) {

  .ui[class*="tablet stackable"].steps {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    overflow: visible;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

  }

  .ui[class*="tablet stackable"].steps .step {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    border-radius: 0;

    padding: 1.14285714em 2em

  }

  .ui[class*="tablet stackable"].steps .step:first-child {

    padding: 1.14285714em 2em;

    border-radius: .28571429rem .28571429rem 0 0

  }

  .ui[class*="tablet stackable"].steps .step:last-child {

    border-radius: 0 0 .28571429rem .28571429rem

  }

  .ui[class*="tablet stackable"].steps .step:after {

    display: none !important

  }

  .ui[class*="tablet stackable"].steps .step .content {

    text-align: center

  }

  .ui[class*="tablet stackable"].ordered.steps .step:before, .ui[class*="tablet stackable"].steps .step > .icon {

    margin: 0 0 1rem

  }

}

.ui.fluid.steps {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%

}

.ui.attached.steps {

  width: calc(100% + 2px) !important;

  margin: 0 -1px;

  max-width: calc(100% + 2px);

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.attached.steps .step:first-child {

  border-radius: .28571429rem 0 0

}

.ui.attached.steps .step:last-child {

  border-radius: 0 .28571429rem 0 0

}

.ui.bottom.attached.steps {

  margin: 0 -1px;

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui.bottom.attached.steps .step:first-child {

  border-radius: 0 0 0 .28571429rem

}

.ui.bottom.attached.steps .step:last-child {

  border-radius: 0 0 .28571429rem

}

.ui.eight.steps, .ui.five.steps, .ui.four.steps, .ui.one.steps, .ui.seven.steps, .ui.six.steps, .ui.three.steps, .ui.two.steps {

  width: 100%

}

.ui.eight.steps > .step, .ui.five.steps > .step, .ui.four.steps > .step, .ui.one.steps > .step, .ui.seven.steps > .step, .ui.six.steps > .step, .ui.three.steps > .step, .ui.two.steps > .step {

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap

}

.ui.one.steps > .step {

  width: 100%

}

.ui.two.steps > .step {

  width: 50%

}

.ui.three.steps > .step {

  width: 33.333%

}

.ui.four.steps > .step {

  width: 25%

}

.ui.five.steps > .step {

  width: 20%

}

.ui.six.steps > .step {

  width: 16.666%

}

.ui.seven.steps > .step {

  width: 14.285%

}

.ui.eight.steps > .step {

  width: 12.5%

}

.ui.mini.step, .ui.mini.steps .step {

  font-size: .78571429rem

}

.ui.tiny.step, .ui.tiny.steps .step {

  font-size: .85714286rem

}

.ui.small.step, .ui.small.steps .step {

  font-size: .92857143rem

}

.ui.step, .ui.steps .step {

  font-size: 1rem

}

.ui.large.step, .ui.large.steps .step {

  font-size: 1.14285714rem

}

.ui.big.step, .ui.big.steps .step {

  font-size: 1.28571429rem

}

.ui.huge.step, .ui.huge.steps .step {

  font-size: 1.42857143rem

}

.ui.massive.step, .ui.massive.steps .step {

  font-size: 1.71428571rem

}

@font-face {

  font-family: Step;

  src: url(data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format('woff')

}

.ui.breadcrumb {

  line-height: 1;

  display: inline-block;

  margin: 0;

  vertical-align: middle

}

.ui.breadcrumb:first-child {

  margin-top: 0

}

.ui.breadcrumb:last-child {

  margin-bottom: 0

}

.ui.breadcrumb .divider {

  display: inline-block;

  opacity: .7;

  margin: 0 .21428571rem;

  font-size: .92857143em;

  color: rgba(0, 0, 0, .4);

  vertical-align: baseline

}

.ui.breadcrumb a {

  color: #4183C4

}

.ui.breadcrumb a:hover {

  color: #1e70bf

}

.ui.breadcrumb .icon.divider {

  font-size: .85714286em;

  vertical-align: baseline

}

.ui.breadcrumb a.section {

  cursor: pointer

}

.ui.breadcrumb .section {

  display: inline-block;

  margin: 0;

  padding: 0

}

.ui.breadcrumb.segment {

  display: inline-block;

  padding: .78571429em 1em

}

.ui.breadcrumb .active.section {

  font-weight: 700

}

.ui.mini.breadcrumb {

  font-size: .78571429rem

}

.ui.tiny.breadcrumb {

  font-size: .85714286rem

}

.ui.small.breadcrumb {

  font-size: .92857143rem

}

.ui.breadcrumb {

  font-size: 1rem

}

.ui.large.breadcrumb {

  font-size: 1.14285714rem

}

.ui.big.breadcrumb {

  font-size: 1.28571429rem

}

.ui.huge.breadcrumb {

  font-size: 1.42857143rem

}

.ui.massive.breadcrumb {

  font-size: 1.71428571rem

}

.ui.form {

  position: relative;

  max-width: 100%

}

.ui.form > p {

  margin: 1em 0

}

.ui.form .field {

  clear: both;

  margin: 0 0 1em

}

.ui.form .field:last-child, .ui.form .fields:last-child .field {

  margin-bottom: 0

}

.ui.form .fields .field {

  clear: both;

  margin: 0

}

.ui.form .field > label {

  display: block;

  margin: 0 0 .28571429rem;

  color: rgba(0, 0, 0, .87);

  font-size: .92857143em;

  font-weight: 700;

  text-transform: none

}

.ui.form input:not([type]), .ui.form input[type=text], .ui.form input[type=email], .ui.form input[type=search], .ui.form input[type=password], .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=tel], .ui.form input[type=time], .ui.form input[type=url], .ui.form input[type=number], .ui.form textarea {

  width: 100%;

  vertical-align: top

}

.ui.form ::-webkit-datetime-edit, .ui.form ::-webkit-inner-spin-button {

  height: 1.2142em

}

.ui.form input:not([type]), .ui.form input[type=text], .ui.form input[type=email], .ui.form input[type=search], .ui.form input[type=password], .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=tel], .ui.form input[type=time], .ui.form input[type=url], .ui.form input[type=number] {

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  margin: 0;

  outline: 0;

  -webkit-appearance: none;

  tap-highlight-color: rgba(255, 255, 255, 0);

  line-height: 1.2142em;

  padding: .67861429em 1em;

  font-size: 1em;

  background: #FFF;

  border: 1px solid rgba(34, 36, 38, .15);

  color: rgba(0, 0, 0, .87);

  border-radius: .28571429rem;

  box-shadow: 0 0 0 0 transparent inset;

  -webkit-transition: color .1s ease, border-color .1s ease;

  transition: color .1s ease, border-color .1s ease

}

.ui.form textarea {

  margin: 0;

  -webkit-appearance: none;

  tap-highlight-color: rgba(255, 255, 255, 0);

  padding: .78571429em 1em;

  background: #FFF;

  border: 1px solid rgba(34, 36, 38, .15);

  outline: 0;

  color: rgba(0, 0, 0, .87);

  border-radius: .28571429rem;

  box-shadow: 0 0 0 0 transparent inset;

  -webkit-transition: color .1s ease, border-color .1s ease;

  transition: color .1s ease, border-color .1s ease;

  font-size: 1em;

  line-height: 1.2857;

  resize: vertical

}

.ui.form textarea:not([rows]) {

  height: 12em;

  min-height: 8em;

  max-height: 24em

}

.ui.form input[type=checkbox], .ui.form textarea {

  vertical-align: top

}

.ui.form input.attached {

  width: auto

}

.ui.form select {

  display: block;

  height: auto;

  width: 100%;

  background: #FFF;

  border: 1px solid rgba(34, 36, 38, .15);

  border-radius: .28571429rem;

  box-shadow: 0 0 0 0 transparent inset;

  padding: .62em 1em;

  color: rgba(0, 0, 0, .87);

  -webkit-transition: color .1s ease, border-color .1s ease;

  transition: color .1s ease, border-color .1s ease

}

.ui.form .field > .selection.dropdown {

  width: 100%

}

.ui.form .field > .selection.dropdown > .dropdown.icon {

  float: right

}

.ui.form .inline.field > .selection.dropdown, .ui.form .inline.fields .field > .selection.dropdown {

  width: auto

}

.ui.form .inline.field > .selection.dropdown > .dropdown.icon, .ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon {

  float: none

}

.ui.form .field .ui.input, .ui.form .fields .field .ui.input, .ui.form .wide.field .ui.input {

  width: 100%

}

.ui.form .inline.field:not(.wide) .ui.input, .ui.form .inline.fields .field:not(.wide) .ui.input {

  width: auto;

  vertical-align: middle

}

.ui.form .field .ui.input input, .ui.form .fields .field .ui.input input {

  width: auto

}

.ui.form .eight.fields .ui.input input, .ui.form .five.fields .ui.input input, .ui.form .four.fields .ui.input input, .ui.form .nine.fields .ui.input input, .ui.form .seven.fields .ui.input input, .ui.form .six.fields .ui.input input, .ui.form .ten.fields .ui.input input, .ui.form .three.fields .ui.input input, .ui.form .two.fields .ui.input input, .ui.form .wide.field .ui.input input {

  -webkit-box-flex: 1;

  -ms-flex: 1 0 auto;

  flex: 1 0 auto;

  width: 0

}

.ui.form .error.message, .ui.form .success.message, .ui.form .warning.message {

  display: none

}

.ui.form .message:first-child {

  margin-top: 0

}

.ui.form .field .prompt.label {

  white-space: normal;

  background: #FFF !important;

  border: 1px solid #E0B4B4 !important;

  color: #9F3A38 !important

}

.ui.form .inline.field .prompt, .ui.form .inline.fields .field .prompt {

  vertical-align: top;

  margin: -.25em 0 -.5em .5em

}

.ui.form .inline.field .prompt:before, .ui.form .inline.fields .field .prompt:before {

  border-width: 0 0 1px 1px;

  bottom: auto;

  right: auto;

  top: 50%;

  left: 0

}

.ui.form .field.field input:-webkit-autofill {

  box-shadow: 0 0 0 100px ivory inset !important;

  border-color: #E5DFA1 !important

}

.ui.form .field.field input:-webkit-autofill:focus {

  box-shadow: 0 0 0 100px ivory inset !important;

  border-color: #D5C315 !important

}

.ui.form .error.error input:-webkit-autofill {

  box-shadow: 0 0 0 100px #FFFAF0 inset !important;

  border-color: #E0B4B4 !important

}

.ui.form ::-webkit-input-placeholder {

  color: rgba(191, 191, 191, .87)

}

.ui.form :-ms-input-placeholder {

  color: rgba(191, 191, 191, .87)

}

.ui.form ::-moz-placeholder {

  color: rgba(191, 191, 191, .87)

}

.ui.form :focus::-webkit-input-placeholder {

  color: rgba(115, 115, 115, .87)

}

.ui.form :focus:-ms-input-placeholder {

  color: rgba(115, 115, 115, .87)

}

.ui.form :focus::-moz-placeholder {

  color: rgba(115, 115, 115, .87)

}

.ui.form .error ::-webkit-input-placeholder {

  color: #e7bdbc

}

.ui.form .error :-ms-input-placeholder {

  color: #e7bdbc !important

}

.ui.form .error ::-moz-placeholder {

  color: #e7bdbc

}

.ui.form .error :focus::-webkit-input-placeholder {

  color: #da9796

}

.ui.form .error :focus:-ms-input-placeholder {

  color: #da9796 !important

}

.ui.form .error :focus::-moz-placeholder {

  color: #da9796

}

.ui.form input:not([type]):focus, .ui.form input[type=text]:focus, .ui.form input[type=email]:focus, .ui.form input[type=search]:focus, .ui.form input[type=password]:focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus, .ui.form input[type=number]:focus {

  color: rgba(0, 0, 0, .95);

  border-color: #85B7D9;

  border-radius: .28571429rem;

  background: #FFF;

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .35) inset

}

.ui.form textarea:focus {

  color: rgba(0, 0, 0, .95);

  border-color: #85B7D9;

  border-radius: .28571429rem;

  background: #FFF;

  box-shadow: 0 0 0 0 rgba(34, 36, 38, .35) inset;

  -webkit-appearance: none

}

.ui.form.success .success.message:not(:empty) {

  display: block

}

.ui.form.success .compact.success.message:not(:empty) {

  display: inline-block

}

.ui.form.success .icon.success.message:not(:empty) {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex

}

.ui.form.warning .warning.message:not(:empty) {

  display: block

}

.ui.form.warning .compact.warning.message:not(:empty) {

  display: inline-block

}

.ui.form.warning .icon.warning.message:not(:empty) {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex

}

.ui.form.error .error.message:not(:empty) {

  display: block

}

.ui.form.error .compact.error.message:not(:empty) {

  display: inline-block

}

.ui.form.error .icon.error.message:not(:empty) {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex

}

.ui.form .field.error .input, .ui.form .field.error label, .ui.form .fields.error .field .input, .ui.form .fields.error .field label {

  color: #9F3A38

}

.ui.form .field.error .corner.label, .ui.form .fields.error .field .corner.label {

  border-color: #9F3A38;

  color: #FFF

}

.ui.form .field.error input:not([type]), .ui.form .field.error input[type=text], .ui.form .field.error input[type=email], .ui.form .field.error input[type=search], .ui.form .field.error input[type=password], .ui.form .field.error input[type=date], .ui.form .field.error input[type=datetime-local], .ui.form .field.error input[type=tel], .ui.form .field.error input[type=time], .ui.form .field.error input[type=url], .ui.form .field.error input[type=number], .ui.form .field.error select, .ui.form .field.error textarea, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type=text], .ui.form .fields.error .field input[type=email], .ui.form .fields.error .field input[type=search], .ui.form .fields.error .field input[type=password], .ui.form .fields.error .field input[type=date], .ui.form .fields.error .field input[type=datetime-local], .ui.form .fields.error .field input[type=tel], .ui.form .fields.error .field input[type=time], .ui.form .fields.error .field input[type=url], .ui.form .fields.error .field input[type=number], .ui.form .fields.error .field select, .ui.form .fields.error .field textarea {

  background: #FFF6F6;

  border-color: #E0B4B4;

  color: #9F3A38;

  border-radius: '';

  box-shadow: none

}

.ui.form .field.error input:not([type]):focus, .ui.form .field.error input[type=text]:focus, .ui.form .field.error input[type=email]:focus, .ui.form .field.error input[type=search]:focus, .ui.form .field.error input[type=password]:focus, .ui.form .field.error input[type=date]:focus, .ui.form .field.error input[type=datetime-local]:focus, .ui.form .field.error input[type=tel]:focus, .ui.form .field.error input[type=time]:focus, .ui.form .field.error input[type=url]:focus, .ui.form .field.error input[type=number]:focus, .ui.form .field.error select:focus, .ui.form .field.error textarea:focus {

  background: #FFF6F6;

  border-color: #E0B4B4;

  color: #9F3A38;

  -webkit-appearance: none;

  box-shadow: none

}

.ui.form .field.error select {

  -webkit-appearance: menulist-button

}

.ui.form .field.error .ui.dropdown, .ui.form .field.error .ui.dropdown .item, .ui.form .field.error .ui.dropdown .text, .ui.form .fields.error .field .ui.dropdown, .ui.form .fields.error .field .ui.dropdown .item {

  background: #FFF6F6;

  color: #9F3A38

}

.ui.form .field.error .ui.dropdown, .ui.form .field.error .ui.dropdown:hover, .ui.form .fields.error .field .ui.dropdown, .ui.form .fields.error .field .ui.dropdown:hover {

  border-color: #E0B4B4 !important

}

.ui.form .field.error .ui.dropdown:hover .menu, .ui.form .fields.error .field .ui.dropdown:hover .menu {

  border-color: #E0B4B4

}

.ui.form .field.error .ui.multiple.selection.dropdown > .label, .ui.form .fields.error .field .ui.multiple.selection.dropdown > .label {

  background-color: #EACBCB;

  color: #9F3A38

}

.ui.form .field.error .ui.dropdown .menu .item:hover, .ui.form .field.error .ui.dropdown .menu .selected.item, .ui.form .fields.error .field .ui.dropdown .menu .item:hover, .ui.form .fields.error .field .ui.dropdown .menu .selected.item {

  background-color: #FBE7E7

}

.ui.form .field.error .ui.dropdown .menu .active.item, .ui.form .fields.error .field .ui.dropdown .menu .active.item {

  background-color: #FDCFCF !important

}

.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label {

  color: #9F3A38

}

.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before {

  background: #FFF6F6;

  border-color: #E0B4B4

}

.ui.form .field.error .checkbox .box:after, .ui.form .field.error .checkbox label:after, .ui.form .fields.error .field .checkbox .box:after, .ui.form .fields.error .field .checkbox label:after {

  color: #9F3A38

}

.ui.form .disabled.field, .ui.form .disabled.fields .field, .ui.form .field :disabled {

  pointer-events: none;

  opacity: .45

}

.ui.form .field.disabled label {

  opacity: .45

}

.ui.form .field.disabled :disabled {

  opacity: 1

}

.ui.loading.form {

  position: relative;

  cursor: default;

  point-events: none

}

.ui.loading.form:before {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  background: rgba(255, 255, 255, .8);

  width: 100%;

  height: 100%;

  z-index: 100

}

.ui.loading.form:after {

  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

  margin: -1.5em 0 0 -1.5em;

  width: 3em;

  height: 3em;

  -webkit-animation: form-spin .6s linear;

  animation: form-spin .6s linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  border-radius: 500rem;

  border-color: #767676 rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);

  border-style: solid;

  border-width: .2em;

  box-shadow: 0 0 0 1px transparent;

  visibility: visible;

  z-index: 101

}

@-webkit-keyframes form-spin {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

@keyframes form-spin {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

.ui.form .required.field > .checkbox:after, .ui.form .required.field > label:after, .ui.form .required.fields.grouped > label:after, .ui.form .required.fields:not(.grouped) > .field > .checkbox:after, .ui.form .required.fields:not(.grouped) > .field > label:after {

  margin: -.2em 0 0 .2em;

  content: '*';

  color: #DB2828

}

.ui.form .required.field > label:after, .ui.form .required.fields.grouped > label:after, .ui.form .required.fields:not(.grouped) > .field > label:after {

  display: inline-block;

  vertical-align: top

}

.ui.form .required.field > .checkbox:after, .ui.form .required.fields:not(.grouped) > .field > .checkbox:after {

  position: absolute;

  top: 0;

  left: 100%

}

.ui.form .inverted.segment .ui.checkbox .box, .ui.form .inverted.segment .ui.checkbox label, .ui.form .inverted.segment label, .ui.inverted.form .inline.field > label, .ui.inverted.form .inline.field > p, .ui.inverted.form .inline.fields .field > label, .ui.inverted.form .inline.fields .field > p, .ui.inverted.form .inline.fields > label, .ui.inverted.form .ui.checkbox .box, .ui.inverted.form .ui.checkbox label, .ui.inverted.form label {

  color: rgba(255, 255, 255, .9)

}

.ui.inverted.form input:not([type]), .ui.inverted.form input[type=text], .ui.inverted.form input[type=email], .ui.inverted.form input[type=search], .ui.inverted.form input[type=password], .ui.inverted.form input[type=date], .ui.inverted.form input[type=datetime-local], .ui.inverted.form input[type=tel], .ui.inverted.form input[type=time], .ui.inverted.form input[type=url], .ui.inverted.form input[type=number] {

  background: #FFF;

  border-color: rgba(255, 255, 255, .1);

  color: rgba(0, 0, 0, .87);

  box-shadow: none

}

.ui.form .grouped.fields {

  display: block;

  margin: 0 0 1em

}

.ui.form .grouped.fields:last-child {

  margin-bottom: 0

}

.ui.form .grouped.fields > label {

  margin: 0 0 .28571429rem;

  color: rgba(0, 0, 0, .87);

  font-size: .92857143em;

  font-weight: 700;

  text-transform: none

}

.ui.form .grouped.fields .field, .ui.form .grouped.inline.fields .field {

  display: block;

  margin: .5em 0;

  padding: 0

}

.ui.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: 0 -.5em 1em

}

.ui.form .fields > .field {

  -webkit-box-flex: 0;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  padding-left: .5em;

  padding-right: .5em

}

.ui.form .fields > .field:first-child {

  border-left: none;

  box-shadow: none

}

.ui.form .two.fields > .field, .ui.form .two.fields > .fields {

  width: 50%

}

.ui.form .three.fields > .field, .ui.form .three.fields > .fields {

  width: 33.33333333%

}

.ui.form .four.fields > .field, .ui.form .four.fields > .fields {

  width: 25%

}

.ui.form .five.fields > .field, .ui.form .five.fields > .fields {

  width: 20%

}

.ui.form .six.fields > .field, .ui.form .six.fields > .fields {

  width: 16.66666667%

}

.ui.form .seven.fields > .field, .ui.form .seven.fields > .fields {

  width: 14.28571429%

}

.ui.form .eight.fields > .field, .ui.form .eight.fields > .fields {

  width: 12.5%

}

.ui.form .nine.fields > .field, .ui.form .nine.fields > .fields {

  width: 11.11111111%

}

.ui.form .ten.fields > .field, .ui.form .ten.fields > .fields {

  width: 10%

}

@media only screen and (max-width:767px) {

  .ui.form .fields {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }

  .ui.form .eight.fields > .field, .ui.form .eight.fields > .fields, .ui.form .five.fields > .field, .ui.form .five.fields > .fields, .ui.form .four.fields > .field, .ui.form .four.fields > .fields, .ui.form .nine.fields > .field, .ui.form .nine.fields > .fields, .ui.form .seven.fields > .field, .ui.form .seven.fields > .fields, .ui.form .six.fields > .field, .ui.form .six.fields > .fields, .ui.form .ten.fields > .field, .ui.form .ten.fields > .fields, .ui.form .three.fields > .field, .ui.form .three.fields > .fields, .ui.form .two.fields > .field, .ui.form .two.fields > .fields, .ui.form [class*="equal width"].fields > .field, .ui[class*="equal width"].form .fields > .field {

    width: 100% !important;

    margin: 0 0 1em

  }

}

.ui.form .fields .wide.field {

  width: 6.25%;

  padding-left: .5em;

  padding-right: .5em

}

.ui.form .one.wide.field {

  width: 6.25% !important

}

.ui.form .two.wide.field {

  width: 12.5% !important

}

.ui.form .three.wide.field {

  width: 18.75% !important

}

.ui.form .four.wide.field {

  width: 25% !important

}

.ui.form .five.wide.field {

  width: 31.25% !important

}

.ui.form .six.wide.field {

  width: 37.5% !important

}

.ui.form .seven.wide.field {

  width: 43.75% !important

}

.ui.form .eight.wide.field {

  width: 50% !important

}

.ui.form .nine.wide.field {

  width: 56.25% !important

}

.ui.form .ten.wide.field {

  width: 62.5% !important

}

.ui.form .eleven.wide.field {

  width: 68.75% !important

}

.ui.form .twelve.wide.field {

  width: 75% !important

}

.ui.form .thirteen.wide.field {

  width: 81.25% !important

}

.ui.form .fourteen.wide.field {

  width: 87.5% !important

}

.ui.form .fifteen.wide.field {

  width: 93.75% !important

}

.ui.form .sixteen.wide.field {

  width: 100% !important

}

@media only screen and (max-width:767px) {

  .ui.form .fields > .eight.wide.field, .ui.form .fields > .eleven.wide.field, .ui.form .fields > .fifteen.wide.field, .ui.form .fields > .five.wide.field, .ui.form .fields > .four.wide.field, .ui.form .fields > .fourteen.wide.field, .ui.form .fields > .nine.wide.field, .ui.form .fields > .seven.wide.field, .ui.form .fields > .six.wide.field, .ui.form .fields > .sixteen.wide.field, .ui.form .fields > .ten.wide.field, .ui.form .fields > .thirteen.wide.field, .ui.form .fields > .three.wide.field, .ui.form .fields > .twelve.wide.field, .ui.form .fields > .two.wide.field, .ui.form .five.fields > .field, .ui.form .five.fields > .fields, .ui.form .four.fields > .field, .ui.form .four.fields > .fields, .ui.form .three.fields > .field, .ui.form .three.fields > .fields, .ui.form .two.fields > .field, .ui.form .two.fields > .fields {

    width: 100% !important

  }

  .ui.form .fields {

    margin-bottom: 0

  }

}

.ui.form [class*="equal width"].fields > .field, .ui[class*="equal width"].form .fields > .field {

  width: 100%;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto

}

.ui.form .inline.fields {

  margin: 0 0 1em;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}

.ui.form .inline.fields .field {

  margin: 0;

  padding: 0 1em 0 0

}

.ui.form .inline.field > label, .ui.form .inline.field > p, .ui.form .inline.fields .field > label, .ui.form .inline.fields .field > p, .ui.form .inline.fields > label {

  display: inline-block;

  width: auto;

  margin-top: 0;

  margin-bottom: 0;

  vertical-align: baseline;

  font-size: .92857143em;

  font-weight: 700;

  color: rgba(0, 0, 0, .87);

  text-transform: none

}

.ui.form .inline.fields > label {

  margin: .035714em 1em 0 0

}

.ui.form .inline.field > input, .ui.form .inline.field > select, .ui.form .inline.fields .field > input, .ui.form .inline.fields .field > select {

  display: inline-block;

  width: auto;

  margin-top: 0;

  margin-bottom: 0;

  vertical-align: middle;

  font-size: 1em

}

.ui.form .inline.field > :first-child, .ui.form .inline.fields .field > :first-child {

  margin: 0 .85714286em 0 0

}

.ui.form .inline.field > :only-child, .ui.form .inline.fields .field > :only-child {

  margin: 0

}

.ui.form .inline.fields .wide.field {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}

.ui.form .inline.fields .wide.field > input, .ui.form .inline.fields .wide.field > select {

  width: 100%

}

.ui.mini.form {

  font-size: .78571429rem

}

.ui.tiny.form {

  font-size: .85714286rem

}

.ui.small.form {

  font-size: .92857143rem

}

.ui.form {

  font-size: 1rem

}

.ui.large.form {

  font-size: 1.14285714rem

}

.ui.big.form {

  font-size: 1.28571429rem

}

.ui.huge.form {

  font-size: 1.42857143rem

}

.ui.massive.form {

  font-size: 1.71428571rem

}

.ui.grid {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  padding: 0;

  margin: -1rem

}

.ui.relaxed.grid {

  margin-left: -1.5rem;

  margin-right: -1.5rem

}

.ui[class*="very relaxed"].grid {

  margin-left: -2.5rem;

  margin-right: -2.5rem

}

.ui.grid + .grid {

  margin-top: 1rem

}

.ui.grid > .column:not(.row), .ui.grid > .row > .column {

  position: relative;

  display: inline-block;

  width: 6.25%;

  padding-left: 1rem;

  padding-right: 1rem;

  vertical-align: top

}

.ui.grid > * {

  padding-left: 1rem;

  padding-right: 1rem

}

.ui.grid > .row {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: inherit;

  -ms-flex-pack: inherit;

  justify-content: inherit;

  -webkit-box-align: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  width: 100% !important;

  padding: 1rem 0

}

.ui.grid > .column:not(.row) {

  padding-top: 1rem;

  padding-bottom: 1rem

}

.ui.grid > .row > .column {

  margin-top: 0;

  margin-bottom: 0

}

.ui.grid > .row > .column > img, .ui.grid > .row > img {

  max-width: 100%

}

.ui.grid > .ui.grid:first-child {

  margin-top: 0

}

.ui.grid > .ui.grid:last-child {

  margin-bottom: 0

}

.ui.aligned.grid .column > .segment:not(.compact):not(.attached), .ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached) {

  width: 100%

}

.ui.grid .row + .ui.divider {

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  margin: 1rem

}

.ui.grid .column + .ui.vertical.divider {

  height: calc(50% - 1rem)

}

.ui.grid > .column:last-child > .horizontal.segment, .ui.grid > .row > .column:last-child > .horizontal.segment {

  box-shadow: none

}

@media only screen and (max-width:767px) {

  .ui.page.grid {

    width: auto;

    padding-left: 0;

    padding-right: 0;

    margin-left: 0;

    margin-right: 0

  }

}

@media only screen and (min-width:768px) and (max-width:991px) {

  .ui.page.grid {

    width: auto;

    margin-left: 0;

    margin-right: 0;

    padding-left: 2em;

    padding-right: 2em

  }

}

@media only screen and (min-width:992px) and (max-width:1199px) {

  .ui.page.grid {

    width: auto;

    margin-left: 0;

    margin-right: 0;

    padding-left: 3%;

    padding-right: 3%

  }

}

@media only screen and (min-width:1200px) and (max-width:1919px) {

  .ui.page.grid {

    width: auto;

    margin-left: 0;

    margin-right: 0;

    padding-left: 15%;

    padding-right: 15%

  }

}

@media only screen and (min-width:1920px) {

  .ui.page.grid {

    width: auto;

    margin-left: 0;

    margin-right: 0;

    padding-left: 23%;

    padding-right: 23%

  }

}

.ui.grid > .column:only-child, .ui.grid > .row > .column:only-child, .ui[class*="one column"].grid > .column:not(.row), .ui[class*="one column"].grid > .row > .column {

  width: 100%

}

.ui[class*="two column"].grid > .column:not(.row), .ui[class*="two column"].grid > .row > .column {

  width: 50%

}

.ui[class*="three column"].grid > .column:not(.row), .ui[class*="three column"].grid > .row > .column {

  width: 33.33333333%

}

.ui[class*="four column"].grid > .column:not(.row), .ui[class*="four column"].grid > .row > .column {

  width: 25%

}

.ui[class*="five column"].grid > .column:not(.row), .ui[class*="five column"].grid > .row > .column {

  width: 20%

}

.ui[class*="six column"].grid > .column:not(.row), .ui[class*="six column"].grid > .row > .column {

  width: 16.66666667%

}

.ui[class*="seven column"].grid > .column:not(.row), .ui[class*="seven column"].grid > .row > .column {

  width: 14.28571429%

}

.ui[class*="eight column"].grid > .column:not(.row), .ui[class*="eight column"].grid > .row > .column {

  width: 12.5%

}

.ui[class*="nine column"].grid > .column:not(.row), .ui[class*="nine column"].grid > .row > .column {

  width: 11.11111111%

}

.ui[class*="ten column"].grid > .column:not(.row), .ui[class*="ten column"].grid > .row > .column {

  width: 10%

}

.ui[class*="eleven column"].grid > .column:not(.row), .ui[class*="eleven column"].grid > .row > .column {

  width: 9.09090909%

}

.ui[class*="twelve column"].grid > .column:not(.row), .ui[class*="twelve column"].grid > .row > .column {

  width: 8.33333333%

}

.ui[class*="thirteen column"].grid > .column:not(.row), .ui[class*="thirteen column"].grid > .row > .column {

  width: 7.69230769%

}

.ui[class*="fourteen column"].grid > .column:not(.row), .ui[class*="fourteen column"].grid > .row > .column {

  width: 7.14285714%

}

.ui[class*="fifteen column"].grid > .column:not(.row), .ui[class*="fifteen column"].grid > .row > .column {

  width: 6.66666667%

}

.ui[class*="sixteen column"].grid > .column:not(.row), .ui[class*="sixteen column"].grid > .row > .column {

  width: 6.25%

}

.ui.grid > [class*="one column"].row > .column {

  width: 100% !important

}

.ui.grid > [class*="two column"].row > .column {

  width: 50% !important

}

.ui.grid > [class*="three column"].row > .column {

  width: 33.33333333% !important

}

.ui.grid > [class*="four column"].row > .column {

  width: 25% !important

}

.ui.grid > [class*="five column"].row > .column {

  width: 20% !important

}

.ui.grid > [class*="six column"].row > .column {

  width: 16.66666667% !important

}

.ui.grid > [class*="seven column"].row > .column {

  width: 14.28571429% !important

}

.ui.grid > [class*="eight column"].row > .column {

  width: 12.5% !important

}

.ui.grid > [class*="nine column"].row > .column {

  width: 11.11111111% !important

}

.ui.grid > [class*="ten column"].row > .column {

  width: 10% !important

}

.ui.grid > [class*="eleven column"].row > .column {

  width: 9.09090909% !important

}

.ui.grid > [class*="twelve column"].row > .column {

  width: 8.33333333% !important

}

.ui.grid > [class*="thirteen column"].row > .column {

  width: 7.69230769% !important

}

.ui.grid > [class*="fourteen column"].row > .column {

  width: 7.14285714% !important

}

.ui.grid > [class*="fifteen column"].row > .column {

  width: 6.66666667% !important

}

.ui.grid > [class*="sixteen column"].row > .column {

  width: 6.25% !important

}

.ui.celled.page.grid {

  box-shadow: none

}

.ui.column.grid > [class*="one wide"].column, .ui.grid > .column.row > [class*="one wide"].column, .ui.grid > .row > [class*="one wide"].column, .ui.grid > [class*="one wide"].column {

  width: 6.25% !important

}

.ui.column.grid > [class*="two wide"].column, .ui.grid > .column.row > [class*="two wide"].column, .ui.grid > .row > [class*="two wide"].column, .ui.grid > [class*="two wide"].column {

  width: 12.5% !important

}

.ui.column.grid > [class*="three wide"].column, .ui.grid > .column.row > [class*="three wide"].column, .ui.grid > .row > [class*="three wide"].column, .ui.grid > [class*="three wide"].column {

  width: 18.75% !important

}

.ui.column.grid > [class*="four wide"].column, .ui.grid > .column.row > [class*="four wide"].column, .ui.grid > .row > [class*="four wide"].column, .ui.grid > [class*="four wide"].column {

  width: 25% !important

}

.ui.column.grid > [class*="five wide"].column, .ui.grid > .column.row > [class*="five wide"].column, .ui.grid > .row > [class*="five wide"].column, .ui.grid > [class*="five wide"].column {

  width: 31.25% !important

}

.ui.column.grid > [class*="six wide"].column, .ui.grid > .column.row > [class*="six wide"].column, .ui.grid > .row > [class*="six wide"].column, .ui.grid > [class*="six wide"].column {

  width: 37.5% !important

}

.ui.column.grid > [class*="seven wide"].column, .ui.grid > .column.row > [class*="seven wide"].column, .ui.grid > .row > [class*="seven wide"].column, .ui.grid > [class*="seven wide"].column {

  width: 43.75% !important

}

.ui.column.grid > [class*="eight wide"].column, .ui.grid > .column.row > [class*="eight wide"].column, .ui.grid > .row > [class*="eight wide"].column, .ui.grid > [class*="eight wide"].column {

  width: 50% !important

}

.ui.column.grid > [class*="nine wide"].column, .ui.grid > .column.row > [class*="nine wide"].column, .ui.grid > .row > [class*="nine wide"].column, .ui.grid > [class*="nine wide"].column {

  width: 56.25% !important

}

.ui.column.grid > [class*="ten wide"].column, .ui.grid > .column.row > [class*="ten wide"].column, .ui.grid > .row > [class*="ten wide"].column, .ui.grid > [class*="ten wide"].column {

  width: 62.5% !important

}

.ui.column.grid > [class*="eleven wide"].column, .ui.grid > .column.row > [class*="eleven wide"].column, .ui.grid > .row > [class*="eleven wide"].column, .ui.grid > [class*="eleven wide"].column {

  width: 68.75% !important

}

.ui.column.grid > [class*="twelve wide"].column, .ui.grid > .column.row > [class*="twelve wide"].column, .ui.grid > .row > [class*="twelve wide"].column, .ui.grid > [class*="twelve wide"].column {

  width: 75% !important

}

.ui.column.grid > [class*="thirteen wide"].column, .ui.grid > .column.row > [class*="thirteen wide"].column, .ui.grid > .row > [class*="thirteen wide"].column, .ui.grid > [class*="thirteen wide"].column {

  width: 81.25% !important

}

.ui.column.grid > [class*="fourteen wide"].column, .ui.grid > .column.row > [class*="fourteen wide"].column, .ui.grid > .row > [class*="fourteen wide"].column, .ui.grid > [class*="fourteen wide"].column {

  width: 87.5% !important

}

.ui.column.grid > [class*="fifteen wide"].column, .ui.grid > .column.row > [class*="fifteen wide"].column, .ui.grid > .row > [class*="fifteen wide"].column, .ui.grid > [class*="fifteen wide"].column {

  width: 93.75% !important

}

.ui.column.grid > [class*="sixteen wide"].column, .ui.grid > .column.row > [class*="sixteen wide"].column, .ui.grid > .row > [class*="sixteen wide"].column, .ui.grid > [class*="sixteen wide"].column {

  width: 100% !important

}

@media only screen and (min-width:320px) and (max-width:767px) {

  .ui.column.grid > [class*="one wide mobile"].column, .ui.grid > .column.row > [class*="one wide mobile"].column, .ui.grid > .row > [class*="one wide mobile"].column, .ui.grid > [class*="one wide mobile"].column {

    width: 6.25% !important

  }

  .ui.column.grid > [class*="two wide mobile"].column, .ui.grid > .column.row > [class*="two wide mobile"].column, .ui.grid > .row > [class*="two wide mobile"].column, .ui.grid > [class*="two wide mobile"].column {

    width: 12.5% !important

  }

  .ui.column.grid > [class*="three wide mobile"].column, .ui.grid > .column.row > [class*="three wide mobile"].column, .ui.grid > .row > [class*="three wide mobile"].column, .ui.grid > [class*="three wide mobile"].column {

    width: 18.75% !important

  }

  .ui.column.grid > [class*="four wide mobile"].column, .ui.grid > .column.row > [class*="four wide mobile"].column, .ui.grid > .row > [class*="four wide mobile"].column, .ui.grid > [class*="four wide mobile"].column {

    width: 25% !important

  }

  .ui.column.grid > [class*="five wide mobile"].column, .ui.grid > .column.row > [class*="five wide mobile"].column, .ui.grid > .row > [class*="five wide mobile"].column, .ui.grid > [class*="five wide mobile"].column {

    width: 31.25% !important

  }

  .ui.column.grid > [class*="six wide mobile"].column, .ui.grid > .column.row > [class*="six wide mobile"].column, .ui.grid > .row > [class*="six wide mobile"].column, .ui.grid > [class*="six wide mobile"].column {

    width: 37.5% !important

  }

  .ui.column.grid > [class*="seven wide mobile"].column, .ui.grid > .column.row > [class*="seven wide mobile"].column, .ui.grid > .row > [class*="seven wide mobile"].column, .ui.grid > [class*="seven wide mobile"].column {

    width: 43.75% !important

  }

  .ui.column.grid > [class*="eight wide mobile"].column, .ui.grid > .column.row > [class*="eight wide mobile"].column, .ui.grid > .row > [class*="eight wide mobile"].column, .ui.grid > [class*="eight wide mobile"].column {

    width: 50% !important

  }

  .ui.column.grid > [class*="nine wide mobile"].column, .ui.grid > .column.row > [class*="nine wide mobile"].column, .ui.grid > .row > [class*="nine wide mobile"].column, .ui.grid > [class*="nine wide mobile"].column {

    width: 56.25% !important

  }

  .ui.column.grid > [class*="ten wide mobile"].column, .ui.grid > .column.row > [class*="ten wide mobile"].column, .ui.grid > .row > [class*="ten wide mobile"].column, .ui.grid > [class*="ten wide mobile"].column {

    width: 62.5% !important

  }

  .ui.column.grid > [class*="eleven wide mobile"].column, .ui.grid > .column.row > [class*="eleven wide mobile"].column, .ui.grid > .row > [class*="eleven wide mobile"].column, .ui.grid > [class*="eleven wide mobile"].column {

    width: 68.75% !important

  }

  .ui.column.grid > [class*="twelve wide mobile"].column, .ui.grid > .column.row > [class*="twelve wide mobile"].column, .ui.grid > .row > [class*="twelve wide mobile"].column, .ui.grid > [class*="twelve wide mobile"].column {

    width: 75% !important

  }

  .ui.column.grid > [class*="thirteen wide mobile"].column, .ui.grid > .column.row > [class*="thirteen wide mobile"].column, .ui.grid > .row > [class*="thirteen wide mobile"].column, .ui.grid > [class*="thirteen wide mobile"].column {

    width: 81.25% !important

  }

  .ui.column.grid > [class*="fourteen wide mobile"].column, .ui.grid > .column.row > [class*="fourteen wide mobile"].column, .ui.grid > .row > [class*="fourteen wide mobile"].column, .ui.grid > [class*="fourteen wide mobile"].column {

    width: 87.5% !important

  }

  .ui.column.grid > [class*="fifteen wide mobile"].column, .ui.grid > .column.row > [class*="fifteen wide mobile"].column, .ui.grid > .row > [class*="fifteen wide mobile"].column, .ui.grid > [class*="fifteen wide mobile"].column {

    width: 93.75% !important

  }

  .ui.column.grid > [class*="sixteen wide mobile"].column, .ui.grid > .column.row > [class*="sixteen wide mobile"].column, .ui.grid > .row > [class*="sixteen wide mobile"].column, .ui.grid > [class*="sixteen wide mobile"].column {

    width: 100% !important

  }

}

@media only screen and (min-width:768px) and (max-width:991px) {

  .ui.column.grid > [class*="one wide tablet"].column, .ui.grid > .column.row > [class*="one wide tablet"].column, .ui.grid > .row > [class*="one wide tablet"].column, .ui.grid > [class*="one wide tablet"].column {

    width: 6.25% !important

  }

  .ui.column.grid > [class*="two wide tablet"].column, .ui.grid > .column.row > [class*="two wide tablet"].column, .ui.grid > .row > [class*="two wide tablet"].column, .ui.grid > [class*="two wide tablet"].column {

    width: 12.5% !important

  }

  .ui.column.grid > [class*="three wide tablet"].column, .ui.grid > .column.row > [class*="three wide tablet"].column, .ui.grid > .row > [class*="three wide tablet"].column, .ui.grid > [class*="three wide tablet"].column {

    width: 18.75% !important

  }

  .ui.column.grid > [class*="four wide tablet"].column, .ui.grid > .column.row > [class*="four wide tablet"].column, .ui.grid > .row > [class*="four wide tablet"].column, .ui.grid > [class*="four wide tablet"].column {

    width: 25% !important

  }

  .ui.column.grid > [class*="five wide tablet"].column, .ui.grid > .column.row > [class*="five wide tablet"].column, .ui.grid > .row > [class*="five wide tablet"].column, .ui.grid > [class*="five wide tablet"].column {

    width: 31.25% !important

  }

  .ui.column.grid > [class*="six wide tablet"].column, .ui.grid > .column.row > [class*="six wide tablet"].column, .ui.grid > .row > [class*="six wide tablet"].column, .ui.grid > [class*="six wide tablet"].column {

    width: 37.5% !important

  }

  .ui.column.grid > [class*="seven wide tablet"].column, .ui.grid > .column.row > [class*="seven wide tablet"].column, .ui.grid > .row > [class*="seven wide tablet"].column, .ui.grid > [class*="seven wide tablet"].column {

    width: 43.75% !important

  }

  .ui.column.grid > [class*="eight wide tablet"].column, .ui.grid > .column.row > [class*="eight wide tablet"].column, .ui.grid > .row > [class*="eight wide tablet"].column, .ui.grid > [class*="eight wide tablet"].column {

    width: 50% !important

  }

  .ui.column.grid > [class*="nine wide tablet"].column, .ui.grid > .column.row > [class*="nine wide tablet"].column, .ui.grid > .row > [class*="nine wide tablet"].column, .ui.grid > [class*="nine wide tablet"].column {

    width: 56.25% !important

  }

  .ui.column.grid > [class*="ten wide tablet"].column, .ui.grid > .column.row > [class*="ten wide tablet"].column, .ui.grid > .row > [class*="ten wide tablet"].column, .ui.grid > [class*="ten wide tablet"].column {

    width: 62.5% !important

  }

  .ui.column.grid > [class*="eleven wide tablet"].column, .ui.grid > .column.row > [class*="eleven wide tablet"].column, .ui.grid > .row > [class*="eleven wide tablet"].column, .ui.grid > [class*="eleven wide tablet"].column {

    width: 68.75% !important

  }

  .ui.column.grid > [class*="twelve wide tablet"].column, .ui.grid > .column.row > [class*="twelve wide tablet"].column, .ui.grid > .row > [class*="twelve wide tablet"].column, .ui.grid > [class*="twelve wide tablet"].column {

    width: 75% !important

  }

  .ui.column.grid > [class*="thirteen wide tablet"].column, .ui.grid > .column.row > [class*="thirteen wide tablet"].column, .ui.grid > .row > [class*="thirteen wide tablet"].column, .ui.grid > [class*="thirteen wide tablet"].column {

    width: 81.25% !important

  }

  .ui.column.grid > [class*="fourteen wide tablet"].column, .ui.grid > .column.row > [class*="fourteen wide tablet"].column, .ui.grid > .row > [class*="fourteen wide tablet"].column, .ui.grid > [class*="fourteen wide tablet"].column {

    width: 87.5% !important

  }

  .ui.column.grid > [class*="fifteen wide tablet"].column, .ui.grid > .column.row > [class*="fifteen wide tablet"].column, .ui.grid > .row > [class*="fifteen wide tablet"].column, .ui.grid > [class*="fifteen wide tablet"].column {

    width: 93.75% !important

  }

  .ui.column.grid > [class*="sixteen wide tablet"].column, .ui.grid > .column.row > [class*="sixteen wide tablet"].column, .ui.grid > .row > [class*="sixteen wide tablet"].column, .ui.grid > [class*="sixteen wide tablet"].column {

    width: 100% !important

  }

}

@media only screen and (min-width:992px) {

  .ui.column.grid > [class*="one wide computer"].column, .ui.grid > .column.row > [class*="one wide computer"].column, .ui.grid > .row > [class*="one wide computer"].column, .ui.grid > [class*="one wide computer"].column {

    width: 6.25% !important

  }

  .ui.column.grid > [class*="two wide computer"].column, .ui.grid > .column.row > [class*="two wide computer"].column, .ui.grid > .row > [class*="two wide computer"].column, .ui.grid > [class*="two wide computer"].column {

    width: 12.5% !important

  }

  .ui.column.grid > [class*="three wide computer"].column, .ui.grid > .column.row > [class*="three wide computer"].column, .ui.grid > .row > [class*="three wide computer"].column, .ui.grid > [class*="three wide computer"].column {

    width: 18.75% !important

  }

  .ui.column.grid > [class*="four wide computer"].column, .ui.grid > .column.row > [class*="four wide computer"].column, .ui.grid > .row > [class*="four wide computer"].column, .ui.grid > [class*="four wide computer"].column {

    width: 25% !important

  }

  .ui.column.grid > [class*="five wide computer"].column, .ui.grid > .column.row > [class*="five wide computer"].column, .ui.grid > .row > [class*="five wide computer"].column, .ui.grid > [class*="five wide computer"].column {

    width: 31.25% !important

  }

  .ui.column.grid > [class*="six wide computer"].column, .ui.grid > .column.row > [class*="six wide computer"].column, .ui.grid > .row > [class*="six wide computer"].column, .ui.grid > [class*="six wide computer"].column {

    width: 37.5% !important

  }

  .ui.column.grid > [class*="seven wide computer"].column, .ui.grid > .column.row > [class*="seven wide computer"].column, .ui.grid > .row > [class*="seven wide computer"].column, .ui.grid > [class*="seven wide computer"].column {

    width: 43.75% !important

  }

  .ui.column.grid > [class*="eight wide computer"].column, .ui.grid > .column.row > [class*="eight wide computer"].column, .ui.grid > .row > [class*="eight wide computer"].column, .ui.grid > [class*="eight wide computer"].column {

    width: 50% !important

  }

  .ui.column.grid > [class*="nine wide computer"].column, .ui.grid > .column.row > [class*="nine wide computer"].column, .ui.grid > .row > [class*="nine wide computer"].column, .ui.grid > [class*="nine wide computer"].column {

    width: 56.25% !important

  }

  .ui.column.grid > [class*="ten wide computer"].column, .ui.grid > .column.row > [class*="ten wide computer"].column, .ui.grid > .row > [class*="ten wide computer"].column, .ui.grid > [class*="ten wide computer"].column {

    width: 62.5% !important

  }

  .ui.column.grid > [class*="eleven wide computer"].column, .ui.grid > .column.row > [class*="eleven wide computer"].column, .ui.grid > .row > [class*="eleven wide computer"].column, .ui.grid > [class*="eleven wide computer"].column {

    width: 68.75% !important

  }

  .ui.column.grid > [class*="twelve wide computer"].column, .ui.grid > .column.row > [class*="twelve wide computer"].column, .ui.grid > .row > [class*="twelve wide computer"].column, .ui.grid > [class*="twelve wide computer"].column {

    width: 75% !important

  }

  .ui.column.grid > [class*="thirteen wide computer"].column, .ui.grid > .column.row > [class*="thirteen wide computer"].column, .ui.grid > .row > [class*="thirteen wide computer"].column, .ui.grid > [class*="thirteen wide computer"].column {

    width: 81.25% !important

  }

  .ui.column.grid > [class*="fourteen wide computer"].column, .ui.grid > .column.row > [class*="fourteen wide computer"].column, .ui.grid > .row > [class*="fourteen wide computer"].column, .ui.grid > [class*="fourteen wide computer"].column {

    width: 87.5% !important

  }

  .ui.column.grid > [class*="fifteen wide computer"].column, .ui.grid > .column.row > [class*="fifteen wide computer"].column, .ui.grid > .row > [class*="fifteen wide computer"].column, .ui.grid > [class*="fifteen wide computer"].column {

    width: 93.75% !important

  }

  .ui.column.grid > [class*="sixteen wide computer"].column, .ui.grid > .column.row > [class*="sixteen wide computer"].column, .ui.grid > .row > [class*="sixteen wide computer"].column, .ui.grid > [class*="sixteen wide computer"].column {

    width: 100% !important

  }

}

@media only screen and (min-width:1200px) and (max-width:1919px) {

  .ui.column.grid > [class*="one wide large screen"].column, .ui.grid > .column.row > [class*="one wide large screen"].column, .ui.grid > .row > [class*="one wide large screen"].column, .ui.grid > [class*="one wide large screen"].column {

    width: 6.25% !important

  }

  .ui.column.grid > [class*="two wide large screen"].column, .ui.grid > .column.row > [class*="two wide large screen"].column, .ui.grid > .row > [class*="two wide large screen"].column, .ui.grid > [class*="two wide large screen"].column {

    width: 12.5% !important

  }

  .ui.column.grid > [class*="three wide large screen"].column, .ui.grid > .column.row > [class*="three wide large screen"].column, .ui.grid > .row > [class*="three wide large screen"].column, .ui.grid > [class*="three wide large screen"].column {

    width: 18.75% !important

  }

  .ui.column.grid > [class*="four wide large screen"].column, .ui.grid > .column.row > [class*="four wide large screen"].column, .ui.grid > .row > [class*="four wide large screen"].column, .ui.grid > [class*="four wide large screen"].column {

    width: 25% !important

  }

  .ui.column.grid > [class*="five wide large screen"].column, .ui.grid > .column.row > [class*="five wide large screen"].column, .ui.grid > .row > [class*="five wide large screen"].column, .ui.grid > [class*="five wide large screen"].column {

    width: 31.25% !important

  }

  .ui.column.grid > [class*="six wide large screen"].column, .ui.grid > .column.row > [class*="six wide large screen"].column, .ui.grid > .row > [class*="six wide large screen"].column, .ui.grid > [class*="six wide large screen"].column {

    width: 37.5% !important

  }

  .ui.column.grid > [class*="seven wide large screen"].column, .ui.grid > .column.row > [class*="seven wide large screen"].column, .ui.grid > .row > [class*="seven wide large screen"].column, .ui.grid > [class*="seven wide large screen"].column {

    width: 43.75% !important

  }

  .ui.column.grid > [class*="eight wide large screen"].column, .ui.grid > .column.row > [class*="eight wide large screen"].column, .ui.grid > .row > [class*="eight wide large screen"].column, .ui.grid > [class*="eight wide large screen"].column {

    width: 50% !important

  }

  .ui.column.grid > [class*="nine wide large screen"].column, .ui.grid > .column.row > [class*="nine wide large screen"].column, .ui.grid > .row > [class*="nine wide large screen"].column, .ui.grid > [class*="nine wide large screen"].column {

    width: 56.25% !important

  }

  .ui.column.grid > [class*="ten wide large screen"].column, .ui.grid > .column.row > [class*="ten wide large screen"].column, .ui.grid > .row > [class*="ten wide large screen"].column, .ui.grid > [class*="ten wide large screen"].column {

    width: 62.5% !important

  }

  .ui.column.grid > [class*="eleven wide large screen"].column, .ui.grid > .column.row > [class*="eleven wide large screen"].column, .ui.grid > .row > [class*="eleven wide large screen"].column, .ui.grid > [class*="eleven wide large screen"].column {

    width: 68.75% !important

  }

  .ui.column.grid > [class*="twelve wide large screen"].column, .ui.grid > .column.row > [class*="twelve wide large screen"].column, .ui.grid > .row > [class*="twelve wide large screen"].column, .ui.grid > [class*="twelve wide large screen"].column {

    width: 75% !important

  }

  .ui.column.grid > [class*="thirteen wide large screen"].column, .ui.grid > .column.row > [class*="thirteen wide large screen"].column, .ui.grid > .row > [class*="thirteen wide large screen"].column, .ui.grid > [class*="thirteen wide large screen"].column {

    width: 81.25% !important

  }

  .ui.column.grid > [class*="fourteen wide large screen"].column, .ui.grid > .column.row > [class*="fourteen wide large screen"].column, .ui.grid > .row > [class*="fourteen wide large screen"].column, .ui.grid > [class*="fourteen wide large screen"].column {

    width: 87.5% !important

  }

  .ui.column.grid > [class*="fifteen wide large screen"].column, .ui.grid > .column.row > [class*="fifteen wide large screen"].column, .ui.grid > .row > [class*="fifteen wide large screen"].column, .ui.grid > [class*="fifteen wide large screen"].column {

    width: 93.75% !important

  }

  .ui.column.grid > [class*="sixteen wide large screen"].column, .ui.grid > .column.row > [class*="sixteen wide large screen"].column, .ui.grid > .row > [class*="sixteen wide large screen"].column, .ui.grid > [class*="sixteen wide large screen"].column {

    width: 100% !important

  }

}

@media only screen and (min-width:1920px) {

  .ui.column.grid > [class*="one wide widescreen"].column, .ui.grid > .column.row > [class*="one wide widescreen"].column, .ui.grid > .row > [class*="one wide widescreen"].column, .ui.grid > [class*="one wide widescreen"].column {

    width: 6.25% !important

  }

  .ui.column.grid > [class*="two wide widescreen"].column, .ui.grid > .column.row > [class*="two wide widescreen"].column, .ui.grid > .row > [class*="two wide widescreen"].column, .ui.grid > [class*="two wide widescreen"].column {

    width: 12.5% !important

  }

  .ui.column.grid > [class*="three wide widescreen"].column, .ui.grid > .column.row > [class*="three wide widescreen"].column, .ui.grid > .row > [class*="three wide widescreen"].column, .ui.grid > [class*="three wide widescreen"].column {

    width: 18.75% !important

  }

  .ui.column.grid > [class*="four wide widescreen"].column, .ui.grid > .column.row > [class*="four wide widescreen"].column, .ui.grid > .row > [class*="four wide widescreen"].column, .ui.grid > [class*="four wide widescreen"].column {

    width: 25% !important

  }

  .ui.column.grid > [class*="five wide widescreen"].column, .ui.grid > .column.row > [class*="five wide widescreen"].column, .ui.grid > .row > [class*="five wide widescreen"].column, .ui.grid > [class*="five wide widescreen"].column {

    width: 31.25% !important

  }

  .ui.column.grid > [class*="six wide widescreen"].column, .ui.grid > .column.row > [class*="six wide widescreen"].column, .ui.grid > .row > [class*="six wide widescreen"].column, .ui.grid > [class*="six wide widescreen"].column {

    width: 37.5% !important

  }

  .ui.column.grid > [class*="seven wide widescreen"].column, .ui.grid > .column.row > [class*="seven wide widescreen"].column, .ui.grid > .row > [class*="seven wide widescreen"].column, .ui.grid > [class*="seven wide widescreen"].column {

    width: 43.75% !important

  }

  .ui.column.grid > [class*="eight wide widescreen"].column, .ui.grid > .column.row > [class*="eight wide widescreen"].column, .ui.grid > .row > [class*="eight wide widescreen"].column, .ui.grid > [class*="eight wide widescreen"].column {

    width: 50% !important

  }

  .ui.column.grid > [class*="nine wide widescreen"].column, .ui.grid > .column.row > [class*="nine wide widescreen"].column, .ui.grid > .row > [class*="nine wide widescreen"].column, .ui.grid > [class*="nine wide widescreen"].column {

    width: 56.25% !important

  }

  .ui.column.grid > [class*="ten wide widescreen"].column, .ui.grid > .column.row > [class*="ten wide widescreen"].column, .ui.grid > .row > [class*="ten wide widescreen"].column, .ui.grid > [class*="ten wide widescreen"].column {

    width: 62.5% !important

  }

  .ui.column.grid > [class*="eleven wide widescreen"].column, .ui.grid > .column.row > [class*="eleven wide widescreen"].column, .ui.grid > .row > [class*="eleven wide widescreen"].column, .ui.grid > [class*="eleven wide widescreen"].column {

    width: 68.75% !important

  }

  .ui.column.grid > [class*="twelve wide widescreen"].column, .ui.grid > .column.row > [class*="twelve wide widescreen"].column, .ui.grid > .row > [class*="twelve wide widescreen"].column, .ui.grid > [class*="twelve wide widescreen"].column {

    width: 75% !important

  }

  .ui.column.grid > [class*="thirteen wide widescreen"].column, .ui.grid > .column.row > [class*="thirteen wide widescreen"].column, .ui.grid > .row > [class*="thirteen wide widescreen"].column, .ui.grid > [class*="thirteen wide widescreen"].column {

    width: 81.25% !important

  }

  .ui.column.grid > [class*="fourteen wide widescreen"].column, .ui.grid > .column.row > [class*="fourteen wide widescreen"].column, .ui.grid > .row > [class*="fourteen wide widescreen"].column, .ui.grid > [class*="fourteen wide widescreen"].column {

    width: 87.5% !important

  }

  .ui.column.grid > [class*="fifteen wide widescreen"].column, .ui.grid > .column.row > [class*="fifteen wide widescreen"].column, .ui.grid > .row > [class*="fifteen wide widescreen"].column, .ui.grid > [class*="fifteen wide widescreen"].column {

    width: 93.75% !important

  }

  .ui.column.grid > [class*="sixteen wide widescreen"].column, .ui.grid > .column.row > [class*="sixteen wide widescreen"].column, .ui.grid > .row > [class*="sixteen wide widescreen"].column, .ui.grid > [class*="sixteen wide widescreen"].column {

    width: 100% !important

  }

}

.ui.centered.grid, .ui.centered.grid > .row, .ui.grid > .centered.row {

  text-align: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center

}

.ui.centered.grid > .column:not(.aligned):not(:justified):not(.row), .ui.centered.grid > .row > .column:not(.aligned):not(:justified), .ui.grid .centered.row > .column:not(.aligned):not(:justified) {

  text-align: left

}

.ui.grid > .centered.column, .ui.grid > .row > .centered.column {

  display: block;

  margin-left: auto;

  margin-right: auto

}

.ui.grid > .relaxed.row > .column, .ui.relaxed.grid > .column:not(.row), .ui.relaxed.grid > .row > .column {

  padding-left: 1.5rem;

  padding-right: 1.5rem

}

.ui.grid > [class*="very relaxed"].row > .column, .ui[class*="very relaxed"].grid > .column:not(.row), .ui[class*="very relaxed"].grid > .row > .column {

  padding-left: 2.5rem;

  padding-right: 2.5rem

}

.ui.grid .relaxed.row + .ui.divider, .ui.relaxed.grid .row + .ui.divider {

  margin-left: 1.5rem;

  margin-right: 1.5rem

}

.ui.grid [class*="very relaxed"].row + .ui.divider, .ui[class*="very relaxed"].grid .row + .ui.divider {

  margin-left: 2.5rem;

  margin-right: 2.5rem

}

.ui.padded.grid:not(.vertically):not(.horizontally) {

  margin: 0 !important

}

[class*="horizontally padded"].ui.grid {

  margin-left: 0 !important;

  margin-right: 0 !important

}

[class*="vertically padded"].ui.grid {

  margin-top: 0 !important;

  margin-bottom: 0 !important

}

.ui.grid [class*="left floated"].column {

  margin-right: auto

}

.ui.grid [class*="right floated"].column {

  margin-left: auto

}

.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.divided.grid:not([class*="vertically divided"]) > .row > .column {

  box-shadow: -1px 0 0 0 rgba(34, 36, 38, .15)

}

.ui[class*="vertically divided"].grid > .column:not(.row), .ui[class*="vertically divided"].grid > .row > .column {

  margin-top: 1rem;

  margin-bottom: 1rem;

  padding-top: 0;

  padding-bottom: 0

}

.ui[class*="vertically divided"].grid > .row {

  margin-top: 0;

  margin-bottom: 0;

  position: relative

}

.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {

  box-shadow: none

}

.ui[class*="vertically divided"].grid > .row:first-child > .column {

  margin-top: 0

}

.ui.grid > .divided.row > .column {

  box-shadow: -1px 0 0 0 rgba(34, 36, 38, .15)

}

.ui.grid > .divided.row > .column:first-child {

  box-shadow: none

}

.ui[class*="vertically divided"].grid > .row:before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: calc(100% - 2rem);

  height: 1px;

  margin: 0 1rem;

  box-shadow: 0 -1px 0 0 rgba(34, 36, 38, .15)

}

.ui.padded.divided.grid:not(.vertically):not(.horizontally), [class*="horizontally padded"].ui.divided.grid {

  width: 100%

}

.ui[class*="vertically divided"].grid > .row:first-child:before {

  box-shadow: none

}

.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {

  box-shadow: -1px 0 0 0 rgba(255, 255, 255, .1)

}

.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child, .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {

  box-shadow: none

}

.ui.inverted[class*="vertically divided"].grid > .row:before {

  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, .1)

}

.ui.relaxed[class*="vertically divided"].grid > .row:before {

  margin-left: 1.5rem;

  margin-right: 1.5rem;

  width: calc(100% - 3rem)

}

.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {

  margin-left: 5rem;

  margin-right: 5rem;

  width: calc(100% - 5rem)

}

.ui.celled.grid {

  width: 100%;

  margin: 1em 0;

  box-shadow: 0 0 0 1px #D4D4D5

}

.ui.celled.grid > .row {

  width: 100% !important;

  margin: 0;

  padding: 0;

  box-shadow: 0 -1px 0 0 #D4D4D5

}

.ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column {

  box-shadow: -1px 0 0 0 #D4D4D5;

  padding: 1em

}

.ui.celled.grid > .column:first-child, .ui.celled.grid > .row > .column:first-child {

  box-shadow: none

}

.ui.relaxed.celled.grid > .column:not(.row), .ui.relaxed.celled.grid > .row > .column {

  padding: 1.5em

}

.ui[class*="very relaxed"].celled.grid > .column:not(.row), .ui[class*="very relaxed"].celled.grid > .row > .column {

  padding: 2em

}

.ui[class*="internally celled"].grid {

  box-shadow: none;

  margin: 0

}

.ui[class*="internally celled"].grid > .row:first-child, .ui[class*="internally celled"].grid > .row > .column:first-child {

  box-shadow: none

}

.ui.grid > .row > [class*="top aligned"].column, .ui.grid > [class*="top aligned"].column:not(.row), .ui.grid > [class*="top aligned"].row > .column, .ui[class*="top aligned"].grid > .column:not(.row), .ui[class*="top aligned"].grid > .row > .column {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  vertical-align: top;

  -ms-flex-item-align: start !important;

  align-self: flex-start !important

}

.ui.grid > .row > [class*="middle aligned"].column, .ui.grid > [class*="middle aligned"].column:not(.row), .ui.grid > [class*="middle aligned"].row > .column, .ui[class*="middle aligned"].grid > .column:not(.row), .ui[class*="middle aligned"].grid > .row > .column {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  vertical-align: middle;

  -ms-flex-item-align: center !important;

  -ms-grid-row-align: center !important;

  align-self: center !important

}

.ui.grid > .row > [class*="bottom aligned"].column, .ui.grid > [class*="bottom aligned"].column:not(.row), .ui.grid > [class*="bottom aligned"].row > .column, .ui[class*="bottom aligned"].grid > .column:not(.row), .ui[class*="bottom aligned"].grid > .row > .column {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  vertical-align: bottom;

  -ms-flex-item-align: end !important;

  align-self: flex-end !important

}

.ui.grid > .row > .stretched.column, .ui.grid > .stretched.column:not(.row), .ui.grid > .stretched.row > .column, .ui.stretched.grid > .column, .ui.stretched.grid > .row > .column {

  display: -webkit-inline-box !important;

  display: -ms-inline-flexbox !important;

  display: inline-flex !important;

  -ms-flex-item-align: stretch;

  align-self: stretch;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column

}

.ui.grid > .row > .stretched.column > *, .ui.grid > .stretched.column:not(.row) > *, .ui.grid > .stretched.row > .column > *, .ui.stretched.grid > .column > *, .ui.stretched.grid > .row > .column > * {

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1

}

.ui.grid > .row > [class*="left aligned"].column, .ui.grid > [class*="left aligned"].column.column, .ui.grid > [class*="left aligned"].row > .column, .ui[class*="left aligned"].grid > .column, .ui[class*="left aligned"].grid > .row > .column {

  text-align: left;

  -ms-flex-item-align: inherit;

  -ms-grid-row-align: inherit;

  align-self: inherit

}

.ui.grid > .row > [class*="center aligned"].column, .ui.grid > [class*="center aligned"].column.column, .ui.grid > [class*="center aligned"].row > .column, .ui[class*="center aligned"].grid > .column, .ui[class*="center aligned"].grid > .row > .column {

  text-align: center;

  -ms-flex-item-align: inherit;

  -ms-grid-row-align: inherit;

  align-self: inherit

}

.ui[class*="center aligned"].grid {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center

}

.ui.grid > .row > [class*="right aligned"].column, .ui.grid > [class*="right aligned"].column.column, .ui.grid > [class*="right aligned"].row > .column, .ui[class*="right aligned"].grid > .column, .ui[class*="right aligned"].grid > .row > .column {

  text-align: right;

  -ms-flex-item-align: inherit;

  -ms-grid-row-align: inherit;

  align-self: inherit

}

.ui.grid > .justified.column.column, .ui.grid > .justified.row > .column, .ui.grid > .row > .justified.column, .ui.justified.grid > .column, .ui.justified.grid > .row > .column {

  text-align: justify;

  -webkit-hyphens: auto;

  -ms-hyphens: auto;

  hyphens: auto

}

.ui.grid > .row > .black.column, .ui.grid > .row > .blue.column, .ui.grid > .row > .brown.column, .ui.grid > .row > .green.column, .ui.grid > .row > .grey.column, .ui.grid > .row > .olive.column, .ui.grid > .row > .orange.column, .ui.grid > .row > .pink.column, .ui.grid > .row > .purple.column, .ui.grid > .row > .red.column, .ui.grid > .row > .teal.column, .ui.grid > .row > .violet.column, .ui.grid > .row > .yellow.column {

  margin-top: -1rem;

  margin-bottom: -1rem;

  padding-top: 1rem;

  padding-bottom: 1rem

}

.ui.grid > .red.column, .ui.grid > .red.row, .ui.grid > .row > .red.column {

  background-color: #DB2828 !important;

  color: #FFF

}

.ui.grid > .orange.column, .ui.grid > .orange.row, .ui.grid > .row > .orange.column {

  background-color: #F2711C !important;

  color: #FFF

}

.ui.grid > .row > .yellow.column, .ui.grid > .yellow.column, .ui.grid > .yellow.row {

  background-color: #FBBD08 !important;

  color: #FFF

}

.ui.grid > .olive.column, .ui.grid > .olive.row, .ui.grid > .row > .olive.column {

  background-color: #B5CC18 !important;

  color: #FFF

}

.ui.grid > .green.column, .ui.grid > .green.row, .ui.grid > .row > .green.column {

  background-color: #21BA45 !important;

  color: #FFF

}

.ui.grid > .row > .teal.column, .ui.grid > .teal.column, .ui.grid > .teal.row {

  background-color: #00B5AD !important;

  color: #FFF

}

.ui.grid > .blue.column, .ui.grid > .blue.row, .ui.grid > .row > .blue.column {

  background-color: #2185D0 !important;

  color: #FFF

}

.ui.grid > .row > .violet.column, .ui.grid > .violet.column, .ui.grid > .violet.row {

  background-color: #6435C9 !important;

  color: #FFF

}

.ui.grid > .purple.column, .ui.grid > .purple.row, .ui.grid > .row > .purple.column {

  background-color: #A333C8 !important;

  color: #FFF

}

.ui.grid > .pink.column, .ui.grid > .pink.row, .ui.grid > .row > .pink.column {

  background-color: #E03997 !important;

  color: #FFF

}

.ui.grid > .brown.column, .ui.grid > .brown.row, .ui.grid > .row > .brown.column {

  background-color: #A5673F !important;

  color: #FFF

}

.ui.grid > .grey.column, .ui.grid > .grey.row, .ui.grid > .row > .grey.column {

  background-color: #767676 !important;

  color: #FFF

}

.ui.grid > .black.column, .ui.grid > .black.row, .ui.grid > .row > .black.column {

  background-color: #1B1C1D !important;

  color: #FFF

}

.ui.grid > [class*="equal width"].row > .column, .ui[class*="equal width"].grid > .column:not(.row), .ui[class*="equal width"].grid > .row > .column {

  display: inline-block;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1

}

.ui.grid > [class*="equal width"].row > .wide.column, .ui[class*="equal width"].grid > .row > .wide.column, .ui[class*="equal width"].grid > .wide.column {

  -webkit-box-flex: 0;

  -ms-flex-positive: 0;

  flex-grow: 0

}

@media only screen and (max-width:767px) {

  .ui.grid > [class*="mobile reversed"].row, .ui[class*="mobile reversed"].grid, .ui[class*="mobile reversed"].grid > .row {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse

  }

  .ui.stackable[class*="mobile reversed"], .ui[class*="mobile vertically reversed"].grid {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse

  }

  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {

    box-shadow: -1px 0 0 0 rgba(34, 36, 38, .15)

  }

  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {

    box-shadow: none

  }

  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {

    box-shadow: 0 -1px 0 0 rgba(34, 36, 38, .15)

  }

  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {

    box-shadow: none

  }

  .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {

    box-shadow: -1px 0 0 0 #D4D4D5

  }

  .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {

    box-shadow: none

  }

}

@media only screen and (min-width:768px) and (max-width:991px) {

  .ui.grid > [class*="tablet reversed"].row, .ui[class*="tablet reversed"].grid, .ui[class*="tablet reversed"].grid > .row {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse

  }

  .ui[class*="tablet vertically reversed"].grid {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse

  }

  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {

    box-shadow: -1px 0 0 0 rgba(34, 36, 38, .15)

  }

  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {

    box-shadow: none

  }

  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {

    box-shadow: 0 -1px 0 0 rgba(34, 36, 38, .15)

  }

  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {

    box-shadow: none

  }

  .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {

    box-shadow: -1px 0 0 0 #D4D4D5

  }

  .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {

    box-shadow: none

  }

}

@media only screen and (min-width:992px) {

  .ui.grid > [class*="computer reversed"].row, .ui[class*="computer reversed"].grid, .ui[class*="computer reversed"].grid > .row {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse

  }

  .ui[class*="computer vertically reversed"].grid {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse

  }

  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {

    box-shadow: -1px 0 0 0 rgba(34, 36, 38, .15)

  }

  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {

    box-shadow: none

  }

  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {

    box-shadow: 0 -1px 0 0 rgba(34, 36, 38, .15)

  }

  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {

    box-shadow: none

  }

  .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {

    box-shadow: -1px 0 0 0 #D4D4D5

  }

  .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {

    box-shadow: none

  }

}

@media only screen and (min-width:768px) and (max-width:991px) {

  .ui.doubling.grid {

    width: auto

  }

  .ui.doubling.grid > .row, .ui.grid > .doubling.row {

    margin: 0 !important;

    padding: 0 !important

  }

  .ui.doubling.grid > .row > .column, .ui.grid > .doubling.row > .column {

    display: inline-block !important;

    padding-top: 1rem !important;

    padding-bottom: 1rem !important;

    box-shadow: none !important;

    margin: 0

  }

  .ui.grid > [class*="two column"].doubling.row.row > .column, .ui[class*="two column"].doubling.grid > .column:not(.row), .ui[class*="two column"].doubling.grid > .row > .column {

    width: 100% !important

  }

  .ui.grid > [class*="three column"].doubling.row.row > .column, .ui.grid > [class*="four column"].doubling.row.row > .column, .ui[class*="three column"].doubling.grid > .column:not(.row), .ui[class*="three column"].doubling.grid > .row > .column, .ui[class*="four column"].doubling.grid > .column:not(.row), .ui[class*="four column"].doubling.grid > .row > .column {

    width: 50% !important

  }

  .ui.grid > [class*="five column"].doubling.row.row > .column, .ui.grid > [class*="six column"].doubling.row.row > .column, .ui.grid > [class*="seven column"].doubling.row.row > .column, .ui[class*="five column"].doubling.grid > .column:not(.row), .ui[class*="five column"].doubling.grid > .row > .column, .ui[class*="six column"].doubling.grid > .column:not(.row), .ui[class*="six column"].doubling.grid > .row > .column, .ui[class*="seven column"].doubling.grid > .column:not(.row), .ui[class*="seven column"].doubling.grid > .row > .column {

    width: 33.33333333% !important

  }

  .ui.grid > [class*="eight column"].doubling.row.row > .column, .ui.grid > [class*="nine column"].doubling.row.row > .column, .ui[class*="eight column"].doubling.grid > .column:not(.row), .ui[class*="eight column"].doubling.grid > .row > .column, .ui[class*="nine column"].doubling.grid > .column:not(.row), .ui[class*="nine column"].doubling.grid > .row > .column {

    width: 25% !important

  }

  .ui.grid > [class*="ten column"].doubling.row.row > .column, .ui.grid > [class*="eleven column"].doubling.row.row > .column, .ui[class*="ten column"].doubling.grid > .column:not(.row), .ui[class*="ten column"].doubling.grid > .row > .column, .ui[class*="eleven column"].doubling.grid > .column:not(.row), .ui[class*="eleven column"].doubling.grid > .row > .column {

    width: 20% !important

  }

  .ui.grid > [class*="twelve column"].doubling.row.row > .column, .ui.grid > [class*="thirteen column"].doubling.row.row > .column, .ui[class*="twelve column"].doubling.grid > .column:not(.row), .ui[class*="twelve column"].doubling.grid > .row > .column, .ui[class*="thirteen column"].doubling.grid > .column:not(.row), .ui[class*="thirteen column"].doubling.grid > .row > .column {

    width: 16.66666667% !important

  }

  .ui.grid > [class*="fourteen column"].doubling.row.row > .column, .ui.grid > [class*="fifteen column"].doubling.row.row > .column, .ui[class*="fourteen column"].doubling.grid > .column:not(.row), .ui[class*="fourteen column"].doubling.grid > .row > .column, .ui[class*="fifteen column"].doubling.grid > .column:not(.row), .ui[class*="fifteen column"].doubling.grid > .row > .column {

    width: 14.28571429% !important

  }

  .ui.grid > [class*="sixteen column"].doubling.row.row > .column, .ui[class*="sixteen column"].doubling.grid > .column:not(.row), .ui[class*="sixteen column"].doubling.grid > .row > .column {

    width: 12.5% !important

  }

  .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet), .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet), .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet), .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet), .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet), .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet), .ui[class*="computer only"].grid.grid.grid:not(.tablet), .ui[class*="large screen only"].grid.grid.grid:not(.mobile), .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), .ui[class*="mobile only"].grid.grid.grid:not(.tablet) {

    display: none !important

  }

}

@media only screen and (max-width:767px) {

  .ui.doubling.grid > .row, .ui.grid > .doubling.row {

    margin: 0 !important;

    padding: 0 !important

  }

  .ui.doubling.grid > .row > .column, .ui.grid > .doubling.row > .column {

    padding-top: 1rem !important;

    padding-bottom: 1rem !important;

    margin: 0 !important;

    box-shadow: none !important

  }

  .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column, .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column {

    width: 100% !important

  }

  .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column, .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column {

    width: 50% !important

  }

  .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column, .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column {

    width: 33.33333333% !important

  }

  .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column, .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column {

    width: 25% !important

  }

  .ui.stackable.grid {

    width: auto;

    margin-left: 0 !important;

    margin-right: 0 !important

  }

  .ui.grid > .stackable.stackable.row > .column, .ui.stackable.grid > .column.grid > .column, .ui.stackable.grid > .column.row > .column, .ui.stackable.grid > .column:not(.row), .ui.stackable.grid > .row > .column, .ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column {

    width: 100% !important;

    margin: 0 !important;

    box-shadow: none !important;

    padding: 1rem !important

  }

  .ui.stackable.grid:not(.vertically) > .row {

    margin: 0;

    padding: 0

  }

  .ui.container > .ui.stackable.grid > .column, .ui.container > .ui.stackable.grid > .row > .column {

    padding-left: 0 !important;

    padding-right: 0 !important

  }

  .ui.grid .ui.stackable.grid, .ui.segment:not(.vertical) .ui.stackable.page.grid {

    margin-left: -1rem !important;

    margin-right: -1rem !important

  }

  .ui.stackable.celled.grid > .column:not(.row):first-child, .ui.stackable.celled.grid > .row:first-child > .column:first-child, .ui.stackable.divided.grid > .column:not(.row):first-child, .ui.stackable.divided.grid > .row:first-child > .column:first-child {

    border-top: none !important

  }

  .ui.inverted.stackable.celled.grid > .column:not(.row), .ui.inverted.stackable.celled.grid > .row > .column, .ui.inverted.stackable.divided.grid > .column:not(.row), .ui.inverted.stackable.divided.grid > .row > .column {

    border-top: 1px solid rgba(255, 255, 255, .1)

  }

  .ui.stackable.celled.grid > .column:not(.row), .ui.stackable.celled.grid > .row > .column, .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .ui.stackable.divided:not(.vertically).grid > .row > .column {

    border-top: 1px solid rgba(34, 36, 38, .15);

    box-shadow: none !important;

    padding-top: 2rem !important;

    padding-bottom: 2rem !important

  }

  .ui.stackable.celled.grid > .row {

    box-shadow: none !important

  }

  .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .ui.stackable.divided:not(.vertically).grid > .row > .column {

    padding-left: 0 !important;

    padding-right: 0 !important

  }

  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile), .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile), .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile), .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui[class*="tablet only"].grid.grid.grid:not(.mobile), .ui[class*="computer only"].grid.grid.grid:not(.mobile), .ui[class*="large screen only"].grid.grid.grid:not(.mobile), .ui[class*="widescreen only"].grid.grid.grid:not(.mobile) {

    display: none !important

  }

}

@media only screen and (min-width:992px) and (max-width:1199px) {

  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), .ui[class*="tablet only"].grid.grid.grid:not(.computer), .ui[class*="large screen only"].grid.grid.grid:not(.mobile), .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), .ui[class*="mobile only"].grid.grid.grid:not(.computer) {

    display: none !important

  }

}

@media only screen and (min-width:1200px) and (max-width:1919px) {

  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), .ui[class*="tablet only"].grid.grid.grid:not(.computer), .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), .ui[class*="mobile only"].grid.grid.grid:not(.computer) {

    display: none !important

  }

}

@media only screen and (min-width:1920px) {

  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), .ui[class*="tablet only"].grid.grid.grid:not(.computer), .ui[class*="mobile only"].grid.grid.grid:not(.computer) {

    display: none !important

  }

}

.ui.menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 1rem 0;

  background: #FFF;

  font-weight: 400;

  border: 1px solid rgba(34, 36, 38, .15);

  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);

  border-radius: .28571429rem;

  min-height: 2.85714286em

}

.ui.menu:after {

  content: '';

  display: block;

  height: 0;

  clear: both;

  visibility: hidden

}

.ui.menu:first-child {

  margin-top: 0

}

.ui.menu:last-child {

  margin-bottom: 0

}

.ui.menu .menu {

  margin: 0

}

.ui.menu:not(.vertical) > .menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex

}

.ui.menu:not(.vertical) .item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}

.ui.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: 0 0;

  padding: .92857143em 1.14285714em;

  text-transform: none;

  color: rgba(0, 0, 0, .87);

  font-weight: 400;

  -webkit-transition: background .1s ease, box-shadow .1s ease, color .1s ease;

  transition: background .1s ease, box-shadow .1s ease, color .1s ease

}

.ui.menu > .item:first-child {

  border-radius: .28571429rem 0 0 .28571429rem

}

.ui.menu .item:before {

  position: absolute;

  content: '';

  top: 0;

  right: 0;

  height: 100%;

  width: 1px;

  background: rgba(34, 36, 38, .1)

}

.ui.menu .item > a:not(.ui), .ui.menu .item > p:only-child, .ui.menu .text.item > * {

  -webkit-user-select: text;

  -moz-user-select: text;

  -ms-user-select: text;

  user-select: text;

  line-height: 1.3

}

.ui.menu .item > p:first-child {

  margin-top: 0

}

.ui.menu .item > p:last-child {

  margin-bottom: 0

}

.ui.menu .item > i.icon {

  opacity: .9;

  float: none;

  margin: 0 .35714286em 0 0

}

.ui.menu:not(.vertical) .item > .button {

  position: relative;

  top: 0;

  margin: -.5em 0;

  padding-bottom: .78571429em;

  padding-top: .78571429em;

  font-size: 1em

}

.ui.menu > .container, .ui.menu > .grid {

  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

}

.ui.menu .item > .input {

  width: 100%

}

.ui.menu:not(.vertical) .item > .input {

  position: relative;

  top: 0;

  margin: -.5em 0

}

.ui.menu .item > .input input {

  font-size: 1em;

  padding-top: .57142857em;

  padding-bottom: .57142857em

}

.ui.menu .header.item, .ui.vertical.menu .header.item {

  margin: 0;

  background: 0 0;

  text-transform: normal;

  font-weight: 700

}

.ui.vertical.menu .item > .header:not(.ui) {

  margin: 0 0 .5em;

  font-size: 1em;

  font-weight: 700

}

.ui.menu .ui.popup {

  display: none

}

.ui.menu .ui.visible.popup {

  display: block

}

.ui.menu .item > i.dropdown.icon {

  padding: 0;

  float: right;

  margin: 0 0 0 1em

}

.ui.menu .dropdown.item .menu {

  left: 0;

  min-width: calc(100% - 1px);

  border-radius: 0 0 .28571429rem .28571429rem;

  background: #FFF;

  margin: 0;

  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);

  -webkit-box-orient: vertical !important;

  -webkit-box-direction: normal !important;

  -ms-flex-direction: column !important;

  flex-direction: column !important

}

.ui.menu .ui.dropdown .menu > .item {

  margin: 0;

  text-align: left;

  font-size: 1em !important;

  padding: .78571429em 1.14285714em !important;

  background: 0 0 !important;

  color: rgba(0, 0, 0, .87) !important;

  text-transform: none !important;

  font-weight: 400 !important;

  box-shadow: none !important;

  -webkit-transition: none !important;

  transition: none !important

}

.ui.menu .ui.dropdown .menu > .item:hover, .ui.menu .ui.dropdown .menu > .selected.item {

  background: rgba(0, 0, 0, .05) !important;

  color: rgba(0, 0, 0, .95) !important

}

.ui.menu .ui.dropdown .menu > .active.item {

  background: rgba(0, 0, 0, .03) !important;

  font-weight: 700 !important;

  color: rgba(0, 0, 0, .95) !important

}

.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {

  display: block

}

.ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {

  display: inline-block;

  font-size: 1em !important;

  float: none;

  margin: 0 .75em 0 0

}

.ui.secondary.menu .dropdown.item > .menu, .ui.text.menu .dropdown.item > .menu {

  border-radius: .28571429rem;

  margin-top: .35714286em

}

.ui.menu .pointing.dropdown.item .menu {

  margin-top: .75em

}

.ui.inverted.menu .search.dropdown.item > .search, .ui.inverted.menu .search.dropdown.item > .text {

  color: rgba(255, 255, 255, .9)

}

.ui.vertical.menu .dropdown.item > .icon {

  float: right;

  content: "\f0da";

  margin-left: 1em

}

.ui.vertical.menu .dropdown.item .menu {

  top: 0 !important;

  left: 100%;

  min-width: 0;

  margin: 0;

  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);

  border-radius: 0 .28571429rem .28571429rem

}

.ui.vertical.menu .active.dropdown.item {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0

}

.ui.vertical.menu .dropdown.active.item {

  box-shadow: none

}

.ui.item.menu .dropdown .menu .item {

  width: 100%

}

.ui.menu .item > .label {

  background: #999;

  color: #FFF;

  margin-left: 1em;

  padding: .3em .78571429em

}

.ui.vertical.menu .item > .label {

  background: #999;

  color: #FFF;

  margin-top: -.15em;

  margin-bottom: -.15em;

  padding: .3em .78571429em;

  float: right;

  text-align: center

}

.ui.menu .item > .floating.label {

  padding: .3em .78571429em

}

.ui.menu .item > img:not(.ui) {

  display: inline-block;

  vertical-align: middle;

  margin: -.3em 0;

  width: 2.5em

}

.ui.vertical.menu .item > img:not(.ui):only-child {

  display: block;

  max-width: 100%;

  width: auto

}

.ui.vertical.sidebar.menu > .item:first-child:before {

  display: block !important

}

.ui.vertical.sidebar.menu > .item::before {

  top: auto;

  bottom: 0

}

@media only screen and (max-width:767px) {

  .ui.menu > .ui.container {

    width: 100% !important;

    margin-left: 0 !important;

    margin-right: 0 !important

  }

}

@media only screen and (min-width:768px) {

  .ui.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, .1)

  }

}

.ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover {

  cursor: pointer;

  background: rgba(0, 0, 0, .03);

  color: rgba(0, 0, 0, .95)

}

.ui.link.menu .item:active, .ui.menu .link.item:active, .ui.menu a.item:active {

  background: rgba(0, 0, 0, .03);

  color: rgba(0, 0, 0, .95)

}

.ui.menu .active.item {

  background: rgba(0, 0, 0, .05);

  color: rgba(0, 0, 0, .95);

  font-weight: 400;

  box-shadow: none

}

.ui.menu .active.item > i.icon {

  opacity: 1

}

.ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover {

  background-color: rgba(0, 0, 0, .05);

  color: rgba(0, 0, 0, .95)

}

.ui.menu .item.disabled, .ui.menu .item.disabled:hover {

  cursor: default;

  background-color: transparent !important;

  color: rgba(40, 40, 40, .3)

}

.ui.menu:not(.vertical) .left.item, .ui.menu:not(.vertical) .left.menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-right: auto !important

}

.ui.menu:not(.vertical) .right.item, .ui.menu:not(.vertical) .right.menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-left: auto !important

}

.ui.menu .right.item::before, .ui.menu .right.menu > .item::before {

  right: auto;

  left: 0

}

.ui.vertical.menu {

  display: block;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  background: #FFF;

  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15)

}

.ui.vertical.menu .item {

  display: block;

  background: 0 0;

  border-top: none;

  border-right: none

}

.ui.vertical.menu > .item:first-child {

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.vertical.menu > .item:last-child {

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui.vertical.menu .item > i.icon {

  width: 1.18em;

  float: right;

  margin: 0 0 0 .5em

}

.ui.vertical.menu .item > .label + i.icon {

  float: none;

  margin: 0 .5em 0 0

}

.ui.vertical.menu .item:before {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: rgba(34, 36, 38, .1)

}

.ui.vertical.menu .item:first-child:before {

  display: none !important

}

.ui.vertical.menu .item > .menu {

  margin: .5em -1.14285714em 0

}

.ui.vertical.menu .menu .item {

  background: 0 0;

  padding: .5em 1.33333333em;

  font-size: .85714286em;

  color: rgba(0, 0, 0, .5)

}

.ui.vertical.menu .item .menu .link.item:hover, .ui.vertical.menu .item .menu a.item:hover {

  color: rgba(0, 0, 0, .85)

}

.ui.vertical.menu .menu .item:before {

  display: none

}

.ui.vertical.menu .active.item {

  background: rgba(0, 0, 0, .05);

  border-radius: 0;

  box-shadow: none

}

.ui.vertical.menu > .active.item:first-child {

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.vertical.menu > .active.item:last-child {

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui.vertical.menu > .active.item:only-child {

  border-radius: .28571429rem

}

.ui.vertical.menu .active.item .menu .active.item {

  border-left: none

}

.ui.vertical.menu .item .menu .active.item {

  background-color: transparent;

  font-weight: 700;

  color: rgba(0, 0, 0, .95)

}

.ui.tabular.menu {

  border-radius: 0;

  box-shadow: none !important;

  border: none;

  background: none;

  border-bottom: 1px solid #D4D4D5

}

.ui.tabular.fluid.menu {

  width: calc(100% + 2px) !important

}

.ui.tabular.menu .item {

  background: 0 0;

  border-bottom: none;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  border-top: 2px solid transparent;

  padding: .92857143em 1.42857143em;

  color: rgba(0, 0, 0, .87)

}

.ui.tabular.menu .item:before {

  display: none

}

.ui.tabular.menu .item:hover {

  background-color: transparent;

  color: rgba(0, 0, 0, .8)

}

.ui.tabular.menu .active.item {

  background: #FFF;

  color: rgba(0, 0, 0, .95);

  border-top-width: 1px;

  border-color: #D4D4D5;

  font-weight: 700;

  margin-bottom: -1px;

  box-shadow: none;

  border-radius: .28571429rem .28571429rem 0 0 !important

}

.ui.tabular.menu + .attached:not(.top).segment, .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {

  border-top: none;

  margin-left: 0;

  margin-top: 0;

  margin-right: 0;

  width: 100%

}

.top.attached.segment + .ui.bottom.tabular.menu {

  position: relative;

  width: calc(100% + 2px);

  left: -1px

}

.ui.bottom.tabular.menu {

  background: none;

  border-radius: 0;

  box-shadow: none !important;

  border-bottom: none;

  border-top: 1px solid #D4D4D5

}

.ui.bottom.tabular.menu .item {

  background: 0 0;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  border-bottom: 1px solid transparent;

  border-top: none

}

.ui.bottom.tabular.menu .active.item {

  background: #FFF;

  color: rgba(0, 0, 0, .95);

  border-color: #D4D4D5;

  margin: -1px 0 0;

  border-radius: 0 0 .28571429rem .28571429rem !important

}

.ui.vertical.tabular.menu {

  background: none;

  border-radius: 0;

  box-shadow: none !important;

  border-bottom: none;

  border-right: 1px solid #D4D4D5

}

.ui.vertical.tabular.menu .item {

  background: 0 0;

  border-left: 1px solid transparent;

  border-bottom: 1px solid transparent;

  border-top: 1px solid transparent;

  border-right: none

}

.ui.vertical.tabular.menu .active.item {

  background: #FFF;

  color: rgba(0, 0, 0, .95);

  border-color: #D4D4D5;

  margin: 0 -1px 0 0;

  border-radius: .28571429rem 0 0 .28571429rem !important

}

.ui.vertical.right.tabular.menu {

  background: none;

  border-radius: 0;

  box-shadow: none !important;

  border-bottom: none;

  border-right: none;

  border-left: 1px solid #D4D4D5

}

.ui.vertical.right.tabular.menu .item {

  background: 0 0;

  border-right: 1px solid transparent;

  border-bottom: 1px solid transparent;

  border-top: 1px solid transparent;

  border-left: none

}

.ui.vertical.right.tabular.menu .active.item {

  background: #FFF;

  color: rgba(0, 0, 0, .95);

  border-color: #D4D4D5;

  margin: 0 0 0 -1px;

  border-radius: 0 .28571429rem .28571429rem 0 !important

}

.ui.tabular.menu .active.dropdown.item {

  margin-bottom: 0;

  border-left: 1px solid transparent;

  border-right: 1px solid transparent;

  border-top: 2px solid transparent;

  border-bottom: none

}

.ui.pagination.menu {

  margin: 0;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  vertical-align: middle

}

.ui.pagination.menu .item:last-child {

  border-radius: 0 .28571429rem .28571429rem 0

}

.ui.pagination.menu .item:last-child:before {

  display: none

}

.ui.pagination.menu .item {

  min-width: 3em;

  text-align: center

}

.ui.pagination.menu .icon.item i.icon {

  vertical-align: top

}

.ui.pagination.menu .active.item {

  border-top: none;

  padding-top: .92857143em;

  background-color: rgba(0, 0, 0, .05);

  color: rgba(0, 0, 0, .95);

  box-shadow: none

}

.ui.secondary.menu {

  background: 0 0;

  margin-left: -.35714286em;

  margin-right: -.35714286em;

  border-radius: 0;

  border: none;

  box-shadow: none

}

.ui.secondary.menu .item {

  -ms-flex-item-align: center;

  -ms-grid-row-align: center;

  align-self: center;

  box-shadow: none;

  border: none;

  padding: .78571429em .92857143em;

  margin: 0 .35714286em;

  background: 0 0;

  -webkit-transition: color .1s ease;

  transition: color .1s ease;

  border-radius: .28571429rem

}

.ui.secondary.menu .item:before {

  display: none !important

}

.ui.secondary.menu .header.item {

  border-radius: 0;

  border-right: none;

  background: none

}

.ui.secondary.menu .item > img:not(.ui) {

  margin: 0

}

.ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover {

  background: rgba(0, 0, 0, .05);

  color: rgba(0, 0, 0, .95)

}

.ui.secondary.menu .active.item {

  box-shadow: none;

  background: rgba(0, 0, 0, .05);

  color: rgba(0, 0, 0, .95);

  border-radius: .28571429rem

}

.ui.secondary.menu .active.item:hover {

  box-shadow: none;

  background: rgba(0, 0, 0, .05);

  color: rgba(0, 0, 0, .95)

}

.ui.secondary.inverted.menu .link.item, .ui.secondary.inverted.menu a.item {

  color: rgba(255, 255, 255, .7) !important

}

.ui.secondary.inverted.menu .dropdown.item:hover, .ui.secondary.inverted.menu .link.item:hover, .ui.secondary.inverted.menu a.item:hover {

  background: rgba(255, 255, 255, .08);

  color: #fff !important

}

.ui.secondary.inverted.menu .active.item {

  background: rgba(255, 255, 255, .15);

  color: #fff !important

}

.ui.secondary.item.menu {

  margin-left: 0;

  margin-right: 0

}

.ui.secondary.item.menu .item:last-child {

  margin-right: 0

}

.ui.secondary.attached.menu {

  box-shadow: none

}

.ui.vertical.secondary.menu .item:not(.dropdown) > .menu {

  margin: 0 -.92857143em

}

.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {

  margin: 0;

  padding: .5em 1.33333333em

}

.ui.secondary.vertical.menu > .item {

  border: none;

  margin: 0 0 .35714286em;

  border-radius: .28571429rem !important

}

.ui.secondary.vertical.menu > .header.item {

  border-radius: 0

}

.ui.secondary.inverted.menu, .ui.vertical.secondary.menu .item > .menu .item {

  background-color: transparent

}

.ui.secondary.pointing.menu {

  margin-left: 0;

  margin-right: 0;

  border-bottom: 2px solid rgba(34, 36, 38, .15)

}

.ui.secondary.pointing.menu .item {

  border-bottom-color: transparent;

  border-bottom-style: solid;

  border-radius: 0;

  -ms-flex-item-align: end;

  align-self: flex-end;

  margin: 0 0 -2px;

  padding: .85714286em 1.14285714em;

  border-bottom-width: 2px;

  -webkit-transition: color .1s ease;

  transition: color .1s ease

}

.ui.secondary.pointing.menu .header.item {

  color: rgba(0, 0, 0, .85) !important

}

.ui.secondary.pointing.menu .text.item {

  box-shadow: none !important

}

.ui.secondary.pointing.menu .item:after {

  display: none

}

.ui.secondary.pointing.menu .dropdown.item:hover, .ui.secondary.pointing.menu .link.item:hover, .ui.secondary.pointing.menu a.item:hover {

  background-color: transparent;

  color: rgba(0, 0, 0, .87)

}

.ui.secondary.pointing.menu .dropdown.item:active, .ui.secondary.pointing.menu .link.item:active, .ui.secondary.pointing.menu a.item:active {

  background-color: transparent;

  border-color: rgba(34, 36, 38, .15)

}

.ui.secondary.pointing.menu .active.item {

  background-color: transparent;

  box-shadow: none;

  border-color: #1B1C1D;

  font-weight: 700;

  color: rgba(0, 0, 0, .95)

}

.ui.secondary.pointing.menu .active.item:hover {

  border-color: #1B1C1D;

  color: rgba(0, 0, 0, .95)

}

.ui.secondary.pointing.menu .active.dropdown.item {

  border-color: transparent

}

.ui.secondary.vertical.pointing.menu {

  border-bottom-width: 0;

  border-right-width: 2px;

  border-right-style: solid;

  border-right-color: rgba(34, 36, 38, .15)

}

.ui.secondary.vertical.pointing.menu .item {

  border-bottom: none;

  border-right-style: solid;

  border-right-color: transparent;

  border-radius: 0 !important;

  margin: 0 -2px 0 0;

  border-right-width: 2px

}

.ui.secondary.vertical.pointing.menu .active.item {

  border-color: #1B1C1D

}

.ui.secondary.inverted.pointing.menu {

  border-width: 2px;

  border-color: rgba(34, 36, 38, .15)

}

.ui.secondary.inverted.pointing.menu .item {

  color: rgba(255, 255, 255, .9)

}

.ui.secondary.inverted.pointing.menu .header.item {

  color: #FFF !important

}

.ui.secondary.inverted.pointing.menu .link.item:hover, .ui.secondary.inverted.pointing.menu a.item:hover {

  color: rgba(0, 0, 0, .95)

}

.ui.secondary.inverted.pointing.menu .active.item {

  border-color: #FFF;

  color: #fff

}

.ui.text.menu {

  background: none;

  border-radius: 0;

  box-shadow: none;

  border: none;

  margin: 1em -.5em

}

.ui.text.menu .item {

  border-radius: 0;

  box-shadow: none;

  -ms-flex-item-align: center;

  -ms-grid-row-align: center;

  align-self: center;

  margin: 0;

  padding: .35714286em .5em;

  font-weight: 400;

  color: rgba(0, 0, 0, .6);

  -webkit-transition: opacity .1s ease;

  transition: opacity .1s ease

}

.ui.text.menu .item:before, .ui.text.menu .menu .item:before {

  display: none !important

}

.ui.text.menu .header.item {

  background-color: transparent;

  opacity: 1;

  color: rgba(0, 0, 0, .85);

  font-size: .92857143em;

  text-transform: uppercase;

  font-weight: 700

}

.ui.text.item.menu .item, .ui.text.menu .item > img:not(.ui) {

  margin: 0

}

.ui.vertical.text.menu {

  margin: 1em 0

}

.ui.vertical.text.menu:first-child {

  margin-top: 0

}

.ui.vertical.text.menu:last-child {

  margin-bottom: 0

}

.ui.vertical.text.menu .item {

  margin: .57142857em 0;

  padding-left: 0;

  padding-right: 0

}

.ui.vertical.text.menu .item > i.icon {

  float: none;

  margin: 0 .35714286em 0 0

}

.ui.vertical.text.menu .header.item {

  margin: .57142857em 0 .71428571em

}

.ui.vertical.text.menu .item:not(.dropdown) > .menu {

  margin: 0

}

.ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {

  margin: 0;

  padding: .5em 0

}

.ui.text.menu .item:hover {

  opacity: 1;

  background-color: transparent

}

.ui.text.menu .active.item {

  background-color: transparent;

  border: none;

  box-shadow: none;

  font-weight: 400;

  color: rgba(0, 0, 0, .95)

}

.ui.text.menu .active.item:hover {

  background-color: transparent

}

.ui.text.attached.menu, .ui.text.pointing.menu .active.item:after {

  box-shadow: none

}

.ui.inverted.text.menu, .ui.inverted.text.menu .active.item, .ui.inverted.text.menu .item, .ui.inverted.text.menu .item:hover {

  background-color: transparent !important

}

.ui.fluid.text.menu {

  margin-left: 0;

  margin-right: 0

}

.ui.vertical.icon.menu {

  display: inline-block;

  width: auto

}

.ui.icon.menu .item {

  height: auto;

  text-align: center;

  color: #1B1C1D

}

.ui.icon.menu .item > .icon:not(.dropdown) {

  margin: 0;

  opacity: 1

}

.ui.icon.menu .icon:before {

  opacity: 1

}

.ui.menu .icon.item > .icon {

  width: auto;

  margin: 0 auto

}

.ui.vertical.icon.menu .item > .icon:not(.dropdown) {

  display: block;

  opacity: 1;

  margin: 0 auto;

  float: none

}

.ui.inverted.icon.menu .item {

  color: #FFF

}

.ui.labeled.icon.menu {

  text-align: center

}

.ui.labeled.icon.menu .item {

  min-width: 6em;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column

}

.ui.labeled.icon.menu .item > .icon:not(.dropdown) {

  height: 1em;

  display: block;

  font-size: 1.71428571em !important;

  margin: 0 auto .5rem !important

}

.ui.fluid.labeled.icon.menu > .item {

  min-width: 0

}

@media only screen and (max-width:767px) {

  .ui.stackable.menu {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

  }

  .ui.stackable.menu .item {

    width: 100% !important

  }

  .ui.stackable.menu .item:before {

    position: absolute;

    content: '';

    top: auto;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: rgba(34, 36, 38, .1)

  }

  .ui.stackable.menu .left.item, .ui.stackable.menu .left.menu {

    margin-right: 0 !important

  }

  .ui.stackable.menu .right.item, .ui.stackable.menu .right.menu {

    margin-left: 0 !important

  }

}

.ui.menu .red.active.item, .ui.red.menu .active.item {

  border-color: #DB2828 !important;

  color: #DB2828 !important

}

.ui.menu .orange.active.item, .ui.orange.menu .active.item {

  border-color: #F2711C !important;

  color: #F2711C !important

}

.ui.menu .yellow.active.item, .ui.yellow.menu .active.item {

  border-color: #FBBD08 !important;

  color: #FBBD08 !important

}

.ui.menu .olive.active.item, .ui.olive.menu .active.item {

  border-color: #B5CC18 !important;

  color: #B5CC18 !important

}

.ui.green.menu .active.item, .ui.menu .green.active.item {

  border-color: #21BA45 !important;

  color: #21BA45 !important

}

.ui.menu .teal.active.item, .ui.teal.menu .active.item {

  border-color: #00B5AD !important;

  color: #00B5AD !important

}

.ui.blue.menu .active.item, .ui.menu .blue.active.item {

  border-color: #2185D0 !important;

  color: #2185D0 !important

}

.ui.menu .violet.active.item, .ui.violet.menu .active.item {

  border-color: #6435C9 !important;

  color: #6435C9 !important

}

.ui.menu .purple.active.item, .ui.purple.menu .active.item {

  border-color: #A333C8 !important;

  color: #A333C8 !important

}

.ui.menu .pink.active.item, .ui.pink.menu .active.item {

  border-color: #E03997 !important;

  color: #E03997 !important

}

.ui.brown.menu .active.item, .ui.menu .brown.active.item {

  border-color: #A5673F !important;

  color: #A5673F !important

}

.ui.grey.menu .active.item, .ui.menu .grey.active.item {

  border-color: #767676 !important;

  color: #767676 !important

}

.ui.inverted.menu {

  border: 0 solid transparent;

  background: #1B1C1D;

  box-shadow: none

}

.ui.inverted.menu .item, .ui.inverted.menu .item > a:not(.ui) {

  background: 0 0;

  color: rgba(255, 255, 255, .9)

}

.ui.inverted.menu .item.menu {

  background: 0 0

}

.ui.inverted.menu .item:before, .ui.vertical.inverted.menu .item:before {

  background: rgba(255, 255, 255, .08)

}

.ui.vertical.inverted.menu .menu .item, .ui.vertical.inverted.menu .menu .item a:not(.ui) {

  color: rgba(255, 255, 255, .5)

}

.ui.inverted.menu .header.item {

  margin: 0;

  background: 0 0;

  box-shadow: none

}

.ui.inverted.menu .item.disabled, .ui.inverted.menu .item.disabled:hover {

  color: rgba(225, 225, 225, .3)

}

.ui.inverted.menu .dropdown.item:hover, .ui.inverted.menu .link.item:hover, .ui.inverted.menu a.item:hover, .ui.link.inverted.menu .item:hover {

  background: rgba(255, 255, 255, .08);

  color: #fff

}

.ui.vertical.inverted.menu .item .menu .link.item:hover, .ui.vertical.inverted.menu .item .menu a.item:hover {

  background: 0 0;

  color: #fff

}

.ui.inverted.menu .link.item:active, .ui.inverted.menu a.item:active {

  background: rgba(255, 255, 255, .08);

  color: #fff

}

.ui.inverted.menu .active.item {

  background: rgba(255, 255, 255, .15);

  color: #fff !important

}

.ui.inverted.vertical.menu .item .menu .active.item {

  background: 0 0;

  color: #FFF

}

.ui.inverted.pointing.menu .active.item:after {

  background: #3D3E3F !important;

  margin: 0 !important;

  box-shadow: none !important;

  border: none !important

}

.ui.inverted.menu .active.item:hover {

  background: rgba(255, 255, 255, .15);

  color: #FFF !important

}

.ui.inverted.pointing.menu .active.item:hover:after {

  background: #3D3E3F !important

}

.ui.floated.menu {

  float: left;

  margin: 0 .5rem 0 0

}

.ui.floated.menu .item:last-child:before {

  display: none

}

.ui.right.floated.menu {

  float: right;

  margin: 0 0 0 .5rem

}

.ui.inverted.menu .red.active.item, .ui.inverted.red.menu {

  background-color: #DB2828

}

.ui.inverted.red.menu .item:before {

  background-color: rgba(34, 36, 38, .1)

}

.ui.inverted.red.menu .active.item {

  background-color: rgba(0, 0, 0, .1) !important

}

.ui.inverted.menu .orange.active.item, .ui.inverted.orange.menu {

  background-color: #F2711C

}

.ui.inverted.orange.menu .item:before {

  background-color: rgba(34, 36, 38, .1)

}

.ui.inverted.orange.menu .active.item {

  background-color: rgba(0, 0, 0, .1) !important

}

.ui.inverted.menu .yellow.active.item, .ui.inverted.yellow.menu {

  background-color: #FBBD08

}

.ui.inverted.yellow.menu .item:before {

  background-color: rgba(34, 36, 38, .1)

}

.ui.inverted.yellow.menu .active.item {

  background-color: rgba(0, 0, 0, .1) !important

}

.ui.inverted.menu .olive.active.item, .ui.inverted.olive.menu {

  background-color: #B5CC18

}

.ui.inverted.olive.menu .item:before {

  background-color: rgba(34, 36, 38, .1)

}

.ui.inverted.olive.menu .active.item {

  background-color: rgba(0, 0, 0, .1) !important

}

.ui.inverted.green.menu, .ui.inverted.menu .green.active.item {

  background-color: #21BA45

}

.ui.inverted.green.menu .item:before {

  background-color: rgba(34, 36, 38, .1)

}

.ui.inverted.green.menu .active.item {

  background-color: rgba(0, 0, 0, .1) !important

}

.ui.inverted.menu .teal.active.item, .ui.inverted.teal.menu {

  background-color: #00B5AD

}

.ui.inverted.teal.menu .item:before {

  background-color: rgba(34, 36, 38, .1)

}

.ui.inverted.teal.menu .active.item {

  background-color: rgba(0, 0, 0, .1) !important

}

.ui.inverted.blue.menu, .ui.inverted.menu .blue.active.item {

  background-color: #2185D0

}

.ui.inverted.blue.menu .item:before {

  background-color: rgba(34, 36, 38, .1)

}

.ui.inverted.blue.menu .active.item {

  background-color: rgba(0, 0, 0, .1) !important

}

.ui.inverted.menu .violet.active.item, .ui.inverted.violet.menu {

  background-color: #6435C9

}

.ui.inverted.violet.menu .item:before {

  background-color: rgba(34, 36, 38, .1)

}

.ui.inverted.violet.menu .active.item {

  background-color: rgba(0, 0, 0, .1) !important

}

.ui.inverted.menu .purple.active.item, .ui.inverted.purple.menu {

  background-color: #A333C8

}

.ui.inverted.purple.menu .item:before {

  background-color: rgba(34, 36, 38, .1)

}

.ui.inverted.purple.menu .active.item {

  background-color: rgba(0, 0, 0, .1) !important

}

.ui.inverted.menu .pink.active.item, .ui.inverted.pink.menu {

  background-color: #E03997

}

.ui.inverted.pink.menu .item:before {

  background-color: rgba(34, 36, 38, .1)

}

.ui.inverted.pink.menu .active.item {

  background-color: rgba(0, 0, 0, .1) !important

}

.ui.inverted.brown.menu, .ui.inverted.menu .brown.active.item {

  background-color: #A5673F

}

.ui.inverted.brown.menu .item:before {

  background-color: rgba(34, 36, 38, .1)

}

.ui.inverted.brown.menu .active.item {

  background-color: rgba(0, 0, 0, .1) !important

}

.ui.inverted.grey.menu, .ui.inverted.menu .grey.active.item {

  background-color: #767676

}

.ui.inverted.grey.menu .item:before {

  background-color: rgba(34, 36, 38, .1)

}

.ui.inverted.grey.menu .active.item {

  background-color: rgba(0, 0, 0, .1) !important

}

.ui.fitted.menu .item, .ui.fitted.menu .item .menu .item, .ui.menu .fitted.item {

  padding: 0

}

.ui.horizontally.fitted.menu .item, .ui.horizontally.fitted.menu .item .menu .item, .ui.menu .horizontally.fitted.item {

  padding-top: .92857143em;

  padding-bottom: .92857143em

}

.ui.menu .vertically.fitted.item, .ui.vertically.fitted.menu .item, .ui.vertically.fitted.menu .item .menu .item {

  padding-left: 1.14285714em;

  padding-right: 1.14285714em

}

.ui.borderless.menu .item .menu .item:before, .ui.borderless.menu .item:before, .ui.menu .borderless.item:before {

  background: 0 0 !important

}

.ui.compact.menu {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  margin: 0;

  vertical-align: middle

}

.ui.compact.vertical.menu {

  display: inline-block;

  width: auto !important

}

.ui.compact.menu .item:last-child {

  border-radius: 0 .28571429rem .28571429rem 0

}

.ui.compact.menu .item:last-child:before {

  display: none

}

.ui.compact.vertical.menu .item:last-child::before {

  display: block

}

.ui.menu.fluid, .ui.vertical.menu.fluid {

  width: 100% !important

}

.ui.item.menu, .ui.item.menu .item {

  width: 100%;

  padding-left: 0 !important;

  padding-right: 0 !important;

  margin-left: 0 !important;

  margin-right: 0 !important;

  text-align: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center

}

.ui.item.menu .item:last-child:before {

  display: none

}

.ui.menu.two.item .item {

  width: 50%

}

.ui.menu.three.item .item {

  width: 33.333%

}

.ui.menu.four.item .item {

  width: 25%

}

.ui.menu.five.item .item {

  width: 20%

}

.ui.menu.six.item .item {

  width: 16.666%

}

.ui.menu.seven.item .item {

  width: 14.285%

}

.ui.menu.eight.item .item {

  width: 12.5%

}

.ui.menu.nine.item .item {

  width: 11.11%

}

.ui.menu.ten.item .item {

  width: 10%

}

.ui.menu.eleven.item .item {

  width: 9.09%

}

.ui.menu.twelve.item .item {

  width: 8.333%

}

.ui.menu.fixed {

  position: fixed;

  z-index: 101;

  margin: 0;

  width: 100%

}

.ui.menu.fixed, .ui.menu.fixed .item:first-child, .ui.menu.fixed .item:last-child {

  border-radius: 0 !important

}

.ui.fixed.menu, .ui[class*="top fixed"].menu {

  top: 0;

  left: 0;

  right: auto;

  bottom: auto

}

.ui[class*="top fixed"].menu {

  border-top: none;

  border-left: none;

  border-right: none

}

.ui[class*="right fixed"].menu {

  border-top: none;

  border-bottom: none;

  border-right: none;

  top: 0;

  right: 0;

  left: auto;

  bottom: auto;

  width: auto;

  height: 100%

}

.ui[class*="bottom fixed"].menu {

  border-bottom: none;

  border-left: none;

  border-right: none;

  bottom: 0;

  left: 0;

  top: auto;

  right: auto

}

.ui[class*="left fixed"].menu {

  border-top: none;

  border-bottom: none;

  border-left: none;

  top: 0;

  left: 0;

  right: auto;

  bottom: auto;

  width: auto;

  height: 100%

}

.ui.fixed.menu + .ui.grid {

  padding-top: 2.75rem

}

.ui.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: 0 0;

  margin: .5px 0 0;

  width: .57142857em;

  height: .57142857em;

  border: none;

  border-bottom: 1px solid #D4D4D5;

  border-right: 1px solid #D4D4D5;

  z-index: 2;

  -webkit-transition: background .1s ease;

  transition: background .1s ease

}

.ui.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: 0 -.5px 0 0;

  border: none;

  border-top: 1px solid #D4D4D5;

  border-right: 1px solid #D4D4D5

}

.ui.pointing.menu .active.item:after {

  visibility: visible

}

.ui.pointing.menu .active.dropdown.item:after {

  visibility: hidden

}

.ui.pointing.menu .active.item .menu .active.item:after, .ui.pointing.menu .dropdown.active.item:after {

  display: none

}

.ui.pointing.menu .active.item:after, .ui.pointing.menu .active.item:hover:after, .ui.vertical.pointing.menu .active.item:after, .ui.vertical.pointing.menu .active.item:hover:after {

  background-color: #F2F2F2

}

.ui.vertical.pointing.menu .menu .active.item:after {

  background-color: #FFF

}

.ui.attached.menu {

  top: 0;

  bottom: 0;

  border-radius: 0;

  margin: 0 -1px;

  width: calc(100% + 2px);

  max-width: calc(100% + 2px);

  box-shadow: none

}

.ui.attached + .ui.attached.menu:not(.top) {

  border-top: none

}

.ui[class*="top attached"].menu {

  bottom: 0;

  margin-bottom: 0;

  top: 0;

  margin-top: 1rem;

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.menu[class*="top attached"]:first-child {

  margin-top: 0

}

.ui[class*="bottom attached"].menu {

  bottom: 0;

  margin-top: 0;

  top: 0;

  margin-bottom: 1rem;

  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), none;

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui[class*="bottom attached"].menu:last-child {

  margin-bottom: 0

}

.ui.top.attached.menu > .item:first-child {

  border-radius: .28571429rem 0 0

}

.ui.bottom.attached.menu > .item:first-child {

  border-radius: 0 0 0 .28571429rem

}

.ui.attached.menu:not(.tabular) {

  border: 1px solid #D4D4D5

}

.ui.attached.inverted.menu {

  border: none

}

.ui.attached.tabular.menu {

  margin-left: 0;

  margin-right: 0;

  width: 100%

}

.ui.mini.menu {

  font-size: .78571429rem

}

.ui.mini.vertical.menu {

  width: 9rem

}

.ui.tiny.menu {

  font-size: .85714286rem

}

.ui.tiny.vertical.menu {

  width: 11rem

}

.ui.small.menu {

  font-size: .92857143rem

}

.ui.small.vertical.menu {

  width: 13rem

}

.ui.menu {

  font-size: 1rem

}

.ui.vertical.menu {

  width: 15rem

}

.ui.large.menu {

  font-size: 1.07142857rem

}

.ui.large.vertical.menu {

  width: 18rem

}

.ui.huge.menu {

  font-size: 1.14285714rem

}

.ui.huge.vertical.menu {

  width: 20rem

}

.ui.big.menu {

  font-size: 1.21428571rem

}

.ui.big.vertical.menu {

  width: 22rem

}

.ui.massive.menu {

  font-size: 1.28571429rem

}

.ui.massive.vertical.menu {

  width: 25rem

}

.ui.message {

  position: relative;

  min-height: 1em;

  margin: 1em 0;

  background: #F8F8F9;

  padding: 1em 1.5em;

  line-height: 1.4285em;

  color: rgba(0, 0, 0, .87);

  -webkit-transition: opacity .1s ease, color .1s ease, background .1s ease, box-shadow .1s ease;

  transition: opacity .1s ease, color .1s ease, background .1s ease, box-shadow .1s ease;

  border-radius: .28571429rem;

  box-shadow: 0 0 0 1px rgba(34, 36, 38, .22) inset, 0 0 0 0 transparent

}

.ui.message:first-child {

  margin-top: 0

}

.ui.message:last-child {

  margin-bottom: 0

}

.ui.message .header {

  display: block;

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  font-weight: 700;

  margin: -.14285em 0 0

}

.ui.message .header:not(.ui) {

  font-size: 1.14285714em

}

.ui.message p {

  opacity: .85;

  margin: .75em 0

}

.ui.message p:first-child {

  margin-top: 0

}

.ui.message p:last-child {

  margin-bottom: 0

}

.ui.message .header + p {

  margin-top: .25em

}

.ui.message .list:not(.ui) {

  text-align: left;

  padding: 0;

  opacity: .85;

  list-style-position: inside;

  margin: .5em 0 0

}

.ui.message .list:not(.ui):first-child {

  margin-top: 0

}

.ui.message .list:not(.ui):last-child {

  margin-bottom: 0

}

.ui.message .list:not(.ui) li {

  position: relative;

  list-style-type: none;

  margin: 0 0 .3em 1em;

  padding: 0

}

.ui.message .list:not(.ui) li:before {

  position: absolute;

  content: '•';

  left: -1em;

  height: 100%;

  vertical-align: baseline

}

.ui.message .list:not(.ui) li:last-child {

  margin-bottom: 0

}

.ui.message > .icon {

  margin-right: .6em

}

.ui.message > .close.icon {

  cursor: pointer;

  position: absolute;

  margin: 0;

  top: .78575em;

  right: .5em;

  opacity: .7;

  -webkit-transition: opacity .1s ease;

  transition: opacity .1s ease

}

.ui.message > .close.icon:hover {

  opacity: 1

}

.ui.message > :first-child {

  margin-top: 0

}

.ui.message > :last-child {

  margin-bottom: 0

}

.ui.dropdown .menu > .message {

  margin: 0 -1px

}

.ui.visible.visible.visible.visible.message {

  display: block

}

.ui.icon.visible.visible.visible.visible.message {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex

}

.ui.hidden.hidden.hidden.hidden.message {

  display: none

}

.ui.compact.message {

  display: inline-block

}

.ui.attached.message {

  margin-bottom: -1px;

  border-radius: .28571429rem .28571429rem 0 0;

  box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset;

  margin-left: -1px;

  margin-right: -1px

}

.ui.attached + .ui.attached.message:not(.top):not(.bottom) {

  margin-top: -1px;

  border-radius: 0

}

.ui.bottom.attached.message {

  margin-top: -1px;

  border-radius: 0 0 .28571429rem .28571429rem;

  box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset, 0 1px 2px 0 rgba(34, 36, 38, .15)

}

.ui.bottom.attached.message:not(:last-child) {

  margin-bottom: 1em

}

.ui.attached.icon.message {

  width: auto

}

.ui.icon.message {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}

.ui.icon.message > .icon:not(.close) {

  display: block;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: auto;

  line-height: 1;

  vertical-align: middle;

  font-size: 3em;

  opacity: .8

}

.ui.icon.message > .content {

  display: block;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  vertical-align: middle

}

.ui.icon.message .icon:not(.close) + .content {

  padding-left: 0

}

.ui.icon.message .circular.icon {

  width: 1em

}

.ui.floating.message {

  box-shadow: 0 0 0 1px rgba(34, 36, 38, .22) inset, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15)

}

.ui.positive.message {

  background-color: #FCFFF5;

  color: #2C662D

}

.ui.attached.positive.message, .ui.positive.message {

  box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 transparent

}

.ui.positive.message .header {

  color: #1A531B

}

.ui.negative.message {

  background-color: #FFF6F6;

  color: #9F3A38

}

.ui.attached.negative.message, .ui.negative.message {

  box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 transparent

}

.ui.negative.message .header {

  color: #912D2B

}

.ui.info.message {

  background-color: #F8FFFF;

  color: #276F86

}

.ui.attached.info.message, .ui.info.message {

  box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 transparent

}

.ui.info.message .header {

  color: #0E566C

}

.ui.warning.message {

  background-color: #FFFAF3;

  color: #573A08

}

.ui.attached.warning.message, .ui.warning.message {

  box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 transparent

}

.ui.warning.message .header {

  color: #794B02

}

.ui.error.message {

  background-color: #FFF6F6;

  color: #9F3A38

}

.ui.attached.error.message, .ui.error.message {

  box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 transparent

}

.ui.error.message .header {

  color: #912D2B

}

.ui.success.message {

  background-color: #FCFFF5;

  color: #2C662D

}

.ui.attached.success.message, .ui.success.message {

  box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 transparent

}

.ui.success.message .header {

  color: #1A531B

}

.ui.black.message, .ui.inverted.message {

  background-color: #1B1C1D;

  color: rgba(255, 255, 255, .9)

}

.ui.red.message {

  background-color: #FFE8E6;

  color: #DB2828;

  box-shadow: 0 0 0 1px #DB2828 inset, 0 0 0 0 transparent

}

.ui.red.message .header {

  color: #c82121

}

.ui.orange.message {

  background-color: #FFEDDE;

  color: #F2711C;

  box-shadow: 0 0 0 1px #F2711C inset, 0 0 0 0 transparent

}

.ui.orange.message .header {

  color: #e7640d

}

.ui.yellow.message {

  background-color: #FFF8DB;

  color: #B58105;

  box-shadow: 0 0 0 1px #B58105 inset, 0 0 0 0 transparent

}

.ui.yellow.message .header {

  color: #9c6f04

}

.ui.olive.message {

  background-color: #FBFDEF;

  color: #8ABC1E;

  box-shadow: 0 0 0 1px #8ABC1E inset, 0 0 0 0 transparent

}

.ui.olive.message .header {

  color: #7aa61a

}

.ui.green.message {

  background-color: #E5F9E7;

  color: #1EBC30;

  box-shadow: 0 0 0 1px #1EBC30 inset, 0 0 0 0 transparent

}

.ui.green.message .header {

  color: #1aa62a

}

.ui.teal.message {

  background-color: #E1F7F7;

  color: #10A3A3;

  box-shadow: 0 0 0 1px #10A3A3 inset, 0 0 0 0 transparent

}

.ui.teal.message .header {

  color: #0e8c8c

}

.ui.blue.message {

  background-color: #DFF0FF;

  color: #2185D0;

  box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 transparent

}

.ui.blue.message .header {

  color: #1e77ba

}

.ui.violet.message {

  background-color: #EAE7FF;

  color: #6435C9;

  box-shadow: 0 0 0 1px #6435C9 inset, 0 0 0 0 transparent

}

.ui.violet.message .header {

  color: #5a30b5

}

.ui.purple.message {

  background-color: #F6E7FF;

  color: #A333C8;

  box-shadow: 0 0 0 1px #A333C8 inset, 0 0 0 0 transparent

}

.ui.purple.message .header {

  color: #922eb4

}

.ui.pink.message {

  background-color: #FFE3FB;

  color: #E03997;

  box-shadow: 0 0 0 1px #E03997 inset, 0 0 0 0 transparent

}

.ui.pink.message .header {

  color: #dd238b

}

.ui.brown.message {

  background-color: #F1E2D3;

  color: #A5673F;

  box-shadow: 0 0 0 1px #A5673F inset, 0 0 0 0 transparent

}

.ui.brown.message .header {

  color: #935b38

}

.ui.mini.message {

  font-size: .78571429em

}

.ui.tiny.message {

  font-size: .85714286em

}

.ui.small.message {

  font-size: .92857143em

}

.ui.message {

  font-size: 1em

}

.ui.large.message {

  font-size: 1.14285714em

}

.ui.big.message {

  font-size: 1.28571429em

}

.ui.huge.message {

  font-size: 1.42857143em

}

.ui.massive.message {

  font-size: 1.71428571em

}

.ui.table {

  width: 100%;

  background: #FFF;

  margin: 1em 0;

  border: 1px solid rgba(34, 36, 38, .15);

  box-shadow: none;

  border-radius: .28571429rem;

  text-align: left;

  color: rgba(0, 0, 0, .87);

  border-collapse: separate;

  border-spacing: 0

}

.ui.table:first-child {

  margin-top: 0

}

.ui.table:last-child {

  margin-bottom: 0

}

.ui.table td, .ui.table th {

  -webkit-transition: background .1s ease, color .1s ease;

  transition: background .1s ease, color .1s ease

}

.ui.table thead {

  box-shadow: none

}

.ui.table thead th {

  cursor: auto;

  background: #F9FAFB;

  text-align: inherit;

  color: rgba(0, 0, 0, .87);

  padding: .92857143em .78571429em;

  vertical-align: inherit;

  font-style: none;

  font-weight: 700;

  text-transform: none;

  border-bottom: 1px solid rgba(34, 36, 38, .1);

  border-left: none

}

.ui.table thead tr > th:first-child {

  border-left: none

}

.ui.table thead tr:first-child > th:first-child {

  border-radius: .28571429rem 0 0

}

.ui.table thead tr:first-child > th:last-child {

  border-radius: 0 .28571429rem 0 0

}

.ui.table thead tr:first-child > th:only-child {

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.table tfoot {

  box-shadow: none

}

.ui.table tfoot th {

  cursor: auto;

  border-top: 1px solid rgba(34, 36, 38, .15);

  background: #F9FAFB;

  text-align: inherit;

  color: rgba(0, 0, 0, .87);

  padding: .78571429em;

  vertical-align: middle;

  font-style: normal;

  font-weight: 400;

  text-transform: none

}

.ui.table tfoot tr > th:first-child {

  border-left: none

}

.ui.table tfoot tr:first-child > th:first-child {

  border-radius: 0 0 0 .28571429rem

}

.ui.table tfoot tr:first-child > th:last-child {

  border-radius: 0 0 .28571429rem

}

.ui.table tfoot tr:first-child > th:only-child {

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui.table tr td {

  border-top: 1px solid rgba(34, 36, 38, .1)

}

.ui.table tr:first-child td {

  border-top: none

}

.ui.table td {

  padding: .78571429em;

  text-align: inherit

}

.ui.table > .icon {

  vertical-align: baseline

}

.ui.table > .icon:only-child {

  margin: 0

}

.ui.table.segment {

  padding: 0

}

.ui.table.segment:after {

  display: none

}

.ui.table.segment.stacked:after {

  display: block

}

@media only screen and (max-width:767px) {

  .ui.table:not(.unstackable) {

    width: 100%;

    padding: 0

  }

  .ui.table:not(.unstackable) tbody, .ui.table:not(.unstackable) tr, .ui.table:not(.unstackable) tr > td, .ui.table:not(.unstackable) tr > th {

    width: auto !important;

    display: block !important

  }

  .ui.table:not(.unstackable) tfoot, .ui.table:not(.unstackable) thead {

    display: block

  }

  .ui.table:not(.unstackable) tr {

    padding-top: 1em;

    padding-bottom: 1em;

    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1) inset !important

  }

  .ui.table:not(.unstackable) tr > td, .ui.table:not(.unstackable) tr > th {

    background: 0 0;

    border: none !important;

    padding: .25em .75em !important;

    box-shadow: none !important

  }

  .ui.table:not(.unstackable) td:first-child, .ui.table:not(.unstackable) th:first-child {

    font-weight: 700

  }

  .ui.definition.table:not(.unstackable) thead th:first-child {

    box-shadow: none !important

  }

}

.ui.table td .image, .ui.table td .image img, .ui.table th .image, .ui.table th .image img {

  max-width: none

}

.ui.structured.table {

  border-collapse: collapse

}

.ui.structured.table thead th {

  border-left: none;

  border-right: none

}

.ui.structured.sortable.table thead th {

  border-left: 1px solid rgba(34, 36, 38, .15);

  border-right: 1px solid rgba(34, 36, 38, .15)

}

.ui.structured.basic.table th {

  border-left: none;

  border-right: none

}

.ui.structured.celled.table tr td, .ui.structured.celled.table tr th {

  border-left: 1px solid rgba(34, 36, 38, .1);

  border-right: 1px solid rgba(34, 36, 38, .1)

}

.ui.definition.table thead:not(.full-width) th:first-child {

  pointer-events: none;

  background: 0 0;

  font-weight: 400;

  color: rgba(0, 0, 0, .4);

  box-shadow: -1px -1px 0 1px #FFF

}

.ui.definition.table tfoot:not(.full-width) th:first-child {

  pointer-events: none;

  background: 0 0;

  font-weight: rgba(0, 0, 0, .4);

  color: normal;

  box-shadow: 1px 1px 0 1px #FFF

}

.ui.celled.definition.table thead:not(.full-width) th:first-child {

  box-shadow: 0 -1px 0 1px #FFF

}

.ui.celled.definition.table tfoot:not(.full-width) th:first-child {

  box-shadow: 0 1px 0 1px #FFF

}

.ui.definition.table tr td.definition, .ui.definition.table tr td:first-child:not(.ignored) {

  background: rgba(0, 0, 0, .03);

  font-weight: 700;

  color: rgba(0, 0, 0, .95);

  text-transform: '';

  box-shadow: '';

  text-align: '';

  font-size: 1em;

  padding-left: '';

  padding-right: ''

}

.ui.definition.table td:nth-child(2), .ui.definition.table tfoot:not(.full-width) th:nth-child(2), .ui.definition.table thead:not(.full-width) th:nth-child(2) {

  border-left: 1px solid rgba(34, 36, 38, .15)

}

.ui.table td.positive, .ui.table tr.positive {

  box-shadow: 0 0 0 #A3C293 inset;

  background: #FCFFF5 !important;

  color: #2C662D !important

}

.ui.table td.negative, .ui.table tr.negative {

  box-shadow: 0 0 0 #E0B4B4 inset;

  background: #FFF6F6 !important;

  color: #9F3A38 !important

}

.ui.table td.error, .ui.table tr.error {

  box-shadow: 0 0 0 #E0B4B4 inset;

  background: #FFF6F6 !important;

  color: #9F3A38 !important

}

.ui.table td.warning, .ui.table tr.warning {

  box-shadow: 0 0 0 #C9BA9B inset;

  background: #FFFAF3 !important;

  color: #573A08 !important

}

.ui.table td.active, .ui.table tr.active {

  box-shadow: 0 0 0 rgba(0, 0, 0, .87) inset;

  background: #E0E0E0 !important;

  color: rgba(0, 0, 0, .87) !important

}

.ui.table tr td.disabled, .ui.table tr.disabled td, .ui.table tr.disabled:hover, .ui.table tr:hover td.disabled {

  pointer-events: none;

  color: rgba(40, 40, 40, .3)

}

@media only screen and (max-width:991px) {

  .ui[class*="tablet stackable"].table, .ui[class*="tablet stackable"].table tbody, .ui[class*="tablet stackable"].table tr, .ui[class*="tablet stackable"].table tr > td, .ui[class*="tablet stackable"].table tr > th {

    width: 100% !important;

    display: block !important

  }

  .ui[class*="tablet stackable"].table {

    padding: 0

  }

  .ui[class*="tablet stackable"].table tfoot, .ui[class*="tablet stackable"].table thead {

    display: block

  }

  .ui[class*="tablet stackable"].table tr {

    padding-top: 1em;

    padding-bottom: 1em;

    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1) inset !important

  }

  .ui[class*="tablet stackable"].table tr > td, .ui[class*="tablet stackable"].table tr > th {

    background: 0 0;

    border: none !important;

    padding: .25em .75em;

    box-shadow: none !important

  }

  .ui.definition[class*="tablet stackable"].table thead th:first-child {

    box-shadow: none !important

  }

}

.ui.table [class*="left aligned"], .ui.table[class*="left aligned"] {

  text-align: left

}

.ui.table [class*="center aligned"], .ui.table[class*="center aligned"] {

  text-align: center

}

.ui.table [class*="right aligned"], .ui.table[class*="right aligned"] {

  text-align: right

}

.ui.table [class*="top aligned"], .ui.table[class*="top aligned"] {

  vertical-align: top

}

.ui.table [class*="middle aligned"], .ui.table[class*="middle aligned"] {

  vertical-align: middle

}

.ui.table [class*="bottom aligned"], .ui.table[class*="bottom aligned"] {

  vertical-align: bottom

}

.ui.table td.collapsing, .ui.table th.collapsing {

  width: 1px;

  white-space: nowrap

}

.ui.fixed.table {

  table-layout: fixed

}

.ui.fixed.table td, .ui.fixed.table th {

  overflow: hidden;

  text-overflow: ellipsis

}

.ui.selectable.table tbody tr:hover, .ui.table tbody tr td.selectable:hover {

  background: rgba(0, 0, 0, .05) !important;

  color: rgba(0, 0, 0, .95) !important

}

.ui.inverted.table tbody tr td.selectable:hover, .ui.selectable.inverted.table tbody tr:hover {

  background: rgba(255, 255, 255, .08) !important;

  color: #fff !important

}

.ui.table tbody tr td.selectable {

  padding: 0

}

.ui.table tbody tr td.selectable > a:not(.ui) {

  display: block;

  color: inherit;

  padding: .78571429em

}

.ui.selectable.table tr.error:hover, .ui.selectable.table tr:hover td.error, .ui.table tr td.selectable.error:hover {

  background: #ffe7e7 !important;

  color: #943634 !important

}

.ui.selectable.table tr.warning:hover, .ui.selectable.table tr:hover td.warning, .ui.table tr td.selectable.warning:hover {

  background: #fff4e4 !important;

  color: #493107 !important

}

.ui.selectable.table tr.active:hover, .ui.selectable.table tr:hover td.active, .ui.table tr td.selectable.active:hover {

  background: #E0E0E0 !important;

  color: rgba(0, 0, 0, .87) !important

}

.ui.selectable.table tr.positive:hover, .ui.selectable.table tr:hover td.positive, .ui.table tr td.selectable.positive:hover {

  background: #f7ffe6 !important;

  color: #275b28 !important

}

.ui.selectable.table tr.negative:hover, .ui.selectable.table tr:hover td.negative, .ui.table tr td.selectable.negative:hover {

  background: #ffe7e7 !important;

  color: #943634 !important

}

.ui.attached.table {

  top: 0;

  bottom: 0;

  border-radius: 0;

  margin: 0 -1px;

  width: calc(100% + 2px);

  max-width: calc(100% + 2px);

  box-shadow: none;

  border: 1px solid #D4D4D5

}

.ui.attached + .ui.attached.table:not(.top) {

  border-top: none

}

.ui[class*="top attached"].table {

  bottom: 0;

  margin-bottom: 0;

  top: 0;

  margin-top: 1em;

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.table[class*="top attached"]:first-child {

  margin-top: 0

}

.ui[class*="bottom attached"].table {

  bottom: 0;

  margin-top: 0;

  top: 0;

  margin-bottom: 1em;

  box-shadow: none, none;

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui[class*="bottom attached"].table:last-child {

  margin-bottom: 0

}

.ui.striped.table tbody tr:nth-child(2n), .ui.striped.table > tr:nth-child(2n) {

  background-color: rgba(0, 0, 50, .02)

}

.ui.inverted.striped.table tbody tr:nth-child(2n), .ui.inverted.striped.table > tr:nth-child(2n) {

  background-color: rgba(255, 255, 255, .05)

}

.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {

  background: #EFEFEF !important;

  color: rgba(0, 0, 0, .95) !important

}

.ui.table [class*="single line"], .ui.table[class*="single line"] {

  white-space: nowrap

}

.ui.red.table {

  border-top: .2em solid #DB2828

}

.ui.inverted.red.table {

  background-color: #DB2828 !important;

  color: #FFF !important

}

.ui.orange.table {

  border-top: .2em solid #F2711C

}

.ui.inverted.orange.table {

  background-color: #F2711C !important;

  color: #FFF !important

}

.ui.yellow.table {

  border-top: .2em solid #FBBD08

}

.ui.inverted.yellow.table {

  background-color: #FBBD08 !important;

  color: #FFF !important

}

.ui.olive.table {

  border-top: .2em solid #B5CC18

}

.ui.inverted.olive.table {

  background-color: #B5CC18 !important;

  color: #FFF !important

}

.ui.green.table {

  border-top: .2em solid #21BA45

}

.ui.inverted.green.table {

  background-color: #21BA45 !important;

  color: #FFF !important

}

.ui.teal.table {

  border-top: .2em solid #00B5AD

}

.ui.inverted.teal.table {

  background-color: #00B5AD !important;

  color: #FFF !important

}

.ui.blue.table {

  border-top: .2em solid #2185D0

}

.ui.inverted.blue.table {

  background-color: #2185D0 !important;

  color: #FFF !important

}

.ui.violet.table {

  border-top: .2em solid #6435C9

}

.ui.inverted.violet.table {

  background-color: #6435C9 !important;

  color: #FFF !important

}

.ui.purple.table {

  border-top: .2em solid #A333C8

}

.ui.inverted.purple.table {

  background-color: #A333C8 !important;

  color: #FFF !important

}

.ui.pink.table {

  border-top: .2em solid #E03997

}

.ui.inverted.pink.table {

  background-color: #E03997 !important;

  color: #FFF !important

}

.ui.brown.table {

  border-top: .2em solid #A5673F

}

.ui.inverted.brown.table {

  background-color: #A5673F !important;

  color: #FFF !important

}

.ui.grey.table {

  border-top: .2em solid #767676

}

.ui.inverted.grey.table {

  background-color: #767676 !important;

  color: #FFF !important

}

.ui.black.table {

  border-top: .2em solid #1B1C1D

}

.ui.inverted.black.table {

  background-color: #1B1C1D !important;

  color: #FFF !important

}

.ui.one.column.table td {

  width: 100%

}

.ui.two.column.table td {

  width: 50%

}

.ui.three.column.table td {

  width: 33.33333333%

}

.ui.four.column.table td {

  width: 25%

}

.ui.five.column.table td {

  width: 20%

}

.ui.six.column.table td {

  width: 16.66666667%

}

.ui.seven.column.table td {

  width: 14.28571429%

}

.ui.eight.column.table td {

  width: 12.5%

}

.ui.nine.column.table td {

  width: 11.11111111%

}

.ui.ten.column.table td {

  width: 10%

}

.ui.eleven.column.table td {

  width: 9.09090909%

}

.ui.twelve.column.table td {

  width: 8.33333333%

}

.ui.thirteen.column.table td {

  width: 7.69230769%

}

.ui.fourteen.column.table td {

  width: 7.14285714%

}

.ui.fifteen.column.table td {

  width: 6.66666667%

}

.ui.sixteen.column.table td, .ui.table td.one.wide, .ui.table th.one.wide {

  width: 6.25%

}

.ui.table td.two.wide, .ui.table th.two.wide {

  width: 12.5%

}

.ui.table td.three.wide, .ui.table th.three.wide {

  width: 18.75%

}

.ui.table td.four.wide, .ui.table th.four.wide {

  width: 25%

}

.ui.table td.five.wide, .ui.table th.five.wide {

  width: 31.25%

}

.ui.table td.six.wide, .ui.table th.six.wide {

  width: 37.5%

}

.ui.table td.seven.wide, .ui.table th.seven.wide {

  width: 43.75%

}

.ui.table td.eight.wide, .ui.table th.eight.wide {

  width: 50%

}

.ui.table td.nine.wide, .ui.table th.nine.wide {

  width: 56.25%

}

.ui.table td.ten.wide, .ui.table th.ten.wide {

  width: 62.5%

}

.ui.table td.eleven.wide, .ui.table th.eleven.wide {

  width: 68.75%

}

.ui.table td.twelve.wide, .ui.table th.twelve.wide {

  width: 75%

}

.ui.table td.thirteen.wide, .ui.table th.thirteen.wide {

  width: 81.25%

}

.ui.table td.fourteen.wide, .ui.table th.fourteen.wide {

  width: 87.5%

}

.ui.table td.fifteen.wide, .ui.table th.fifteen.wide {

  width: 93.75%

}

.ui.table td.sixteen.wide, .ui.table th.sixteen.wide {

  width: 100%

}

.ui.sortable.table thead th {

  cursor: pointer;

  white-space: nowrap;

  border-left: 1px solid rgba(34, 36, 38, .15);

  color: rgba(0, 0, 0, .87)

}

.ui.sortable.table thead th:first-child {

  border-left: none

}

.ui.sortable.table thead th.sorted, .ui.sortable.table thead th.sorted:hover {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none

}

.ui.sortable.table thead th:after {

  display: none;

  font-style: normal;

  font-weight: 400;

  text-decoration: inherit;

  content: '';

  height: 1em;

  width: auto;

  opacity: .8;

  margin: 0 0 0 .5em;

  font-family: Icons

}

.ui.sortable.table thead th.ascending:after {

  content: '\f0d8'

}

.ui.sortable.table thead th.descending:after {

  content: '\f0d7'

}

.ui.sortable.table th.disabled:hover {

  cursor: auto;

  color: rgba(40, 40, 40, .3)

}

.ui.sortable.table thead th:hover {

  background: rgba(0, 0, 0, .05);

  color: rgba(0, 0, 0, .8)

}

.ui.sortable.table thead th.sorted {

  background: rgba(0, 0, 0, .05);

  color: rgba(0, 0, 0, .95)

}

.ui.sortable.table thead th.sorted:after {

  display: inline-block

}

.ui.sortable.table thead th.sorted:hover {

  background: rgba(0, 0, 0, .05);

  color: rgba(0, 0, 0, .95)

}

.ui.inverted.sortable.table thead th.sorted {

  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05)) rgba(255, 255, 255, .15);

  background: linear-gradient(transparent, rgba(0, 0, 0, .05)) rgba(255, 255, 255, .15);

  color: #fff

}

.ui.inverted.sortable.table thead th:hover {

  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05)) rgba(255, 255, 255, .08);

  background: linear-gradient(transparent, rgba(0, 0, 0, .05)) rgba(255, 255, 255, .08);

  color: #fff

}

.ui.inverted.sortable.table thead th {

  border-left-color: transparent;

  border-right-color: transparent

}

.ui.inverted.table {

  background: #333;

  color: rgba(255, 255, 255, .9);

  border: none

}

.ui.inverted.table th {

  background-color: rgba(0, 0, 0, .15);

  border-color: rgba(255, 255, 255, .1) !important;

  color: rgba(255, 255, 255, .9)

}

.ui.inverted.table tr td {

  border-color: rgba(255, 255, 255, .1) !important

}

.ui.inverted.table tr td.disabled, .ui.inverted.table tr.disabled td, .ui.inverted.table tr.disabled:hover td, .ui.inverted.table tr:hover td.disabled {

  pointer-events: none;

  color: rgba(225, 225, 225, .3)

}

.ui.inverted.definition.table tfoot:not(.full-width) th:first-child, .ui.inverted.definition.table thead:not(.full-width) th:first-child {

  background: #FFF

}

.ui.inverted.definition.table tr td:first-child {

  background: rgba(255, 255, 255, .02);

  color: #fff

}

.ui.collapsing.table {

  width: auto

}

.ui.basic.table {

  background: 0 0;

  border: 1px solid rgba(34, 36, 38, .15);

  box-shadow: none

}

.ui.basic.table tfoot, .ui.basic.table thead {

  box-shadow: none

}

.ui.basic.table th {

  background: 0 0;

  border-left: none

}

.ui.basic.table tbody tr {

  border-bottom: 1px solid rgba(0, 0, 0, .1)

}

.ui.basic.table td {

  background: 0 0

}

.ui.basic.striped.table tbody tr:nth-child(2n) {

  background-color: rgba(0, 0, 0, .05) !important

}

.ui[class*="very basic"].table {

  border: none

}

.ui[class*="very basic"].table:not(.sortable):not(.striped) td, .ui[class*="very basic"].table:not(.sortable):not(.striped) th {

  padding: ''

}

.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child {

  padding-left: 0

}

.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child {

  padding-right: 0

}

.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {

  padding-top: 0

}

.ui.celled.table tr td, .ui.celled.table tr th {

  border-left: 1px solid rgba(34, 36, 38, .1)

}

.ui.celled.table tr td:first-child, .ui.celled.table tr th:first-child {

  border-left: none

}

.ui.padded.table th {

  padding-left: 1em;

  padding-right: 1em

}

.ui.padded.table td, .ui.padded.table th {

  padding: 1em

}

.ui[class*="very padded"].table th {

  padding-left: 1.5em;

  padding-right: 1.5em

}

.ui[class*="very padded"].table td {

  padding: 1.5em

}

.ui.compact.table th {

  padding-left: .7em;

  padding-right: .7em

}

.ui.compact.table td {

  padding: .5em .7em

}

.ui[class*="very compact"].table th {

  padding-left: .6em;

  padding-right: .6em

}

.ui[class*="very compact"].table td {

  padding: .4em .6em

}

.ui.small.table {

  font-size: .9em

}

.ui.table {

  font-size: 1em

}

.ui.large.table {

  font-size: 1.1em

}

.ui.ad {

  display: block;

  overflow: hidden;

  margin: 1em 0

}

.ui.ad:first-child, .ui.ad:last-child {

  margin: 0

}

.ui.ad iframe {

  margin: 0;

  padding: 0;

  border: none;

  overflow: hidden

}

.ui.leaderboard.ad {

  width: 728px;

  height: 90px

}

.ui[class*="medium rectangle"].ad {

  width: 300px;

  height: 250px

}

.ui[class*="large rectangle"].ad {

  width: 336px;

  height: 280px

}

.ui[class*="half page"].ad {

  width: 300px;

  height: 600px

}

.ui.square.ad {

  width: 250px;

  height: 250px

}

.ui[class*="small square"].ad {

  width: 200px;

  height: 200px

}

.ui[class*="small rectangle"].ad {

  width: 180px;

  height: 150px

}

.ui[class*="vertical rectangle"].ad {

  width: 240px;

  height: 400px

}

.ui.button.ad {

  width: 120px;

  height: 90px

}

.ui[class*="square button"].ad {

  width: 125px;

  height: 125px

}

.ui[class*="small button"].ad {

  width: 120px;

  height: 60px

}

.ui.skyscraper.ad {

  width: 120px;

  height: 600px

}

.ui[class*="wide skyscraper"].ad {

  width: 160px

}

.ui.banner.ad {

  width: 468px;

  height: 60px

}

.ui[class*="vertical banner"].ad {

  width: 120px;

  height: 240px

}

.ui[class*="top banner"].ad {

  width: 930px;

  height: 180px

}

.ui[class*="half banner"].ad {

  width: 234px;

  height: 60px

}

.ui[class*="large leaderboard"].ad {

  width: 970px;

  height: 90px

}

.ui.billboard.ad {

  width: 970px;

  height: 250px

}

.ui.panorama.ad {

  width: 980px;

  height: 120px

}

.ui.netboard.ad {

  width: 580px;

  height: 400px

}

.ui[class*="large mobile banner"].ad {

  width: 320px;

  height: 100px

}

.ui[class*="mobile leaderboard"].ad {

  width: 320px;

  height: 50px

}

.ui.mobile.ad {

  display: none

}

@media only screen and (max-width:767px) {

  .ui.mobile.ad {

    display: block

  }

}

.ui.centered.ad {

  margin-left: auto;

  margin-right: auto

}

.ui.test.ad {

  position: relative;

  background: #545454

}

.ui.test.ad:after {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 100%;

  text-align: center;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  content: 'Ad';

  color: #FFF;

  font-size: 1em;

  font-weight: 700

}

.ui.mobile.test.ad:after {

  font-size: .85714286em

}

.ui.test.ad[data-text]:after {

  content: attr(data-text)

}

.ui.card, .ui.cards > .card {

  max-width: 100%;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  width: 290px;

  min-height: 0;

  background: #FFF;

  padding: 0;

  border: none;

  border-radius: .28571429rem;

  box-shadow: 0 1px 3px 0 #D4D4D5, 0 0 0 1px #D4D4D5;

  -webkit-transition: box-shadow .1s ease, -webkit-transform .1s ease;

  transition: box-shadow .1s ease, -webkit-transform .1s ease;

  transition: box-shadow .1s ease, transform .1s ease;

  transition: box-shadow .1s ease, transform .1s ease, -webkit-transform .1s ease;

  z-index: ''

}

.ui.card {

  margin: 1em 0

}

.ui.card a, .ui.cards > .card a {

  cursor: pointer

}

.ui.card:first-child {

  margin-top: 0

}

.ui.card:last-child {

  margin-bottom: 0

}

.ui.cards {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: -.875em -.5em;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap

}

.ui.cards > .card {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: .875em .5em;

  float: none

}

.ui.card:after, .ui.cards:after {

  display: block;

  content: ' ';

  height: 0;

  clear: both;

  overflow: hidden;

  visibility: hidden

}

.ui.cards ~ .ui.cards {

  margin-top: .875em

}

.ui.card > :first-child, .ui.cards > .card > :first-child {

  border-radius: .28571429rem .28571429rem 0 0 !important;

  border-top: none !important

}

.ui.card > :last-child, .ui.cards > .card > :last-child {

  border-radius: 0 0 .28571429rem .28571429rem !important

}

.ui.card > :only-child, .ui.cards > .card > :only-child {

  border-radius: .28571429rem !important

}

.ui.card > .image, .ui.cards > .card > .image {

  position: relative;

  display: block;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  padding: 0;

  background: rgba(0, 0, 0, .05)

}

.ui.card > .image > img, .ui.cards > .card > .image > img {

  display: block;

  width: 100%;

  height: auto;

  border-radius: inherit

}

.ui.card > .image:not(.ui) > img, .ui.cards > .card > .image:not(.ui) > img {

  border: none

}

.ui.card > .content, .ui.cards > .card > .content {

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  border: none;

  border-top: 1px solid rgba(34, 36, 38, .1);

  background: 0 0;

  margin: 0;

  padding: 1em;

  box-shadow: none;

  font-size: 1em;

  border-radius: 0

}

.ui.card > .content:after, .ui.cards > .card > .content:after {

  display: block;

  content: ' ';

  height: 0;

  clear: both;

  overflow: hidden;

  visibility: hidden

}

.ui.card > .content > .header, .ui.cards > .card > .content > .header {

  display: block;

  margin: '';

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  color: rgba(0, 0, 0, .85)

}

.ui.card > .content > .header:not(.ui), .ui.cards > .card > .content > .header:not(.ui) {

  font-weight: 700;

  font-size: 1.28571429em;

  margin-top: -.21425em;

  line-height: 1.2857em

}

.ui.card > .content > .header + .description, .ui.card > .content > .meta + .description, .ui.cards > .card > .content > .header + .description, .ui.cards > .card > .content > .meta + .description {

  margin-top: .5em

}

.ui.card [class*="left floated"], .ui.cards > .card [class*="left floated"] {

  float: left

}

.ui.card [class*="right floated"], .ui.cards > .card [class*="right floated"] {

  float: right

}

.ui.card [class*="left aligned"], .ui.cards > .card [class*="left aligned"] {

  text-align: left

}

.ui.card [class*="center aligned"], .ui.cards > .card [class*="center aligned"] {

  text-align: center

}

.ui.card [class*="right aligned"], .ui.cards > .card [class*="right aligned"] {

  text-align: right

}

.ui.card .content img, .ui.cards > .card .content img {

  display: inline-block;

  vertical-align: middle;

  width: ''

}

.ui.card .avatar img, .ui.card img.avatar, .ui.cards > .card .avatar img, .ui.cards > .card img.avatar {

  width: 2em;

  height: 2em;

  border-radius: 500rem

}

.ui.card > .content > .description, .ui.cards > .card > .content > .description {

  clear: both;

  color: rgba(0, 0, 0, .68)

}

.ui.card > .content p, .ui.cards > .card > .content p {

  margin: 0 0 .5em

}

.ui.card > .content p:last-child, .ui.cards > .card > .content p:last-child {

  margin-bottom: 0

}

.ui.card .meta, .ui.cards > .card .meta {

  font-size: 1em;

  color: rgba(0, 0, 0, .4)

}

.ui.card .meta *, .ui.cards > .card .meta * {

  margin-right: .3em

}

.ui.card .meta :last-child, .ui.cards > .card .meta :last-child {

  margin-right: 0

}

.ui.card .meta [class*="right floated"], .ui.cards > .card .meta [class*="right floated"] {

  margin-right: 0;

  margin-left: .3em

}

.ui.card > .content a:not(.ui), .ui.cards > .card > .content a:not(.ui) {

  color: '';

  -webkit-transition: color .1s ease;

  transition: color .1s ease

}

.ui.card > .content a:not(.ui):hover, .ui.cards > .card > .content a:not(.ui):hover {

  color: ''

}

.ui.card > .content > a.header, .ui.cards > .card > .content > a.header {

  color: rgba(0, 0, 0, .85)

}

.ui.card > .content > a.header:hover, .ui.cards > .card > .content > a.header:hover {

  color: #1e70bf

}

.ui.card .meta > a:not(.ui), .ui.cards > .card .meta > a:not(.ui) {

  color: rgba(0, 0, 0, .4)

}

.ui.card .meta > a:not(.ui):hover, .ui.cards > .card .meta > a:not(.ui):hover {

  color: rgba(0, 0, 0, .87)

}

.ui.card > .button, .ui.card > .buttons, .ui.cards > .card > .button, .ui.cards > .card > .buttons {

  margin: 0 -1px;

  width: calc(100% + 2px)

}

.ui.card .dimmer, .ui.cards > .card .dimmer {

  background-color: '';

  z-index: 10

}

.ui.card > .content .star.icon, .ui.cards > .card > .content .star.icon {

  cursor: pointer;

  opacity: .75;

  -webkit-transition: color .1s ease;

  transition: color .1s ease

}

.ui.card > .content .star.icon:hover, .ui.cards > .card > .content .star.icon:hover {

  opacity: 1;

  color: #FFB70A

}

.ui.card > .content .active.star.icon, .ui.cards > .card > .content .active.star.icon {

  color: #FFE623

}

.ui.card > .content .like.icon, .ui.cards > .card > .content .like.icon {

  cursor: pointer;

  opacity: .75;

  -webkit-transition: color .1s ease;

  transition: color .1s ease

}

.ui.card > .content .like.icon:hover, .ui.cards > .card > .content .like.icon:hover {

  opacity: 1;

  color: #FF2733

}

.ui.card > .content .active.like.icon, .ui.cards > .card > .content .active.like.icon {

  color: #FF2733

}

.ui.card > .extra, .ui.cards > .card > .extra {

  max-width: 100%;

  min-height: 0 !important;

  -webkit-box-flex: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  border-top: 1px solid rgba(0, 0, 0, .05) !important;

  position: static;

  background: 0 0;

  width: auto;

  margin: 0;

  padding: .75em 1em;

  top: 0;

  left: 0;

  color: rgba(0, 0, 0, .4);

  box-shadow: none;

  -webkit-transition: color .1s ease;

  transition: color .1s ease

}

.ui.card > .extra a:not(.ui), .ui.cards > .card > .extra a:not(.ui) {

  color: rgba(0, 0, 0, .4)

}

.ui.card > .extra a:not(.ui):hover, .ui.cards > .card > .extra a:not(.ui):hover {

  color: #1e70bf

}

.ui.link.cards .raised.card:hover, .ui.link.raised.card:hover, .ui.raised.cards a.card:hover, a.ui.raised.card:hover {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 4px 0 rgba(34, 36, 38, .15), 0 2px 10px 0 rgba(34, 36, 38, .25)

}

.ui.raised.card, .ui.raised.cards > .card {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15)

}

.ui.centered.cards {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center

}

.ui.centered.card {

  margin-left: auto;

  margin-right: auto

}

.ui.fluid.card {

  width: 100%;

  max-width: 9999px

}

.ui.cards a.card, .ui.link.card, .ui.link.cards .card, a.ui.card {

  -webkit-transform: none;

  transform: none

}

.ui.cards a.card:hover, .ui.link.card:hover, .ui.link.cards .card:hover, a.ui.card:hover {

  cursor: pointer;

  z-index: 5;

  background: #FFF;

  border: none;

  box-shadow: 0 1px 3px 0 #BCBDBD, 0 0 0 1px #D4D4D5;

  -webkit-transform: translateY(-3px);

  transform: translateY(-3px)

}

.ui.cards > .red.card, .ui.red.card, .ui.red.cards > .card {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #DB2828, 0 1px 3px 0 #D4D4D5

}

.ui.cards > .red.card:hover, .ui.red.card:hover, .ui.red.cards > .card:hover {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #d01919, 0 1px 3px 0 #BCBDBD

}

.ui.cards > .orange.card, .ui.orange.card, .ui.orange.cards > .card {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #F2711C, 0 1px 3px 0 #D4D4D5

}

.ui.cards > .orange.card:hover, .ui.orange.card:hover, .ui.orange.cards > .card:hover {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #f26202, 0 1px 3px 0 #BCBDBD

}

.ui.cards > .yellow.card, .ui.yellow.card, .ui.yellow.cards > .card {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #FBBD08, 0 1px 3px 0 #D4D4D5

}

.ui.cards > .yellow.card:hover, .ui.yellow.card:hover, .ui.yellow.cards > .card:hover {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #BCBDBD

}

.ui.cards > .olive.card, .ui.olive.card, .ui.olive.cards > .card {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #B5CC18, 0 1px 3px 0 #D4D4D5

}

.ui.cards > .olive.card:hover, .ui.olive.card:hover, .ui.olive.cards > .card:hover {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #BCBDBD

}

.ui.cards > .green.card, .ui.green.card, .ui.green.cards > .card {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #21BA45, 0 1px 3px 0 #D4D4D5

}

.ui.cards > .green.card:hover, .ui.green.card:hover, .ui.green.cards > .card:hover {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #BCBDBD

}

.ui.cards > .teal.card, .ui.teal.card, .ui.teal.cards > .card {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #00B5AD, 0 1px 3px 0 #D4D4D5

}

.ui.cards > .teal.card:hover, .ui.teal.card:hover, .ui.teal.cards > .card:hover {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #009c95, 0 1px 3px 0 #BCBDBD

}

.ui.blue.card, .ui.blue.cards > .card, .ui.cards > .blue.card {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #2185D0, 0 1px 3px 0 #D4D4D5

}

.ui.blue.card:hover, .ui.blue.cards > .card:hover, .ui.cards > .blue.card:hover {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD

}

.ui.cards > .violet.card, .ui.violet.card, .ui.violet.cards > .card {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #6435C9, 0 1px 3px 0 #D4D4D5

}

.ui.cards > .violet.card:hover, .ui.violet.card:hover, .ui.violet.cards > .card:hover {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #BCBDBD

}

.ui.cards > .purple.card, .ui.purple.card, .ui.purple.cards > .card {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #A333C8, 0 1px 3px 0 #D4D4D5

}

.ui.cards > .purple.card:hover, .ui.purple.card:hover, .ui.purple.cards > .card:hover {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #BCBDBD

}

.ui.cards > .pink.card, .ui.pink.card, .ui.pink.cards > .card {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #E03997, 0 1px 3px 0 #D4D4D5

}

.ui.cards > .pink.card:hover, .ui.pink.card:hover, .ui.pink.cards > .card:hover {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #BCBDBD

}

.ui.brown.card, .ui.brown.cards > .card, .ui.cards > .brown.card {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #A5673F, 0 1px 3px 0 #D4D4D5

}

.ui.brown.card:hover, .ui.brown.cards > .card:hover, .ui.cards > .brown.card:hover {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #975b33, 0 1px 3px 0 #BCBDBD

}

.ui.cards > .grey.card, .ui.grey.card, .ui.grey.cards > .card {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #767676, 0 1px 3px 0 #D4D4D5

}

.ui.cards > .grey.card:hover, .ui.grey.card:hover, .ui.grey.cards > .card:hover {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #838383, 0 1px 3px 0 #BCBDBD

}

.ui.black.card, .ui.black.cards > .card, .ui.cards > .black.card {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1B1C1D, 0 1px 3px 0 #D4D4D5

}

.ui.black.card:hover, .ui.black.cards > .card:hover, .ui.cards > .black.card:hover {

  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #27292a, 0 1px 3px 0 #BCBDBD

}

.ui.one.cards {

  margin-left: 0;

  margin-right: 0

}

.ui.one.cards > .card {

  width: 100%

}

.ui.two.cards {

  margin-left: -1em;

  margin-right: -1em

}

.ui.two.cards > .card {

  width: calc(50% - 2em);

  margin-left: 1em;

  margin-right: 1em

}

.ui.three.cards {

  margin-left: -1em;

  margin-right: -1em

}

.ui.three.cards > .card {

  width: calc(33.33333333% - 2em);

  margin-left: 1em;

  margin-right: 1em

}

.ui.four.cards {

  margin-left: -.75em;

  margin-right: -.75em

}

.ui.four.cards > .card {

  width: calc(25% - 1.5em);

  margin-left: .75em;

  margin-right: .75em

}

.ui.five.cards {

  margin-left: -.75em;

  margin-right: -.75em

}

.ui.five.cards > .card {

  width: calc(20% - 1.5em);

  margin-left: .75em;

  margin-right: .75em

}

.ui.six.cards {

  margin-left: -.75em;

  margin-right: -.75em

}

.ui.six.cards > .card {

  width: calc(16.66666667% - 1.5em);

  margin-left: .75em;

  margin-right: .75em

}

.ui.seven.cards {

  margin-left: -.5em;

  margin-right: -.5em

}

.ui.seven.cards > .card {

  width: calc(14.28571429% - 1em);

  margin-left: .5em;

  margin-right: .5em

}

.ui.eight.cards {

  margin-left: -.5em;

  margin-right: -.5em

}

.ui.eight.cards > .card {

  width: calc(12.5% - 1em);

  margin-left: .5em;

  margin-right: .5em;

  font-size: 11px

}

.ui.nine.cards {

  margin-left: -.5em;

  margin-right: -.5em

}

.ui.nine.cards > .card {

  width: calc(11.11111111% - 1em);

  margin-left: .5em;

  margin-right: .5em;

  font-size: 10px

}

.ui.ten.cards {

  margin-left: -.5em;

  margin-right: -.5em

}

.ui.ten.cards > .card {

  width: calc(10% - 1em);

  margin-left: .5em;

  margin-right: .5em

}

@media only screen and (max-width:767px) {

  .ui.two.doubling.cards {

    margin-left: 0;

    margin-right: 0

  }

  .ui.two.doubling.cards .card {

    width: 100%;

    margin-left: 0;

    margin-right: 0

  }

  .ui.three.doubling.cards {

    margin-left: -1em;

    margin-right: -1em

  }

  .ui.three.doubling.cards .card {

    width: calc(50% - 2em);

    margin-left: 1em;

    margin-right: 1em

  }

  .ui.four.doubling.cards {

    margin-left: -1em;

    margin-right: -1em

  }

  .ui.four.doubling.cards .card {

    width: calc(50% - 2em);

    margin-left: 1em;

    margin-right: 1em

  }

  .ui.five.doubling.cards {

    margin-left: -1em;

    margin-right: -1em

  }

  .ui.five.doubling.cards .card {

    width: calc(50% - 2em);

    margin-left: 1em;

    margin-right: 1em

  }

  .ui.six.doubling.cards {

    margin-left: -1em;

    margin-right: -1em

  }

  .ui.six.doubling.cards .card {

    width: calc(50% - 2em);

    margin-left: 1em;

    margin-right: 1em

  }

  .ui.seven.doubling.cards {

    margin-left: -1em;

    margin-right: -1em

  }

  .ui.seven.doubling.cards .card {

    width: calc(33.33333333% - 2em);

    margin-left: 1em;

    margin-right: 1em

  }

  .ui.eight.doubling.cards {

    margin-left: -1em;

    margin-right: -1em

  }

  .ui.eight.doubling.cards .card {

    width: calc(33.33333333% - 2em);

    margin-left: 1em;

    margin-right: 1em

  }

  .ui.nine.doubling.cards {

    margin-left: -1em;

    margin-right: -1em

  }

  .ui.nine.doubling.cards .card {

    width: calc(33.33333333% - 2em);

    margin-left: 1em;

    margin-right: 1em

  }

  .ui.ten.doubling.cards {

    margin-left: -1em;

    margin-right: -1em

  }

  .ui.ten.doubling.cards .card {

    width: calc(33.33333333% - 2em);

    margin-left: 1em;

    margin-right: 1em

  }

}

@media only screen and (min-width:768px) and (max-width:991px) {

  .ui.two.doubling.cards {

    margin-left: 0;

    margin-right: 0

  }

  .ui.two.doubling.cards .card {

    width: 100%;

    margin-left: 0;

    margin-right: 0

  }

  .ui.three.doubling.cards {

    margin-left: -1em;

    margin-right: -1em

  }

  .ui.three.doubling.cards .card {

    width: calc(50% - 2em);

    margin-left: 1em;

    margin-right: 1em

  }

  .ui.four.doubling.cards {

    margin-left: -1em;

    margin-right: -1em

  }

  .ui.four.doubling.cards .card {

    width: calc(50% - 2em);

    margin-left: 1em;

    margin-right: 1em

  }

  .ui.five.doubling.cards {

    margin-left: -1em;

    margin-right: -1em

  }

  .ui.five.doubling.cards .card {

    width: calc(33.33333333% - 2em);

    margin-left: 1em;

    margin-right: 1em

  }

  .ui.six.doubling.cards {

    margin-left: -1em;

    margin-right: -1em

  }

  .ui.six.doubling.cards .card {

    width: calc(33.33333333% - 2em);

    margin-left: 1em;

    margin-right: 1em

  }

  .ui.eight.doubling.cards {

    margin-left: -.75em;

    margin-right: -.75em

  }

  .ui.eight.doubling.cards .card {

    width: calc(25% - 1.5em);

    margin-left: .75em;

    margin-right: .75em

  }

  .ui.nine.doubling.cards {

    margin-left: -.75em;

    margin-right: -.75em

  }

  .ui.nine.doubling.cards .card {

    width: calc(25% - 1.5em);

    margin-left: .75em;

    margin-right: .75em

  }

  .ui.ten.doubling.cards {

    margin-left: -.75em;

    margin-right: -.75em

  }

  .ui.ten.doubling.cards .card {

    width: calc(20% - 1.5em);

    margin-left: .75em;

    margin-right: .75em

  }

}

@media only screen and (max-width:767px) {

  .ui.stackable.cards {

    display: block !important

  }

  .ui.stackable.cards .card:first-child {

    margin-top: 0 !important

  }

  .ui.stackable.cards > .card {

    display: block !important;

    height: auto !important;

    margin: 1em;

    padding: 0 !important;

    width: calc(100% - 2em) !important

  }

}

.ui.cards > .card {

  font-size: 1em

}

.ui.comments {

  margin: 1.5em 0;

  max-width: 650px

}

.ui.comments:first-child {

  margin-top: 0

}

.ui.comments:last-child {

  margin-bottom: 0

}

.ui.comments .comment {

  position: relative;

  background: 0 0;

  margin: .5em 0 0;

  padding: .5em 0 0;

  border: none;

  border-top: none;

  line-height: 1.2

}

.ui.comments .comment:first-child {

  margin-top: 0;

  padding-top: 0

}

.ui.comments .comment .comments {

  margin: 0 0 .5em .5em;

  padding: 1em 0 1em 1em

}

.ui.comments .comment .comments:before {

  position: absolute;

  top: 0;

  left: 0

}

.ui.comments .comment .comments .comment {

  border: none;

  border-top: none;

  background: 0 0

}

.ui.comments .comment .avatar {

  display: block;

  width: 2.5em;

  height: auto;

  float: left;

  margin: .2em 0 0

}

.ui.comments .comment .avatar img, .ui.comments .comment img.avatar {

  display: block;

  margin: 0 auto;

  width: 100%;

  height: 100%;

  border-radius: .25rem

}

.ui.comments .comment > .content {

  display: block

}

.ui.comments .comment > .avatar ~ .content {

  margin-left: 3.5em

}

.ui.comments .comment .author {

  font-size: 1em;

  color: rgba(0, 0, 0, .87);

  font-weight: 700

}

.ui.comments .comment a.author {

  cursor: pointer

}

.ui.comments .comment a.author:hover {

  color: #1e70bf

}

.ui.comments .comment .metadata {

  display: inline-block;

  margin-left: .5em;

  color: rgba(0, 0, 0, .4);

  font-size: .875em

}

.ui.comments .comment .metadata > * {

  display: inline-block;

  margin: 0 .5em 0 0

}

.ui.comments .comment .metadata > :last-child {

  margin-right: 0

}

.ui.comments .comment .text {

  margin: .25em 0 .5em;

  font-size: 1em;

  word-wrap: break-word;

  color: rgba(0, 0, 0, .87);

  line-height: 1.3

}

.ui.comments .comment .actions {

  font-size: .875em

}

.ui.comments .comment .actions a {

  cursor: pointer;

  display: inline-block;

  margin: 0 .75em 0 0;

  color: rgba(0, 0, 0, .4)

}

.ui.comments .comment .actions a:last-child {

  margin-right: 0

}

.ui.comments .comment .actions a.active, .ui.comments .comment .actions a:hover {

  color: rgba(0, 0, 0, .8)

}

.ui.comments > .reply.form {

  margin-top: 1em

}

.ui.comments .comment .reply.form {

  width: 100%;

  margin-top: 1em

}

.ui.comments .reply.form textarea {

  font-size: 1em;

  height: 12em

}

.ui.collapsed.comments, .ui.comments .collapsed.comment, .ui.comments .collapsed.comments {

  display: none

}

.ui.threaded.comments .comment .comments {

  margin: -1.5em 0 -1em 1.25em;

  padding: 3em 0 2em 2.25em;

  box-shadow: -1px 0 0 rgba(34, 36, 38, .15)

}

.ui.minimal.comments .comment .actions {

  opacity: 0;

  position: absolute;

  top: 0;

  right: 0;

  left: auto;

  -webkit-transition: opacity .2s ease;

  transition: opacity .2s ease;

  -webkit-transition-delay: .1s;

  transition-delay: .1s

}

.ui.minimal.comments .comment > .content:hover > .actions {

  opacity: 1

}

.ui.small.comments {

  font-size: .9em

}

.ui.comments {

  font-size: 1em

}

.ui.large.comments {

  font-size: 1.1em

}

.ui.huge.comments {

  font-size: 1.2em

}

.ui.feed {

  margin: 1em 0

}

.ui.feed:first-child {

  margin-top: 0

}

.ui.feed:last-child {

  margin-bottom: 0

}

.ui.feed > .event {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  width: 100%;

  padding: .21428571rem 0;

  margin: 0;

  background: 0 0;

  border-top: none

}

.ui.feed > .event:first-child {

  border-top: 0;

  padding-top: 0

}

.ui.feed > .event:last-child {

  padding-bottom: 0

}

.ui.feed > .event > .label {

  display: block;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: 2.5em;

  height: auto;

  -ms-flex-item-align: stretch;

  -ms-grid-row-align: stretch;

  align-self: stretch;

  text-align: left

}

.ui.feed > .event > .label .icon {

  opacity: 1;

  font-size: 1.5em;

  width: 100%;

  padding: .25em;

  background: 0 0;

  border: none;

  border-radius: none;

  color: rgba(0, 0, 0, .6)

}

.ui.feed > .event > .label img {

  width: 100%;

  height: auto;

  border-radius: 500rem

}

.ui.feed > .event > .label + .content {

  margin: .5em 0 .35714286em 1.14285714em

}

.ui.feed > .event > .content {

  display: block;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  -ms-flex-item-align: stretch;

  -ms-grid-row-align: stretch;

  align-self: stretch;

  text-align: left;

  word-wrap: break-word

}

.ui.feed > .event:last-child > .content {

  padding-bottom: 0

}

.ui.feed > .event > .content a {

  cursor: pointer

}

.ui.feed > .event > .content .date {

  margin: -.5rem 0 0;

  padding: 0;

  font-weight: 400;

  font-size: 1em;

  font-style: normal;

  color: rgba(0, 0, 0, .4)

}

.ui.feed > .event > .content .summary {

  margin: 0;

  font-size: 1em;

  font-weight: 700;

  color: rgba(0, 0, 0, .87)

}

.ui.feed > .event > .content .summary img {

  display: inline-block;

  width: auto;

  height: 10em;

  margin: -.25em .25em 0 0;

  border-radius: .25em;

  vertical-align: middle

}

.ui.feed > .event > .content .user {

  display: inline-block;

  font-weight: 700;

  margin-right: 0;

  vertical-align: baseline

}

.ui.feed > .event > .content .user img {

  margin: -.25em .25em 0 0;

  width: auto;

  height: 10em;

  vertical-align: middle

}

.ui.feed > .event > .content .summary > .date {

  display: inline-block;

  float: none;

  font-weight: 400;

  font-size: .85714286em;

  font-style: normal;

  margin: 0 0 0 .5em;

  padding: 0;

  color: rgba(0, 0, 0, .4)

}

.ui.feed > .event > .content .extra {

  margin: .5em 0 0;

  background: 0 0;

  padding: 0;

  color: rgba(0, 0, 0, .87)

}

.ui.feed > .event > .content .extra.images img {

  display: inline-block;

  margin: 0 .25em 0 0;

  width: 6em

}

.ui.feed > .event > .content .extra.text {

  padding: 0;

  border-left: none;

  font-size: 1em;

  max-width: 500px;

  line-height: 1.4285em

}

.ui.feed > .event > .content .meta {

  display: inline-block;

  font-size: .85714286em;

  margin: .5em 0 0;

  background: 0 0;

  border: none;

  border-radius: 0;

  box-shadow: none;

  padding: 0;

  color: rgba(0, 0, 0, .6)

}

.ui.feed > .event > .content .meta > * {

  position: relative;

  margin-left: .75em

}

.ui.feed > .event > .content .meta > :after {

  content: '';

  color: rgba(0, 0, 0, .2);

  top: 0;

  left: -1em;

  opacity: 1;

  position: absolute;

  vertical-align: top

}

.ui.feed > .event > .content .meta .like {

  color: '';

  -webkit-transition: .2s color ease;

  transition: .2s color ease

}

.ui.feed > .event > .content .meta .like:hover .icon {

  color: #FF2733

}

.ui.feed > .event > .content .meta .active.like .icon {

  color: #EF404A

}

.ui.feed > .event > .content .meta > :first-child {

  margin-left: 0

}

.ui.feed > .event > .content .meta > :first-child::after {

  display: none

}

.ui.feed > .event > .content .meta a, .ui.feed > .event > .content .meta > .icon {

  cursor: pointer;

  opacity: 1;

  color: rgba(0, 0, 0, .5);

  -webkit-transition: color .1s ease;

  transition: color .1s ease

}

.ui.feed > .event > .content .meta a:hover, .ui.feed > .event > .content .meta a:hover .icon, .ui.feed > .event > .content .meta > .icon:hover {

  color: rgba(0, 0, 0, .95)

}

.ui.small.feed {

  font-size: .92857143rem

}

.ui.feed {

  font-size: 1rem

}

.ui.large.feed {

  font-size: 1.14285714rem

}

.ui.items > .item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 1em 0;

  width: 100%;

  min-height: 0;

  background: 0 0;

  padding: 0;

  border: none;

  border-radius: 0;

  box-shadow: none;

  -webkit-transition: box-shadow .1s ease;

  transition: box-shadow .1s ease;

  z-index: ''

}

.ui.items > .item a {

  cursor: pointer

}

.ui.items {

  margin: 1.5em 0

}

.ui.items:first-child {

  margin-top: 0 !important

}

.ui.items:last-child {

  margin-bottom: 0 !important

}

.ui.items > .item:after {

  display: block;

  content: ' ';

  height: 0;

  clear: both;

  overflow: hidden;

  visibility: hidden

}

.ui.items > .item:first-child {

  margin-top: 0

}

.ui.items > .item:last-child {

  margin-bottom: 0

}

.ui.items > .item > .image {

  position: relative;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  display: block;

  float: none;

  margin: 0;

  padding: 0;

  max-height: '';

  -ms-flex-item-align: top;

  -ms-grid-row-align: top;

  align-self: top

}

.ui.items > .item > .image > img {

  display: block;

  width: 100%;

  height: auto;

  border-radius: .125rem;

  border: none

}

.ui.items > .item > .image:only-child > img {

  border-radius: 0

}

.ui.items > .item > .content {

  display: block;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  background: 0 0;

  margin: 0;

  padding: 0;

  box-shadow: none;

  font-size: 1em;

  border: none;

  border-radius: 0

}

.ui.items > .item > .content:after {

  display: block;

  content: ' ';

  height: 0;

  clear: both;

  overflow: hidden;

  visibility: hidden

}

.ui.items > .item > .image + .content {

  min-width: 0;

  width: auto;

  display: block;

  margin-left: 0;

  -ms-flex-item-align: top;

  -ms-grid-row-align: top;

  align-self: top;

  padding-left: 1.5em

}

.ui.items > .item > .content > .header {

  display: inline-block;

  margin: -.21425em 0 0;

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  font-weight: 700;

  color: rgba(0, 0, 0, .85)

}

.ui.items > .item > .content > .header:not(.ui) {

  font-size: 1.28571429em

}

.ui.items > .item [class*="left floated"] {

  float: left

}

.ui.items > .item [class*="right floated"] {

  float: right

}

.ui.items > .item .content img {

  -ms-flex-item-align: middle;

  -ms-grid-row-align: middle;

  align-self: middle;

  width: ''

}

.ui.items > .item .avatar img, .ui.items > .item img.avatar {

  width: '';

  height: '';

  border-radius: 500rem

}

.ui.items > .item > .content > .description {

  margin-top: .6em;

  max-width: auto;

  font-size: 1em;

  line-height: 1.4285em;

  color: rgba(0, 0, 0, .87)

}

.ui.items > .item > .content p {

  margin: 0 0 .5em

}

.ui.items > .item > .content p:last-child {

  margin-bottom: 0

}

.ui.items > .item .meta {

  margin: .5em 0;

  font-size: 1em;

  line-height: 1em;

  color: rgba(0, 0, 0, .6)

}

.ui.items > .item .meta * {

  margin-right: .3em

}

.ui.items > .item .meta :last-child {

  margin-right: 0

}

.ui.items > .item .meta [class*="right floated"] {

  margin-right: 0;

  margin-left: .3em

}

.ui.items > .item > .content a:not(.ui) {

  color: '';

  -webkit-transition: color .1s ease;

  transition: color .1s ease

}

.ui.items > .item > .content a:not(.ui):hover {

  color: ''

}

.ui.items > .item > .content > a.header {

  color: rgba(0, 0, 0, .85)

}

.ui.items > .item > .content > a.header:hover {

  color: #1e70bf

}

.ui.items > .item .meta > a:not(.ui) {

  color: rgba(0, 0, 0, .4)

}

.ui.items > .item .meta > a:not(.ui):hover {

  color: rgba(0, 0, 0, .87)

}

.ui.items > .item > .content .favorite.icon {

  cursor: pointer;

  opacity: .75;

  -webkit-transition: color .1s ease;

  transition: color .1s ease

}

.ui.items > .item > .content .favorite.icon:hover {

  opacity: 1;

  color: #FFB70A

}

.ui.items > .item > .content .active.favorite.icon {

  color: #FFE623

}

.ui.items > .item > .content .like.icon {

  cursor: pointer;

  opacity: .75;

  -webkit-transition: color .1s ease;

  transition: color .1s ease

}

.ui.items > .item > .content .like.icon:hover {

  opacity: 1;

  color: #FF2733

}

.ui.items > .item > .content .active.like.icon {

  color: #FF2733

}

.ui.items > .item .extra {

  display: block;

  position: relative;

  background: 0 0;

  margin: .5rem 0 0;

  width: 100%;

  padding: 0;

  top: 0;

  left: 0;

  color: rgba(0, 0, 0, .4);

  box-shadow: none;

  -webkit-transition: color .1s ease;

  transition: color .1s ease;

  border-top: none

}

.ui.items > .item .extra > * {

  margin: .25rem .5rem .25rem 0

}

.ui.items > .item .extra > [class*="right floated"] {

  margin: .25rem 0 .25rem .5rem

}

.ui.items > .item .extra:after {

  display: block;

  content: ' ';

  height: 0;

  clear: both;

  overflow: hidden;

  visibility: hidden

}

.ui.items > .item > .image:not(.ui) {

  width: 175px

}

@media only screen and (min-width:768px) and (max-width:991px) {

  .ui.items > .item {

    margin: 1em 0

  }

  .ui.items > .item > .image:not(.ui) {

    width: 150px

  }

  .ui.items > .item > .image + .content {

    display: block;

    padding: 0 0 0 1em

  }

}

@media only screen and (max-width:767px) {

  .ui.items > .item {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    margin: 2em 0

  }

  .ui.items > .item > .image {

    display: block;

    margin-left: auto;

    margin-right: auto

  }

  .ui.items > .item > .image, .ui.items > .item > .image > img {

    max-width: 100% !important;

    width: auto !important;

    max-height: 250px !important

  }

  .ui.items > .item > .image + .content {

    display: block;

    padding: 1.5em 0 0

  }

}

.ui.items > .item > .image + [class*="top aligned"].content {

  -ms-flex-item-align: start;

  align-self: flex-start

}

.ui.items > .item > .image + [class*="middle aligned"].content {

  -ms-flex-item-align: center;

  -ms-grid-row-align: center;

  align-self: center

}

.ui.items > .item > .image + [class*="bottom aligned"].content {

  -ms-flex-item-align: end;

  align-self: flex-end

}

.ui.relaxed.items > .item {

  margin: 1.5em 0

}

.ui[class*="very relaxed"].items > .item {

  margin: 2em 0

}

.ui.divided.items > .item {

  border-top: 1px solid rgba(34, 36, 38, .15);

  margin: 0;

  padding: 1em 0

}

.ui.divided.items > .item:first-child {

  border-top: none;

  margin-top: 0 !important;

  padding-top: 0 !important

}

.ui.divided.items > .item:last-child {

  margin-bottom: 0 !important;

  padding-bottom: 0 !important

}

.ui.relaxed.divided.items > .item {

  margin: 0;

  padding: 1.5em 0

}

.ui[class*="very relaxed"].divided.items > .item {

  margin: 0;

  padding: 2em 0

}

.ui.items a.item:hover, .ui.link.items > .item:hover {

  cursor: pointer

}

.ui.items a.item:hover .content .header, .ui.link.items > .item:hover .content .header {

  color: #1e70bf

}

.ui.items > .item {

  font-size: 1em

}

.ui.statistic {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin: 1em 0;

  max-width: auto

}

.ui.statistic + .ui.statistic {

  margin: 0 0 0 1.5em

}

.ui.statistic:first-child {

  margin-top: 0

}

.ui.statistic:last-child {

  margin-bottom: 0

}

.ui.statistics {

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap

}

.ui.statistics > .statistic {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-flex: 0;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin: 0 1.5em 2em;

  max-width: auto

}

.ui.statistics {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 1em -1.5em -2em

}

.ui.statistics:after {

  display: block;

  content: ' ';

  height: 0;

  clear: both;

  overflow: hidden;

  visibility: hidden

}

.ui.statistics:first-child {

  margin-top: 0

}

.ui.statistics:last-child {

  margin-bottom: 0

}

.ui.statistic > .value, .ui.statistics .statistic > .value {

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  font-weight: 400;

  line-height: 1em;

  color: #1B1C1D;

  text-transform: uppercase;

  text-align: center

}

.ui.statistic > .label, .ui.statistics .statistic > .label {

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  font-size: 1em;

  font-weight: 700;

  color: rgba(0, 0, 0, .87);

  text-transform: uppercase;

  text-align: center

}

.ui.statistic > .label ~ .value, .ui.statistic > .value ~ .label, .ui.statistics .statistic > .label ~ .value, .ui.statistics .statistic > .value ~ .label {

  margin-top: 0

}

.ui.statistic > .value .icon, .ui.statistics .statistic > .value .icon {

  opacity: 1;

  width: auto;

  margin: 0

}

.ui.statistic > .text.value, .ui.statistics .statistic > .text.value {

  line-height: 1em;

  min-height: 2em;

  font-weight: 700;

  text-align: center

}

.ui.statistic > .text.value + .label, .ui.statistics .statistic > .text.value + .label {

  text-align: center

}

.ui.statistic > .value img, .ui.statistics .statistic > .value img {

  max-height: 3rem;

  vertical-align: baseline

}

.ui.ten.statistics {

  margin: 0 0 -2em

}

.ui.ten.statistics .statistic {

  min-width: 10%;

  margin: 0 0 2em

}

.ui.nine.statistics {

  margin: 0 0 -2em

}

.ui.nine.statistics .statistic {

  min-width: 11.11111111%;

  margin: 0 0 2em

}

.ui.eight.statistics {

  margin: 0 0 -2em

}

.ui.eight.statistics .statistic {

  min-width: 12.5%;

  margin: 0 0 2em

}

.ui.seven.statistics {

  margin: 0 0 -2em

}

.ui.seven.statistics .statistic {

  min-width: 14.28571429%;

  margin: 0 0 2em

}

.ui.six.statistics {

  margin: 0 0 -2em

}

.ui.six.statistics .statistic {

  min-width: 16.66666667%;

  margin: 0 0 2em

}

.ui.five.statistics {

  margin: 0 0 -2em

}

.ui.five.statistics .statistic {

  min-width: 20%;

  margin: 0 0 2em

}

.ui.four.statistics {

  margin: 0 0 -2em

}

.ui.four.statistics .statistic {

  min-width: 25%;

  margin: 0 0 2em

}

.ui.three.statistics {

  margin: 0 0 -2em

}

.ui.three.statistics .statistic {

  min-width: 33.33333333%;

  margin: 0 0 2em

}

.ui.two.statistics {

  margin: 0 0 -2em

}

.ui.two.statistics .statistic {

  min-width: 50%;

  margin: 0 0 2em

}

.ui.one.statistics {

  margin: 0 0 -2em

}

.ui.one.statistics .statistic {

  min-width: 100%;

  margin: 0 0 2em

}

.ui.horizontal.statistic {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}

.ui.horizontal.statistics {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin: 0;

  max-width: none

}

.ui.horizontal.statistics .statistic {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  max-width: none;

  margin: 1em 0

}

.ui.horizontal.statistic > .text.value, .ui.horizontal.statistics > .statistic > .text.value {

  min-height: 0 !important

}

.ui.horizontal.statistic > .value .icon, .ui.horizontal.statistics .statistic > .value .icon {

  width: 1.18em

}

.ui.horizontal.statistic > .label, .ui.horizontal.statistics .statistic > .label {

  display: inline-block;

  vertical-align: middle;

  margin: 0 0 0 .75em

}

.ui.red.statistic > .value, .ui.red.statistics .statistic > .value, .ui.statistics .red.statistic > .value {

  color: #DB2828

}

.ui.orange.statistic > .value, .ui.orange.statistics .statistic > .value, .ui.statistics .orange.statistic > .value {

  color: #F2711C

}

.ui.statistics .yellow.statistic > .value, .ui.yellow.statistic > .value, .ui.yellow.statistics .statistic > .value {

  color: #FBBD08

}

.ui.olive.statistic > .value, .ui.olive.statistics .statistic > .value, .ui.statistics .olive.statistic > .value {

  color: #B5CC18

}

.ui.green.statistic > .value, .ui.green.statistics .statistic > .value, .ui.statistics .green.statistic > .value {

  color: #21BA45

}

.ui.statistics .teal.statistic > .value, .ui.teal.statistic > .value, .ui.teal.statistics .statistic > .value {

  color: #00B5AD

}

.ui.blue.statistic > .value, .ui.blue.statistics .statistic > .value, .ui.statistics .blue.statistic > .value {

  color: #2185D0

}

.ui.statistics .violet.statistic > .value, .ui.violet.statistic > .value, .ui.violet.statistics .statistic > .value {

  color: #6435C9

}

.ui.purple.statistic > .value, .ui.purple.statistics .statistic > .value, .ui.statistics .purple.statistic > .value {

  color: #A333C8

}

.ui.pink.statistic > .value, .ui.pink.statistics .statistic > .value, .ui.statistics .pink.statistic > .value {

  color: #E03997

}

.ui.brown.statistic > .value, .ui.brown.statistics .statistic > .value, .ui.statistics .brown.statistic > .value {

  color: #A5673F

}

.ui.grey.statistic > .value, .ui.grey.statistics .statistic > .value, .ui.statistics .grey.statistic > .value {

  color: #767676

}

.ui.inverted.statistic .value, .ui.inverted.statistics .statistic > .value {

  color: #FFF

}

.ui.inverted.statistic .label, .ui.inverted.statistics .statistic > .label {

  color: rgba(255, 255, 255, .9)

}

.ui.inverted.red.statistic > .value, .ui.inverted.red.statistics .statistic > .value, .ui.statistics .inverted.red.statistic > .value {

  color: #FF695E

}

.ui.inverted.orange.statistic > .value, .ui.inverted.orange.statistics .statistic > .value, .ui.statistics .inverted.orange.statistic > .value {

  color: #FF851B

}

.ui.inverted.yellow.statistic > .value, .ui.inverted.yellow.statistics .statistic > .value, .ui.statistics .inverted.yellow.statistic > .value {

  color: #FFE21F

}

.ui.inverted.olive.statistic > .value, .ui.inverted.olive.statistics .statistic > .value, .ui.statistics .inverted.olive.statistic > .value {

  color: #D9E778

}

.ui.inverted.green.statistic > .value, .ui.inverted.green.statistics .statistic > .value, .ui.statistics .inverted.green.statistic > .value {

  color: #2ECC40

}

.ui.inverted.teal.statistic > .value, .ui.inverted.teal.statistics .statistic > .value, .ui.statistics .inverted.teal.statistic > .value {

  color: #6DFFFF

}

.ui.inverted.blue.statistic > .value, .ui.inverted.blue.statistics .statistic > .value, .ui.statistics .inverted.blue.statistic > .value {

  color: #54C8FF

}

.ui.inverted.violet.statistic > .value, .ui.inverted.violet.statistics .statistic > .value, .ui.statistics .inverted.violet.statistic > .value {

  color: #A291FB

}

.ui.inverted.purple.statistic > .value, .ui.inverted.purple.statistics .statistic > .value, .ui.statistics .inverted.purple.statistic > .value {

  color: #DC73FF

}

.ui.inverted.pink.statistic > .value, .ui.inverted.pink.statistics .statistic > .value, .ui.statistics .inverted.pink.statistic > .value {

  color: #FF8EDF

}

.ui.inverted.brown.statistic > .value, .ui.inverted.brown.statistics .statistic > .value, .ui.statistics .inverted.brown.statistic > .value {

  color: #D67C1C

}

.ui.inverted.grey.statistic > .value, .ui.inverted.grey.statistics .statistic > .value, .ui.statistics .inverted.grey.statistic > .value {

  color: #DCDDDE

}

.ui[class*="left floated"].statistic {

  float: left;

  margin: 0 2em 1em 0

}

.ui[class*="right floated"].statistic {

  float: right;

  margin: 0 0 1em 2em

}

.ui.floated.statistic:last-child {

  margin-bottom: 0

}

.ui.mini.horizontal.statistic > .value, .ui.mini.horizontal.statistics .statistic > .value, .ui.mini.statistic > .value, .ui.mini.statistics .statistic > .value {

  font-size: 1.5rem !important

}

.ui.mini.statistic > .text.value, .ui.mini.statistics .statistic > .text.value {

  font-size: 1rem !important

}

.ui.tiny.horizontal.statistic > .value, .ui.tiny.horizontal.statistics .statistic > .value, .ui.tiny.statistic > .value, .ui.tiny.statistics .statistic > .value {

  font-size: 2rem !important

}

.ui.tiny.statistic > .text.value, .ui.tiny.statistics .statistic > .text.value {

  font-size: 1rem !important

}

.ui.small.statistic > .value, .ui.small.statistics .statistic > .value {

  font-size: 3rem !important

}

.ui.small.horizontal.statistic > .value, .ui.small.horizontal.statistics .statistic > .value {

  font-size: 2rem !important

}

.ui.small.statistic > .text.value, .ui.small.statistics .statistic > .text.value {

  font-size: 1rem !important

}

.ui.statistic > .value, .ui.statistics .statistic > .value {

  font-size: 4rem !important

}

.ui.horizontal.statistic > .value, .ui.horizontal.statistics .statistic > .value {

  display: inline-block;

  vertical-align: middle;

  font-size: 3rem !important

}

.ui.statistic > .text.value, .ui.statistics .statistic > .text.value {

  font-size: 2rem !important

}

.ui.large.statistic > .value, .ui.large.statistics .statistic > .value {

  font-size: 5rem !important

}

.ui.large.horizontal.statistic > .value, .ui.large.horizontal.statistics .statistic > .value {

  font-size: 4rem !important

}

.ui.large.statistic > .text.value, .ui.large.statistics .statistic > .text.value {

  font-size: 2.5rem !important

}

.ui.huge.statistic > .value, .ui.huge.statistics .statistic > .value {

  font-size: 6rem !important

}

.ui.huge.horizontal.statistic > .value, .ui.huge.horizontal.statistics .statistic > .value {

  font-size: 5rem !important

}

.ui.huge.statistic > .text.value, .ui.huge.statistics .statistic > .text.value {

  font-size: 2.5rem !important

}

.ui.accordion, .ui.accordion .accordion {

  max-width: 100%

}

.ui.accordion .accordion {

  margin: 1em 0 0;

  padding: 0

}

.ui.accordion .accordion .title, .ui.accordion .title {

  cursor: pointer

}

.ui.accordion .title:not(.ui) {

  padding: .5em 0;

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  font-size: 1em;

  color: rgba(0, 0, 0, .87)

}

.ui.accordion .accordion .title ~ .content, .ui.accordion .title ~ .content {

  display: none

}

.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui), .ui.accordion:not(.styled) .title ~ .content:not(.ui) {

  margin: '';

  padding: .5em 0 1em

}

.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {

  padding-bottom: 0

}

.ui.accordion .accordion .title .dropdown.icon, .ui.accordion .title .dropdown.icon {

  display: inline-block;

  float: none;

  opacity: 1;

  width: 1.25em;

  height: 1em;

  margin: 0 .25rem 0 0;

  padding: 0;

  font-size: 1em;

  -webkit-transition: opacity .1s ease, -webkit-transform .1s ease;

  transition: opacity .1s ease, -webkit-transform .1s ease;

  transition: transform .1s ease, opacity .1s ease;

  transition: transform .1s ease, opacity .1s ease, -webkit-transform .1s ease;

  vertical-align: baseline;

  -webkit-transform: none;

  transform: none

}

.ui.accordion.menu .item .title {

  display: block;

  padding: 0

}

.ui.accordion.menu .item .title > .dropdown.icon {

  float: right;

  margin: .21425em 0 0 1em;

  -webkit-transform: rotate(180deg);

  transform: rotate(180deg)

}

.ui.accordion .ui.header .dropdown.icon {

  font-size: 1em;

  margin: 0 .25rem 0 0

}

.ui.accordion .accordion .active.title .dropdown.icon, .ui.accordion .active.title .dropdown.icon, .ui.accordion.menu .item .active.title > .dropdown.icon {

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg)

}

.ui.styled.accordion {

  width: 600px

}

.ui.styled.accordion, .ui.styled.accordion .accordion {

  border-radius: .28571429rem;

  background: #FFF;

  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15)

}

.ui.styled.accordion .accordion .title, .ui.styled.accordion .title {

  margin: 0;

  padding: .75em 1em;

  color: rgba(0, 0, 0, .4);

  font-weight: 700;

  border-top: 1px solid rgba(34, 36, 38, .15);

  -webkit-transition: background .1s ease, color .1s ease;

  transition: background .1s ease, color .1s ease

}

.ui.styled.accordion .accordion .title:first-child, .ui.styled.accordion > .title:first-child {

  border-top: none

}

.ui.styled.accordion .accordion .content, .ui.styled.accordion .content {

  margin: 0;

  padding: .5em 1em 1.5em

}

.ui.styled.accordion .accordion .content {

  padding: .5em 1em 1.5em

}

.ui.styled.accordion .accordion .active.title, .ui.styled.accordion .accordion .title:hover, .ui.styled.accordion .active.title, .ui.styled.accordion .title:hover {

  background: 0 0;

  color: rgba(0, 0, 0, .87)

}

.ui.styled.accordion .accordion .active.title, .ui.styled.accordion .active.title {

  background: 0 0;

  color: rgba(0, 0, 0, .95)

}

.ui.accordion .accordion .active.content, .ui.accordion .active.content {

  display: block

}

.ui.fluid.accordion, .ui.fluid.accordion .accordion {

  width: 100%

}

.ui.inverted.accordion .title:not(.ui) {

  color: rgba(255, 255, 255, .9)

}

@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: 400;

  font-style: normal

}

.ui.accordion .accordion .title .dropdown.icon, .ui.accordion .title .dropdown.icon {

  font-family: Accordion;

  line-height: 1;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  font-weight: 400;

  font-style: normal;

  text-align: center

}

.ui.accordion .accordion .title .dropdown.icon:before, .ui.accordion .title .dropdown.icon:before {

  content: '\f0da'

}

.ui.checkbox {

  position: relative;

  display: inline-block;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  outline: 0;

  vertical-align: baseline;

  font-style: normal;

  min-height: 17px;

  font-size: 1rem;

  line-height: 17px;

  min-width: 17px

}

.ui.checkbox input[type=checkbox], .ui.checkbox input[type=radio] {

  cursor: pointer;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0 !important;

  outline: 0;

  z-index: 3;

  width: 17px;

  height: 17px

}

.ui.checkbox .box, .ui.checkbox label {

  cursor: auto;

  position: relative;

  display: block;

  padding-left: 1.85714em;

  outline: 0;

  font-size: 1em

}

.ui.checkbox .box:before, .ui.checkbox label:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 17px;

  height: 17px;

  content: '';

  background: #FFF;

  border-radius: .21428571rem;

  -webkit-transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;

  transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;

  transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease;

  transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;

  border: 1px solid #D4D4D5

}

.ui.checkbox .box:after, .ui.checkbox label:after {

  position: absolute;

  font-size: 14px;

  top: 0;

  left: 0;

  width: 17px;

  height: 17px;

  text-align: center;

  opacity: 0;

  color: rgba(0, 0, 0, .87);

  -webkit-transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;

  transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;

  transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease;

  transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;

  font-family: Checkbox

}

.ui.checkbox label, .ui.checkbox + label {

  color: rgba(0, 0, 0, .87);

  -webkit-transition: color .1s ease;

  transition: color .1s ease

}

.ui.checkbox + label {

  vertical-align: middle

}

.ui.checkbox .box:hover::before, .ui.checkbox label:hover::before {

  background: #FFF;

  border-color: rgba(34, 36, 38, .35)

}

.ui.checkbox label:hover, .ui.checkbox + label:hover {

  color: rgba(0, 0, 0, .8)

}

.ui.checkbox .box:active::before, .ui.checkbox label:active::before {

  background: #F9FAFB;

  border-color: rgba(34, 36, 38, .35)

}

.ui.checkbox .box:active::after, .ui.checkbox input:active ~ label, .ui.checkbox label:active::after {

  color: rgba(0, 0, 0, .95)

}

.ui.checkbox input:focus ~ .box:before, .ui.checkbox input:focus ~ label:before {

  background: #FFF;

  border-color: #96C8DA

}

.ui.checkbox input:focus ~ .box:after, .ui.checkbox input:focus ~ label, .ui.checkbox input:focus ~ label:after {

  color: rgba(0, 0, 0, .95)

}

.ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before {

  background: #FFF;

  border-color: rgba(34, 36, 38, .35)

}

.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {

  opacity: 1;

  color: rgba(0, 0, 0, .95)

}

.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate ~ label:before {

  background: #FFF;

  border-color: rgba(34, 36, 38, .35)

}

.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after, .ui.checkbox input:not([type=radio]):indeterminate ~ label:after {

  opacity: 1;

  color: rgba(0, 0, 0, .95)

}

.ui.checkbox input:checked:focus ~ .box:before, .ui.checkbox input:checked:focus ~ label:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before {

  background: #FFF;

  border-color: #96C8DA

}

.ui.checkbox input:checked:focus ~ .box:after, .ui.checkbox input:checked:focus ~ label:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after {

  color: rgba(0, 0, 0, .95)

}

.ui.read-only.checkbox, .ui.read-only.checkbox label {

  cursor: default

}

.ui.checkbox input[disabled] ~ .box:after, .ui.checkbox input[disabled] ~ label, .ui.disabled.checkbox .box:after, .ui.disabled.checkbox label {

  cursor: default !important;

  opacity: .5;

  color: #000

}

.ui.checkbox input.hidden {

  z-index: -1

}

.ui.checkbox input.hidden + label {

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none

}

.ui.radio.checkbox {

  min-height: 15px

}

.ui.radio.checkbox .box, .ui.radio.checkbox label {

  padding-left: 1.85714em

}

.ui.radio.checkbox .box:before, .ui.radio.checkbox label:before {

  content: '';

  -webkit-transform: none;

  transform: none;

  width: 15px;

  height: 15px;

  border-radius: 500rem;

  top: 1px;

  left: 0

}

.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {

  border: none;

  content: '' !important;

  line-height: 15px;

  top: 1px;

  left: 0;

  width: 15px;

  height: 15px;

  border-radius: 500rem;

  -webkit-transform: scale(.46666667);

  transform: scale(.46666667);

  background-color: rgba(0, 0, 0, .87)

}

.ui.radio.checkbox input:focus ~ .box:before, .ui.radio.checkbox input:focus ~ label:before {

  background-color: #FFF

}

.ui.radio.checkbox input:focus ~ .box:after, .ui.radio.checkbox input:focus ~ label:after {

  background-color: rgba(0, 0, 0, .95)

}

.ui.radio.checkbox input:indeterminate ~ .box:after, .ui.radio.checkbox input:indeterminate ~ label:after {

  opacity: 0

}

.ui.radio.checkbox input:checked ~ .box:before, .ui.radio.checkbox input:checked ~ label:before {

  background-color: #FFF

}

.ui.radio.checkbox input:checked ~ .box:after, .ui.radio.checkbox input:checked ~ label:after {

  background-color: rgba(0, 0, 0, .95)

}

.ui.radio.checkbox input:focus:checked ~ .box:before, .ui.radio.checkbox input:focus:checked ~ label:before {

  background-color: #FFF

}

.ui.radio.checkbox input:focus:checked ~ .box:after, .ui.radio.checkbox input:focus:checked ~ label:after {

  background-color: rgba(0, 0, 0, .95)

}

.ui.slider.checkbox {

  min-height: 1.25rem

}

.ui.slider.checkbox input {

  width: 3.5rem;

  height: 1.25rem

}

.ui.slider.checkbox .box, .ui.slider.checkbox label {

  padding-left: 4.5rem;

  line-height: 1rem;

  color: rgba(0, 0, 0, .4)

}

.ui.slider.checkbox .box:before, .ui.slider.checkbox label:before {

  display: block;

  position: absolute;

  content: '';

  border: none !important;

  left: 0;

  z-index: 1;

  top: .4rem;

  background-color: rgba(0, 0, 0, .05);

  width: 3.5rem;

  height: .21428571rem;

  -webkit-transform: none;

  transform: none;

  border-radius: 500rem;

  -webkit-transition: background .3s ease;

  transition: background .3s ease

}

.ui.slider.checkbox .box:after, .ui.slider.checkbox label:after {

  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05)) #FFF;

  background: linear-gradient(transparent, rgba(0, 0, 0, .05)) #FFF;

  position: absolute;

  content: '' !important;

  opacity: 1;

  z-index: 2;

  border: none;

  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;

  width: 1.5rem;

  height: 1.5rem;

  top: -.25rem;

  left: 0;

  -webkit-transform: none;

  transform: none;

  border-radius: 500rem;

  -webkit-transition: left .3s ease;

  transition: left .3s ease

}

.ui.slider.checkbox input:focus ~ .box:before, .ui.slider.checkbox input:focus ~ label:before {

  background-color: rgba(0, 0, 0, .15);

  border: none

}

.ui.slider.checkbox .box:hover, .ui.slider.checkbox label:hover {

  color: rgba(0, 0, 0, .8)

}

.ui.slider.checkbox .box:hover::before, .ui.slider.checkbox label:hover::before {

  background: rgba(0, 0, 0, .15)

}

.ui.slider.checkbox input:checked ~ .box, .ui.slider.checkbox input:checked ~ label {

  color: rgba(0, 0, 0, .95) !important

}

.ui.slider.checkbox input:checked ~ .box:before, .ui.slider.checkbox input:checked ~ label:before {

  background-color: #545454 !important

}

.ui.slider.checkbox input:checked ~ .box:after, .ui.slider.checkbox input:checked ~ label:after {

  left: 2rem

}

.ui.slider.checkbox input:focus:checked ~ .box, .ui.slider.checkbox input:focus:checked ~ label {

  color: rgba(0, 0, 0, .95) !important

}

.ui.slider.checkbox input:focus:checked ~ .box:before, .ui.slider.checkbox input:focus:checked ~ label:before {

  background-color: #000 !important

}

.ui.toggle.checkbox {

  min-height: 1.5rem

}

.ui.toggle.checkbox input {

  width: 3.5rem;

  height: 1.5rem

}

.ui.toggle.checkbox .box, .ui.toggle.checkbox label {

  min-height: 1.5rem;

  padding-left: 4.5rem;

  color: rgba(0, 0, 0, .87)

}

.ui.toggle.checkbox label {

  padding-top: .15em

}

.ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before {

  display: block;

  position: absolute;

  content: '';

  z-index: 1;

  -webkit-transform: none;

  transform: none;

  border: none;

  top: 0;

  background: rgba(0, 0, 0, .05);

  width: 3.5rem;

  height: 1.5rem;

  border-radius: 500rem

}

.ui.toggle.checkbox .box:after, .ui.toggle.checkbox label:after {

  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05)) #FFF;

  background: linear-gradient(transparent, rgba(0, 0, 0, .05)) #FFF;

  position: absolute;

  content: '' !important;

  opacity: 1;

  z-index: 2;

  border: none;

  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;

  width: 1.5rem;

  height: 1.5rem;

  top: 0;

  left: 0;

  border-radius: 500rem;

  -webkit-transition: background .3s ease, left .3s ease;

  transition: background .3s ease, left .3s ease

}

.ui.toggle.checkbox input ~ .box:after, .ui.toggle.checkbox input ~ label:after {

  left: -.05rem

}

.ui.toggle.checkbox .box:hover::before, .ui.toggle.checkbox input:focus ~ .box:before, .ui.toggle.checkbox input:focus ~ label:before, .ui.toggle.checkbox label:hover::before {

  background-color: rgba(0, 0, 0, .15);

  border: none

}

.ui.toggle.checkbox input:checked ~ .box, .ui.toggle.checkbox input:checked ~ label {

  color: rgba(0, 0, 0, .95) !important

}

.ui.toggle.checkbox input:checked ~ .box:before, .ui.toggle.checkbox input:checked ~ label:before {

  background-color: #2185D0 !important

}

.ui.toggle.checkbox input:checked ~ .box:after, .ui.toggle.checkbox input:checked ~ label:after {

  left: 2.15rem

}

.ui.toggle.checkbox input:focus:checked ~ .box, .ui.toggle.checkbox input:focus:checked ~ label {

  color: rgba(0, 0, 0, .95) !important

}

.ui.toggle.checkbox input:focus:checked ~ .box:before, .ui.toggle.checkbox input:focus:checked ~ label:before {

  background-color: #0d71bb !important

}

.ui.fitted.checkbox .box, .ui.fitted.checkbox label {

  padding-left: 0 !important

}

.ui.fitted.slider.checkbox, .ui.fitted.toggle.checkbox {

  width: 3.5rem

}

@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')

}

.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {

  content: '\e800'

}

.ui.checkbox input:indeterminate ~ .box:after, .ui.checkbox input:indeterminate ~ label:after {

  font-size: 12px;

  content: '\e801'

}

.dimmable:not(.body) {

  position: relative

}

.ui.dimmer {

  display: none;

  position: absolute;

  top: 0 !important;

  left: 0 !important;

  width: 100%;

  height: 100%;

  text-align: center;

  vertical-align: middle;

  background-color: rgba(0, 0, 0, .85);

  opacity: 0;

  line-height: 1;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-duration: .5s;

  animation-duration: .5s;

  -webkit-transition: background-color .5s linear;

  transition: background-color .5s linear;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  will-change: opacity;

  z-index: 1000

}

.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: #FFF

}

.ui.segment > .ui.dimmer {

  border-radius: inherit !important

}

.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

}

.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.dimmable > :not(.dimmer) {

  -webkit-filter: blur(0) grayscale(0);

  filter: blur(0) grayscale(0);

  -webkit-transition: .8s -webkit-filter ease;

  transition: .8s -webkit-filter ease;

  transition: .8s filter ease;

  transition: .8s filter ease, .8s -webkit-filter ease

}

.blurring.dimmed.dimmable > :not(.dimmer) {

  -webkit-filter: blur(5px) grayscale(.7);

  filter: blur(5px) grayscale(.7)

}

.blurring.dimmable > .dimmer {

  background-color: rgba(0, 0, 0, .6)

}

.blurring.dimmable > .inverted.dimmer {

  background-color: rgba(255, 255, 255, .6)

}

.ui.dimmer > .top.aligned.content > * {

  vertical-align: top

}

.ui.dimmer > .bottom.aligned.content > * {

  vertical-align: bottom

}

.ui.inverted.dimmer {

  background-color: rgba(255, 255, 255, .85)

}

.ui.inverted.dimmer > .content > * {

  color: #FFF

}

.ui.simple.dimmer {

  display: block;

  overflow: hidden;

  opacity: 1;

  width: 0%;

  height: 0%;

  z-index: -100;

  background-color: rgba(0, 0, 0, 0)

}

.dimmed.dimmable > .ui.simple.dimmer {

  overflow: visible;

  opacity: 1;

  width: 100%;

  height: 100%;

  background-color: rgba(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, .85)

}

.ui.dropdown {

  cursor: pointer;

  position: relative;

  display: inline-block;

  outline: 0;

  text-align: left;

  -webkit-transition: box-shadow .1s ease, width .1s ease;

  transition: box-shadow .1s ease, width .1s ease;

  -webkit-tap-highlight-color: transparent

}

.ui.dropdown .menu {

  cursor: auto;

  position: absolute;

  display: none;

  outline: 0;

  top: 100%;

  min-width: -webkit-max-content;

  min-width: -moz-max-content;

  min-width: max-content;

  margin: 0;

  padding: 0;

  background: #FFF;

  font-size: 1em;

  text-shadow: none;

  text-align: left;

  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);

  border: 1px solid rgba(34, 36, 38, .15);

  border-radius: .28571429rem;

  -webkit-transition: opacity .1s ease;

  transition: opacity .1s ease;

  z-index: 11;

  will-change: transform, opacity

}

.ui.dropdown .menu > * {

  white-space: nowrap

}

.ui.dropdown > input:not(.search):first-child, .ui.dropdown > select {

  display: none !important

}

.ui.dropdown > .dropdown.icon {

  position: relative;

  font-size: .85714286em;

  margin: 0 0 0 1em

}

.ui.dropdown .menu > .item .dropdown.icon {

  width: auto;

  float: right;

  margin: 0 0 0 1em

}

.ui.dropdown .menu > .item .dropdown.icon + .text {

  margin-right: 1em

}

.ui.dropdown > .text {

  display: inline-block;

  -webkit-transition: none;

  transition: none

}

.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, .87);

  padding: .78571429rem 1.14285714rem !important;

  font-size: 1rem;

  text-transform: none;

  font-weight: 400;

  box-shadow: none;

  -webkit-touch-callout: none

}

.ui.dropdown .menu > .item:first-child {

  border-top-width: 0

}

.ui.dropdown .menu .item > [class*="right floated"], .ui.dropdown > .text > [class*="right floated"] {

  float: right !important;

  margin-right: 0 !important;

  margin-left: 1em !important

}

.ui.dropdown .menu .item > [class*="left floated"], .ui.dropdown > .text > [class*="left floated"] {

  float: left !important;

  margin-left: 0 !important;

  margin-right: 1em !important

}

.ui.dropdown .menu .item > .flag.floated, .ui.dropdown .menu .item > .icon.floated, .ui.dropdown .menu .item > .image.floated, .ui.dropdown .menu .item > img.floated {

  margin-top: 0

}

.ui.dropdown .menu > .header {

  margin: 1rem 0 .75rem;

  padding: 0 1.14285714rem;

  color: rgba(0, 0, 0, .85);

  font-size: .78571429em;

  font-weight: 700;

  text-transform: uppercase

}

.ui.dropdown .menu > .divider {

  border-top: 1px solid rgba(34, 36, 38, .1);

  height: 0;

  margin: .5em 0

}

.ui.dropdown .menu > .input {

  width: auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 1.14285714rem .78571429rem;

  min-width: 10rem

}

.ui.dropdown .menu > .header + .input {

  margin-top: 0

}

.ui.dropdown .menu > .input:not(.transparent) input {

  padding: .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: .5em;

  padding-bottom: .5em

}

.ui.dropdown .menu > .item > .description, .ui.dropdown > .text > .description {

  float: right;

  margin: 0 0 0 1em;

  color: rgba(0, 0, 0, .4)

}

.ui.dropdown .menu > .message {

  padding: .78571429rem 1.14285714rem;

  font-weight: 400

}

.ui.dropdown .menu > .message:not(.ui) {

  color: rgba(0, 0, 0, .4)

}

.ui.dropdown .menu .menu {

  top: 0 !important;

  left: 100% !important;

  right: auto !important;

  margin: 0 0 0 -.5em !important;

  border-radius: .28571429rem !important;

  z-index: 21 !important

}

.ui.dropdown .menu .menu:after {

  display: none

}

.ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .flag, .ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img {

  margin-top: 0;

  margin-left: 0;

  float: none;

  margin-right: .78571429rem

}

.ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .image, .ui.dropdown > .text > img {

  display: inline-block;

  vertical-align: middle;

  width: auto;

  max-height: 2em

}

.ui.dropdown .ui.menu > .item:before, .ui.menu .ui.dropdown .menu > .item:before {

  display: none

}

.ui.menu .ui.dropdown .menu .active.item {

  border-left: none

}

.ui.buttons > .ui.dropdown:last-child .menu, .ui.menu .right.dropdown.item .menu, .ui.menu .right.menu .dropdown:last-child .menu {

  left: auto;

  right: 0

}

.ui.label.dropdown .menu {

  min-width: 100%

}

.ui.dropdown.icon.button > .dropdown.icon {

  margin: 0

}

.ui.button.dropdown .menu {

  min-width: 100%

}

.ui.selection.dropdown {

  cursor: pointer;

  word-wrap: break-word;

  line-height: 1em;

  white-space: normal;

  outline: 0;

  -webkit-transform: rotateZ(0);

  transform: rotateZ(0);

  min-width: 14em;

  min-height: 2.7142em;

  background: #FFF;

  display: inline-block;

  padding: .78571429em 2.1em .78571429em 1em;

  color: rgba(0, 0, 0, .87);

  box-shadow: none;

  border: 1px solid rgba(34, 36, 38, .15);

  border-radius: .28571429rem;

  -webkit-transition: box-shadow .1s ease, width .1s ease;

  transition: box-shadow .1s ease, width .1s ease

}

.ui.selection.dropdown.active, .ui.selection.dropdown.visible {

  z-index: 10

}

select.ui.dropdown {

  height: 38px;

  padding: .5em;

  border: 1px solid rgba(34, 36, 38, .15);

  visibility: visible

}

.ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon, .ui.selection.dropdown > .search.icon {

  cursor: pointer;

  position: absolute;

  width: auto;

  height: auto;

  line-height: 1.2142em;

  top: .78571429em;

  right: 1em;

  z-index: 3;

  margin: -.78571429em;

  padding: .78571429em;

  opacity: .8;

  -webkit-transition: opacity .1s ease;

  transition: opacity .1s ease

}

.ui.compact.selection.dropdown {

  min-width: 0

}

.ui.selection.dropdown .menu {

  overflow-x: hidden;

  overflow-y: auto;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-overflow-scrolling: touch;

  border-top-width: 0 !important;

  outline: 0;

  margin: 0 -1px;

  min-width: calc(100% + 2px);

  width: calc(100% + 2px);

  border-radius: 0 0 .28571429rem .28571429rem;

  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);

  -webkit-transition: opacity .1s ease;

  transition: opacity .1s ease

}

.ui.selection.dropdown .menu:after, .ui.selection.dropdown .menu:before {

  display: none

}

.ui.selection.dropdown .menu > .message {

  padding: .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

  }

}

.ui.selection.dropdown .menu > .item {

  border-top: 1px solid #FAFAFA;

  padding: .78571429rem 1.14285714rem !important;

  white-space: normal;

  word-wrap: normal

}

.ui.selection.dropdown .menu > .hidden.addition.item {

  display: none

}

.ui.selection.dropdown:hover {

  border-color: rgba(34, 36, 38, .35);

  box-shadow: none

}

.ui.selection.active.dropdown, .ui.selection.active.dropdown .menu {

  border-color: #96C8DA;

  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)

}

.ui.selection.dropdown:focus {

  border-color: #96C8DA;

  box-shadow: none

}

.ui.selection.dropdown:focus .menu {

  border-color: #96C8DA;

  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)

}

.ui.selection.visible.dropdown > .text:not(.default) {

  font-weight: 400;

  color: rgba(0, 0, 0, .8)

}

.ui.selection.active.dropdown:hover, .ui.selection.active.dropdown:hover .menu {

  border-color: #96C8DA;

  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)

}

.ui.active.selection.dropdown > .dropdown.icon, .ui.visible.selection.dropdown > .dropdown.icon {

  opacity: 1;

  z-index: 3

}

.ui.active.selection.dropdown {

  border-bottom-left-radius: 0 !important;

  border-bottom-right-radius: 0 !important

}

.ui.active.empty.selection.dropdown {

  border-radius: .28571429rem !important;

  box-shadow: none !important

}

.ui.active.empty.selection.dropdown .menu {

  border: none !important;

  box-shadow: none !important

}

.ui.search.dropdown {

  min-width: ''

}

.ui.search.dropdown > input.search {

  background: none !important;

  border: none !important;

  box-shadow: none !important;

  cursor: pointer;

  top: 0;

  left: 0;

  width: 100%;

  outline: 0;

  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

  padding: inherit;

  position: absolute;

  z-index: 2

}

.ui.search.dropdown > .text {

  cursor: text;

  position: relative;

  left: 1px;

  z-index: 3

}

.ui.search.selection.dropdown > input.search {

  line-height: 1.2142em;

  padding: .67861429em 2.1em .67861429em 1em

}

.ui.search.selection.dropdown > span.sizer {

  line-height: 1.2142em;

  padding: .67861429em 2.1em .67861429em 1em;

  display: none;

  white-space: pre

}

.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

}

.ui.active.search.dropdown input.search:focus + .text .flag, .ui.active.search.dropdown input.search:focus + .text .icon {

  opacity: .45

}

.ui.active.search.dropdown input.search:focus + .text {

  color: rgba(115, 115, 115, .87) !important

}

.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

  }

}

.ui.multiple.dropdown {

  padding: .22620476em 2.1em .22620476em .35714286em

}

.ui.multiple.dropdown .menu {

  cursor: auto

}

.ui.multiple.search.dropdown, .ui.multiple.search.dropdown > input.search {

  cursor: text

}

.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: .35714286em .78571429em;

  margin: .14285714rem .28571429rem .14285714rem 0;

  box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset

}

.ui.multiple.dropdown .dropdown.icon {

  margin: '';

  padding: ''

}

.ui.multiple.dropdown > .text {

  position: static;

  padding: 0;

  max-width: 100%;

  margin: .45240952em 0 .45240952em .64285714em;

  line-height: 1.21428571em

}

.ui.multiple.dropdown > .label ~ input.search {

  margin-left: .14285714em !important

}

.ui.multiple.dropdown > .label ~ .text {

  display: none

}

.ui.multiple.search.dropdown > .text {

  display: inline-block;

  position: absolute;

  top: 0;

  left: 0;

  padding: inherit;

  margin: .45240952em 0 .45240952em .64285714em;

  line-height: 1.21428571em

}

.ui.multiple.search.dropdown > .label ~ .text {

  display: none

}

.ui.multiple.search.dropdown > input.search {

  position: static;

  padding: 0;

  max-width: 100%;

  margin: .45240952em 0 .45240952em .64285714em;

  width: 2.2em;

  line-height: 1.21428571em

}

.ui.inline.dropdown {

  cursor: pointer;

  display: inline-block;

  color: inherit

}

.ui.inline.dropdown .dropdown.icon {

  margin: 0 .5em 0 .21428571em;

  vertical-align: baseline

}

.ui.inline.dropdown > .text {

  font-weight: 700

}

.ui.inline.dropdown .menu {

  cursor: auto;

  margin-top: .21428571em;

  border-radius: .28571429rem

}

.ui.dropdown .menu .active.item {

  background: 0 0;

  font-weight: 700;

  color: rgba(0, 0, 0, .95);

  box-shadow: none;

  z-index: 12

}

.ui.dropdown .menu > .item:hover {

  background: rgba(0, 0, 0, .05);

  color: rgba(0, 0, 0, .95);

  z-index: 13

}

.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: -.64285714em 0 0 -.64285714em;

  width: 1.28571429em;

  height: 1.28571429em;

  border-radius: 500rem;

  border: .2em solid rgba(0, 0, 0, .1)

}

.ui.loading.dropdown > i.icon:after {

  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

  box-shadow: 0 0 0 1px transparent;

  margin: -.64285714em 0 0 -.64285714em;

  width: 1.28571429em;

  height: 1.28571429em;

  -webkit-animation: dropdown-spin .6s linear;

  animation: dropdown-spin .6s linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  border-radius: 500rem;

  border-color: #767676 transparent transparent;

  border-style: solid;

  border-width: .2em

}

.ui.loading.dropdown.button > i.icon:after, .ui.loading.dropdown.button > i.icon:before {

  display: none

}

@-webkit-keyframes dropdown-spin {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

@keyframes dropdown-spin {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}

.ui.default.dropdown:not(.button) > .text, .ui.dropdown:not(.button) > .default.text {

  color: rgba(191, 191, 191, .87)

}

.ui.default.dropdown:not(.button) > input:focus + .text, .ui.dropdown:not(.button) > input:focus + .default.text {

  color: rgba(115, 115, 115, .87)

}

.ui.loading.dropdown > .text {

  -webkit-transition: none;

  transition: none

}

.ui.dropdown .loading.menu {

  display: block;

  visibility: hidden;

  z-index: -1

}

.ui.dropdown .menu .selected.item, .ui.dropdown.selected {

  background: rgba(0, 0, 0, .03);

  color: rgba(0, 0, 0, .95)

}

.ui.dropdown > .filtered.text {

  visibility: hidden

}

.ui.dropdown .filtered.item {

  display: none !important

}

.ui.dropdown.error, .ui.dropdown.error > .default.text, .ui.dropdown.error > .text {

  color: #9F3A38

}

.ui.selection.dropdown.error {

  background: #FFF6F6;

  border-color: #E0B4B4

}

.ui.dropdown.error > .menu, .ui.dropdown.error > .menu .menu, .ui.selection.dropdown.error:hover {

  border-color: #E0B4B4

}

.ui.dropdown.error > .menu > .item {

  color: #9F3A38

}

.ui.multiple.selection.error.dropdown > .label {

  border-color: #E0B4B4

}

.ui.dropdown.error > .menu > .item:hover {

  background-color: #FFF2F2

}

.ui.dropdown.error > .menu .active.item {

  background-color: #FDCFCF

}

.ui.disabled.dropdown, .ui.dropdown .menu > .disabled.item {

  cursor: default;

  pointer-events: none;

  opacity: .45

}

.ui.dropdown .menu {

  left: 0

}

.ui.dropdown .menu .right.menu, .ui.dropdown .right.menu > .menu {

  left: 100% !important;

  right: auto !important;

  border-radius: .28571429rem !important

}

.ui.dropdown .menu .left.menu, .ui.dropdown > .left.menu .menu {

  left: auto !important;

  right: 100% !important;

  border-radius: .28571429rem !important

}

.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon {

  width: auto;

  float: left;

  margin: 0 .78571429rem 0 0

}

.ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text {

  margin-left: 1em

}

.ui.upward.dropdown > .menu {

  top: auto;

  bottom: 100%;

  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.dropdown .upward.menu {

  top: auto !important;

  bottom: 0 !important

}

.ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover {

  border-radius: .28571429rem .28571429rem 0 0 !important

}

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.upward.selection.dropdown .menu {

  border-top-width: 1px !important;

  border-bottom-width: 0 !important;

  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)

}

.ui.upward.selection.dropdown:hover {

  box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05)

}

.ui.active.upward.selection.dropdown {

  border-radius: 0 0 .28571429rem .28571429rem !important

}

.ui.upward.selection.dropdown.visible {

  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);

  border-radius: 0 0 .28571429rem .28571429rem !important

}

.ui.upward.active.selection.dropdown:hover {

  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .05)

}

.ui.upward.active.selection.dropdown:hover .menu {

  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)

}

.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .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, .15)

}

.ui.dropdown .scrolling.menu > .item.item.item, .ui.scrolling.dropdown .menu .item.item.item {

  border-top: none;

  padding-right: calc(1.14285714rem + 17px) !important

}

.ui.dropdown .scrolling.menu .item:first-child, .ui.scrolling.dropdown .menu .item:first-child {

  border-top: none

}

.ui.dropdown > .animating.menu .scrolling.menu, .ui.dropdown > .visible.menu .scrolling.menu {

  display: block

}

@media all and (-ms-high-contrast:none) {

  .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {

    min-width: calc(100% - 17px)

  }

}

@media only screen and (max-width:767px) {

  .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {

    max-height: 10.28571429rem

  }

}

.ui.simple.dropdown .menu:after, .ui.simple.dropdown .menu:before {

  display: none

}

.ui.simple.dropdown .menu {

  position: absolute;

  display: block;

  overflow: hidden;

  top: -9999px !important;

  opacity: 0;

  width: 0;

  height: 0;

  -webkit-transition: opacity .1s ease;

  transition: opacity .1s ease

}

.ui.simple.active.dropdown, .ui.simple.dropdown:hover {

  border-bottom-left-radius: 0 !important;

  border-bottom-right-radius: 0 !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:hover > .menu > .item:hover > .menu, .ui.simple.dropdown > .menu > .item:active > .menu {

  overflow: visible;

  width: auto;

  height: auto;

  top: 0 !important;

  left: 100% !important;

  opacity: 1

}

.ui.simple.disabled.dropdown:hover .menu {

  display: none;

  height: 0;

  width: 0;

  overflow: hidden

}

.ui.simple.visible.dropdown > .menu {

  display: block

}

.ui.fluid.dropdown {

  display: block;

  width: 100%;

  min-width: 0

}

.ui.fluid.dropdown > .dropdown.icon {

  float: right

}

.ui.floating.dropdown .menu {

  left: 0;

  right: auto;

  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15) !important;

  border-radius: .28571429rem !important

}

.ui.floating.dropdown > .menu {

  margin-top: .5em !important;

  border-radius: .28571429rem !important

}

.ui.pointing.dropdown > .menu {

  top: 100%;

  margin-top: .78571429rem;

  border-radius: .28571429rem

}

.ui.pointing.dropdown > .menu:after {

  display: block;

  position: absolute;

  pointer-events: none;

  content: '';

  visibility: visible;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  width: .5em;

  height: .5em;

  box-shadow: -1px -1px 0 1px rgba(34, 36, 38, .15);

  background: #FFF;

  z-index: 2;

  top: -.25em;

  left: 50%;

  margin: 0 0 0 -.25em

}

.ui.top.left.pointing.dropdown > .menu {

  top: 100%;

  bottom: auto;

  left: 0;

  right: auto;

  margin: 1em 0 0

}

.ui.top.left.pointing.dropdown > .menu:after {

  top: -.25em;

  left: 1em;

  right: auto;

  margin: 0;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg)

}

.ui.top.right.pointing.dropdown > .menu {

  top: 100%;

  bottom: auto;

  right: 0;

  left: auto;

  margin: 1em 0 0

}

.ui.top.right.pointing.dropdown > .menu:after {

  top: -.25em;

  left: auto;

  right: 1em;

  margin: 0;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg)

}

.ui.left.pointing.dropdown > .menu {

  top: 0;

  left: 100%;

  right: auto;

  margin: 0 0 0 1em

}

.ui.left.pointing.dropdown > .menu:after {

  top: 1em;

  left: -.25em;

  margin: 0;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg)

}

.ui.right.pointing.dropdown > .menu {

  top: 0;

  left: auto;

  right: 100%;

  margin: 0 1em 0 0

}

.ui.right.pointing.dropdown > .menu:after {

  top: 1em;

  left: auto;

  right: -.25em;

  margin: 0;

  -webkit-transform: rotate(135deg);

  transform: rotate(135deg)

}

.ui.bottom.pointing.dropdown > .menu {

  top: auto;

  bottom: 100%;

  left: 0;

  right: auto;

  margin: 0 0 1em

}

.ui.bottom.pointing.dropdown > .menu:after {

  top: auto;

  bottom: -.25em;

  right: auto;

  margin: 0;

  -webkit-transform: rotate(-135deg);

  transform: rotate(-135deg)

}

.ui.bottom.pointing.dropdown > .menu .menu {

  top: auto !important;

  bottom: 0 !important

}

.ui.bottom.left.pointing.dropdown > .menu {

  left: 0;

  right: auto

}

.ui.bottom.left.pointing.dropdown > .menu:after {

  left: 1em;

  right: auto

}

.ui.bottom.right.pointing.dropdown > .menu {

  right: 0;

  left: auto

}

.ui.bottom.right.pointing.dropdown > .menu:after {

  left: auto;

  right: 1em

}

.ui.upward.pointing.dropdown > .menu, .ui.upward.top.pointing.dropdown > .menu {

  top: auto;

  bottom: 100%;

  margin: 0 0 .78571429rem;

  border-radius: .28571429rem

}

.ui.upward.pointing.dropdown > .menu:after, .ui.upward.top.pointing.dropdown > .menu:after {

  top: 100%;

  bottom: auto;

  box-shadow: 1px 1px 0 1px rgba(34, 36, 38, .15);

  margin: -.25em 0 0

}

@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: 400;

  font-style: normal

}

.ui.dropdown > .dropdown.icon {

  font-family: Dropdown;

  line-height: 1;

  height: 1em;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  font-weight: 400;

  font-style: normal;

  text-align: center;

  width: auto

}

.ui.dropdown > .dropdown.icon:before {

  content: '\f0d7'

}

.ui.dropdown .menu .item .dropdown.icon:before {

  content: '\f0da'

}

.ui.dropdown .item .left.dropdown.icon:before, .ui.dropdown .left.menu .item .dropdown.icon:before {

  content: "\f0d9"

}

.ui.vertical.menu .dropdown.item > .dropdown.icon:before {

  content: "\f0da"

}

.ui.embed {

  position: relative;

  max-width: 100%;

  height: 0;

  overflow: hidden;

  background: #DCDDDE;

  padding-bottom: 56.25%

}

.ui.embed embed, .ui.embed iframe, .ui.embed object {

  position: absolute;

  border: none;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  margin: 0;

  padding: 0

}

.ui.embed > .embed {

  display: none

}

.ui.embed > .placeholder {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  display: block;

  width: 100%;

  height: 100%;

  background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, .3))

}

.ui.embed > .icon {

  cursor: pointer;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 2

}

.ui.embed > .icon:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 3;

  content: '';

  background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, .3));

  background: radial-gradient(transparent 45%, rgba(0, 0, 0, .3));

  opacity: .5;

  -webkit-transition: opacity .5s ease;

  transition: opacity .5s ease

}

.ui.embed > .icon:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  color: #FFF;

  font-size: 6rem;

  text-shadow: 0 2px 10px rgba(34, 36, 38, .2);

  -webkit-transition: opacity .5s ease, color .5s ease;

  transition: opacity .5s ease, color .5s ease;

  z-index: 10

}

.ui.embed .icon:hover:after {

  background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, .3));

  background: radial-gradient(transparent 45%, rgba(0, 0, 0, .3));

  opacity: 1

}

.ui.embed .icon:hover:before {

  color: #FFF

}

.ui.active.embed > .icon, .ui.active.embed > .placeholder {

  display: none

}

.ui.active.embed > .embed {

  display: block

}

.ui.square.embed {

  padding-bottom: 100%

}

.ui[class*="4:3"].embed {

  padding-bottom: 75%

}

.ui[class*="16:9"].embed {

  padding-bottom: 56.25%

}

.ui[class*="21:9"].embed {

  padding-bottom: 42.85714286%

}

.ui.modal {

  display: none;

  position: fixed;

  z-index: 1001;

  top: 50%;

  left: 50%;

  text-align: left;

  background: #FFF;

  border: none;

  box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .2), 1px 3px 15px 2px rgba(0, 0, 0, .2);

  -webkit-transform-origin: 50% 25%;

  transform-origin: 50% 25%;

  border-radius: .28571429rem;

  -webkit-user-select: text;

  -moz-user-select: text;

  -ms-user-select: text;

  user-select: text;

  will-change: top, left, margin, transform, opacity

}

.ui.modal > .icon:first-child + *, .ui.modal > :first-child:not(.icon) {

  border-top-left-radius: .28571429rem;

  border-top-right-radius: .28571429rem

}

.ui.modal > :last-child {

  border-bottom-left-radius: .28571429rem;

  border-bottom-right-radius: .28571429rem

}

.ui.modal > .close {

  cursor: pointer;

  position: absolute;

  top: -2.5rem;

  right: -2.5rem;

  z-index: 1;

  opacity: .8;

  font-size: 1.25em;

  color: #FFF;

  width: 2.25rem;

  height: 2.25rem;

  padding: .625rem 0 0

}

.ui.modal > .close:hover {

  opacity: 1

}

.ui.modal > .header {

  display: block;

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  background: #FFF;

  margin: 0;

  padding: 1.25rem 1.5rem;

  box-shadow: none;

  color: rgba(0, 0, 0, .85);

  border-bottom: 1px solid rgba(34, 36, 38, .15)

}

.ui.modal > .header:not(.ui) {

  font-size: 1.42857143rem;

  line-height: 1.2857em;

  font-weight: 700

}

.ui.modal > .content {

  display: block;

  width: 100%;

  font-size: 1em;

  line-height: 1.4;

  padding: 1.5rem;

  background: #FFF

}

.ui.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

}

.ui.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

}

.ui.modal > [class*="top aligned"] {

  -ms-flex-item-align: top;

  -ms-grid-row-align: top;

  align-self: top

}

.ui.modal > [class*="middle aligned"] {

  -ms-flex-item-align: middle;

  -ms-grid-row-align: middle;

  align-self: middle

}

.ui.modal > [class*=stretched] {

  -ms-flex-item-align: stretch;

  -ms-grid-row-align: stretch;

  align-self: stretch

}

.ui.modal > .content > .description {

  display: block;

  -webkit-box-flex: 1;

  -ms-flex: 1 0 auto;

  flex: 1 0 auto;

  min-width: 0;

  -ms-flex-item-align: top;

  -ms-grid-row-align: top;

  align-self: top

}

.ui.modal > .content > .icon + .description, .ui.modal > .content > .image + .description {

  -webkit-box-flex: 0;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  min-width: '';

  width: auto;

  padding-left: 2em

}

.ui.modal > .content > .image > i.icon {

  margin: 0;

  opacity: 1;

  width: auto;

  line-height: 1;

  font-size: 8rem

}

.ui.modal > .actions {

  background: #F9FAFB;

  padding: 1rem;

  border-top: 1px solid rgba(34, 36, 38, .15);

  text-align: right

}

.ui.modal .actions > .button {

  margin-left: .75em

}

@media only screen and (max-width:767px) {

  .ui.modal {

    width: 95%;

    margin: 0 0 0 -47.5%

  }

}

@media only screen and (min-width:768px) {

  .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {

    max-height: 15.42857143rem

  }

  .ui.modal {

    width: 88%;

    margin: 0 0 0 -44%

  }

}

@media only screen and (min-width:992px) {

  .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {

    max-height: 20.57142857rem

  }

  .ui.modal {

    width: 850px;

    margin: 0 0 0 -425px

  }

}

@media only screen and (min-width:1200px) {

  .ui.modal {

    width: 900px;

    margin: 0 0 0 -450px

  }

}

@media only screen and (min-width:1920px) {

  .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {

    max-height: 20.57142857rem

  }

  .ui.modal {

    width: 950px;

    margin: 0 0 0 -475px

  }

}

@media only screen and (max-width:991px) {

  .ui.modal > .header {

    padding-right: 2.25rem

  }

  .ui.modal > .close {

    top: 1.0535rem;

    right: 1rem;

    color: rgba(0, 0, 0, .87)

  }

}

@media only screen and (max-width:767px) {

  .ui.modal > .header {

    padding: .75rem 2.25rem .75rem 1rem !important

  }

  .ui.modal > .content {

    display: block;

    padding: 1rem !important

  }

  .ui.modal > .close {

    top: .5rem !important;

    right: .5rem !important

  }

  .ui.modal .image.content {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

  }

  .ui.modal .content > .image {

    display: block;

    max-width: 100%;

    margin: 0 auto !important;

    text-align: center;

    padding: 0 0 1rem !important

  }

  .ui.modal > .content > .image > i.icon {

    font-size: 5rem;

    text-align: center

  }

  .ui.modal .content > .description {

    display: block;

    width: 100% !important;

    margin: 0 !important;

    padding: 1rem 0 !important;

    box-shadow: none

  }

  .ui.modal > .actions {

    padding: 1rem 1rem 0 !important

  }

  .ui.modal .actions > .button, .ui.modal .actions > .buttons {

    margin-bottom: 1rem

  }

}

.ui.inverted.dimmer > .ui.modal {

  box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, .2)

}

.ui.basic.modal {

  background-color: transparent;

  border: none;

  border-radius: 0;

  box-shadow: none !important;

  color: #FFF

}

.ui.basic.modal > .actions, .ui.basic.modal > .content, .ui.basic.modal > .header {

  background-color: transparent

}

.ui.basic.modal > .header {

  color: #FFF

}

.ui.basic.modal > .close {

  top: 1rem;

  right: 1.5rem

}

.ui.inverted.dimmer > .basic.modal {

  color: rgba(0, 0, 0, .87)

}

.ui.inverted.dimmer > .ui.basic.modal > .header {

  color: rgba(0, 0, 0, .85)

}

.ui.active.modal {

  display: block

}

.scrolling.dimmable.dimmed {

  overflow: hidden

}

.scrolling.dimmable.dimmed > .dimmer {

  overflow: auto;

  -webkit-overflow-scrolling: touch

}

.scrolling.dimmable > .dimmer {

  position: fixed

}

.modals.dimmer .ui.scrolling.modal {

  position: static !important;

  margin: 3.5rem auto !important

}

.scrolling.undetached.dimmable.dimmed {

  overflow: auto;

  -webkit-overflow-scrolling: touch

}

.scrolling.undetached.dimmable.dimmed > .dimmer {

  overflow: hidden

}

.scrolling.undetached.dimmable .ui.scrolling.modal {

  position: absolute;

  left: 50%;

  margin-top: 3.5rem !important

}

.undetached.dimmable.dimmed > .pusher {

  z-index: auto

}

@media only screen and (max-width:991px) {

  .ui.basic.modal > .close {

    color: #FFF

  }

  .modals.dimmer .ui.scrolling.modal {

    margin-top: 1rem !important;

    margin-bottom: 1rem !important

  }

}

.ui.fullscreen.modal {

  width: 95% !important;

  left: 2.5% !important;

  margin: 1em auto

}

.ui.fullscreen.scrolling.modal {

  left: 0 !important

}

.ui.fullscreen.modal > .header {

  padding-right: 2.25rem

}

.ui.fullscreen.modal > .close {

  top: 1.0535rem;

  right: 1rem;

  color: rgba(0, 0, 0, .87)

}

.ui.modal {

  font-size: 1rem

}

.ui.small.modal > .header:not(.ui) {

  font-size: 1.3em

}

@media only screen and (max-width:767px) {

  .ui.small.modal {

    width: 95%;

    margin: 0 0 0 -47.5%

  }

}

@media only screen and (min-width:768px) {

  .ui.small.modal {

    width: 70.4%;

    margin: 0 0 0 -35.2%

  }

}

@media only screen and (min-width:992px) {

  .ui.small.modal {

    width: 680px;

    margin: 0 0 0 -340px

  }

}

@media only screen and (min-width:1200px) {

  .ui.small.modal {

    width: 720px;

    margin: 0 0 0 -360px

  }

}

@media only screen and (min-width:1920px) {

  .ui.small.modal {

    width: 760px;

    margin: 0 0 0 -380px

  }

}

.ui.large.modal > .header {

  font-size: 1.6em

}

@media only screen and (max-width:767px) {

  .ui.large.modal {

    width: 95%;

    margin: 0 0 0 -47.5%

  }

}

@media only screen and (min-width:768px) {

  .ui.large.modal {

    width: 88%;

    margin: 0 0 0 -44%

  }

}

@media only screen and (min-width:992px) {

  .ui.large.modal {

    width: 1020px;

    margin: 0 0 0 -510px

  }

}

@media only screen and (min-width:1200px) {

  .ui.large.modal {

    width: 1080px;

    margin: 0 0 0 -540px

  }

}

@media only screen and (min-width:1920px) {

  .ui.large.modal {

    width: 1140px;

    margin: 0 0 0 -570px

  }

}

.ui.nag {

  display: none;

  opacity: .95;

  position: relative;

  top: 0;

  left: 0;

  z-index: 999;

  min-height: 0;

  width: 100%;

  margin: 0;

  padding: .75em 1em;

  background: #555;

  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);

  font-size: 1rem;

  text-align: center;

  color: rgba(0, 0, 0, .87);

  border-radius: 0 0 .28571429rem .28571429rem;

  -webkit-transition: .2s background ease;

  transition: .2s background ease

}

a.ui.nag {

  cursor: pointer

}

.ui.nag > .title {

  display: inline-block;

  margin: 0 .5em;

  color: #FFF

}

.ui.nag > .close.icon {

  cursor: pointer;

  opacity: .4;

  position: absolute;

  top: 50%;

  right: 1em;

  font-size: 1em;

  margin: -.5em 0 0;

  color: #FFF;

  -webkit-transition: opacity .2s ease;

  transition: opacity .2s ease

}

.ui.nag:hover {

  background: #555;

  opacity: 1

}

.ui.nag .close:hover {

  opacity: 1

}

.ui.overlay.nag {

  position: absolute;

  display: block

}

.ui.fixed.nag {

  position: fixed

}

.ui.bottom.nag, .ui.bottom.nags {

  border-radius: .28571429rem .28571429rem 0 0;

  top: auto;

  bottom: 0

}

.ui.inverted.nag, .ui.inverted.nags .nag {

  background-color: #F3F4F5;

  color: rgba(0, 0, 0, .85)

}

.ui.inverted.nag .close, .ui.inverted.nag .title, .ui.inverted.nags .nag .close, .ui.inverted.nags .nag .title {

  color: rgba(0, 0, 0, .4)

}

.ui.nags .nag {

  border-radius: 0 !important

}

.ui.nags .nag:last-child {

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui.bottom.nags .nag:last-child {

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.popup {

  display: none;

  position: absolute;

  top: 0;

  right: 0;

  min-width: -webkit-min-content;

  min-width: -moz-min-content;

  min-width: min-content;

  z-index: 1900;

  border: 1px solid #D4D4D5;

  line-height: 1.4285em;

  max-width: 250px;

  background: #FFF;

  padding: .833em 1em;

  font-weight: 400;

  font-style: normal;

  color: rgba(0, 0, 0, .87);

  border-radius: .28571429rem;

  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15)

}

.ui.popup > .header {

  padding: 0;

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  font-size: 1.14285714em;

  line-height: 1.2;

  font-weight: 700

}

.ui.popup > .header + .content {

  padding-top: .5em

}

.ui.popup:before {

  position: absolute;

  content: '';

  width: .71428571em;

  height: .71428571em;

  background: #FFF;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  z-index: 2;

  box-shadow: 1px 1px 0 0 #bababc

}

[data-tooltip] {

  position: relative

}

[data-tooltip]:not([data-position]):before {

  top: auto;

  right: auto;

  bottom: 100%;

  left: 50%;

  background: #FFF;

  margin-left: -.07142857rem;

  margin-bottom: .14285714rem

}

[data-tooltip]:not([data-position]):after {

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  bottom: 100%;

  margin-bottom: .5em

}

[data-tooltip]:after, [data-tooltip]:before {

  pointer-events: none;

  visibility: hidden

}

[data-tooltip]:before {

  position: absolute;

  content: '';

  font-size: 1rem;

  width: .71428571em;

  height: .71428571em;

  background: #FFF;

  z-index: 2;

  box-shadow: 1px 1px 0 0 #bababc;

  opacity: 0;

  -webkit-transform: rotate(45deg) scale(0) !important;

  transform: rotate(45deg) scale(0) !important;

  -webkit-transform-origin: center top;

  transform-origin: center top;

  -webkit-transition: all .1s ease;

  transition: all .1s ease

}

[data-tooltip]:after {

  content: attr(data-tooltip);

  position: absolute;

  text-transform: none;

  text-align: left;

  white-space: nowrap;

  font-size: 1rem;

  border: 1px solid #D4D4D5;

  line-height: 1.4285em;

  max-width: none;

  background: #FFF;

  padding: .833em 1em;

  font-weight: 400;

  font-style: normal;

  color: rgba(0, 0, 0, .87);

  border-radius: .28571429rem;

  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);

  z-index: 1;

  opacity: 1;

  -webkit-transform-origin: center bottom;

  transform-origin: center bottom;

  -webkit-transition: all .1s ease;

  transition: all .1s ease

}

[data-tooltip]:hover:after, [data-tooltip]:hover:before {

  visibility: visible;

  pointer-events: auto

}

[data-tooltip]:hover:before {

  -webkit-transform: rotate(45deg) scale(1) !important;

  transform: rotate(45deg) scale(1) !important;

  opacity: 1

}

[data-tooltip]:after, [data-tooltip][data-position="top center"]:after, [data-tooltip][data-position="bottom center"]:after {

  -webkit-transform: translateX(-50%) scale(0) !important;

  transform: translateX(-50%) scale(0) !important

}

[data-tooltip]:hover:after, [data-tooltip][data-position="bottom center"]:hover:after {

  -webkit-transform: translateX(-50%) scale(1) !important;

  transform: translateX(-50%) scale(1) !important

}

[data-tooltip][data-position="left center"]:after, [data-tooltip][data-position="right center"]:after {

  -webkit-transform: translateY(-50%) scale(0) !important;

  transform: translateY(-50%) scale(0) !important

}

[data-tooltip][data-position="left center"]:hover:after, [data-tooltip][data-position="right center"]:hover:after {

  -webkit-transform: translateY(-50%) scale(1) !important;

  transform: translateY(-50%) scale(1) !important

}

[data-tooltip][data-position="top left"]:after, [data-tooltip][data-position="top right"]:after, [data-tooltip][data-position="bottom left"]:after, [data-tooltip][data-position="bottom right"]:after {

  -webkit-transform: scale(0) !important;

  transform: scale(0) !important

}

[data-tooltip][data-position="top left"]:hover:after, [data-tooltip][data-position="top right"]:hover:after, [data-tooltip][data-position="bottom left"]:hover:after, [data-tooltip][data-position="bottom right"]:hover:after {

  -webkit-transform: scale(1) !important;

  transform: scale(1) !important

}

[data-tooltip][data-inverted]:before {

  box-shadow: none !important;

  background: #1B1C1D

}

[data-tooltip][data-inverted]:after {

  background: #1B1C1D;

  color: #FFF;

  border: none;

  box-shadow: none

}

[data-tooltip][data-inverted]:after .header {

  background-color: none;

  color: #FFF

}

[data-position="top center"][data-tooltip]:after {

  top: auto;

  right: auto;

  left: 50%;

  bottom: 100%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  margin-bottom: .5em

}

[data-position="top center"][data-tooltip]:before {

  top: auto;

  right: auto;

  bottom: 100%;

  left: 50%;

  background: #FFF;

  margin-left: -.07142857rem;

  margin-bottom: .14285714rem

}

[data-position="top left"][data-tooltip]:after {

  top: auto;

  right: auto;

  left: 0;

  bottom: 100%;

  margin-bottom: .5em

}

[data-position="top left"][data-tooltip]:before {

  top: auto;

  right: auto;

  bottom: 100%;

  left: 1em;

  margin-left: -.07142857rem;

  margin-bottom: .14285714rem

}

[data-position="top right"][data-tooltip]:after {

  top: auto;

  left: auto;

  right: 0;

  bottom: 100%;

  margin-bottom: .5em

}

[data-position="top right"][data-tooltip]:before {

  top: auto;

  left: auto;

  bottom: 100%;

  right: 1em;

  margin-left: -.07142857rem;

  margin-bottom: .14285714rem

}

[data-position="bottom center"][data-tooltip]:after {

  bottom: auto;

  right: auto;

  left: 50%;

  top: 100%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  margin-top: .5em

}

[data-position="bottom center"][data-tooltip]:before {

  bottom: auto;

  right: auto;

  top: 100%;

  left: 50%;

  margin-left: -.07142857rem;

  margin-top: .14285714rem

}

[data-position="bottom left"][data-tooltip]:after {

  left: 0;

  top: 100%;

  margin-top: .5em

}

[data-position="bottom left"][data-tooltip]:before {

  bottom: auto;

  right: auto;

  top: 100%;

  left: 1em;

  margin-left: -.07142857rem;

  margin-top: .14285714rem

}

[data-position="bottom right"][data-tooltip]:after {

  right: 0;

  top: 100%;

  margin-top: .5em

}

[data-position="bottom right"][data-tooltip]:before {

  bottom: auto;

  left: auto;

  top: 100%;

  right: 1em;

  margin-left: -.14285714rem;

  margin-top: .07142857rem

}

[data-position="left center"][data-tooltip]:after {

  right: 100%;

  top: 50%;

  margin-right: .5em;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%)

}

[data-position="right center"][data-tooltip]:after {

  left: 100%;

  top: 50%;

  margin-left: .5em;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%)

}

[data-position ~ =bottom][data-tooltip]:before {

  background: #FFF;

  box-shadow: -1px -1px 0 0 #bababc;

  -webkit-transform-origin: center bottom;

  transform-origin: center bottom

}

[data-position="left center"][data-tooltip]:before {

  right: 100%;

  top: 50%;

  margin-top: -.14285714rem;

  margin-right: -.07142857rem;

  background: #FFF;

  box-shadow: 1px -1px 0 0 #bababc

}

[data-position="right center"][data-tooltip]:before {

  left: 100%;

  top: 50%;

  margin-top: -.07142857rem;

  margin-left: .14285714rem;

  background: #FFF;

  box-shadow: -1px 1px 0 0 #bababc

}

[data-position ~ =top][data-tooltip]:before {

  background: #FFF

}

[data-inverted][data-position ~ =bottom][data-tooltip]:before {

  background: #1B1C1D;

  box-shadow: -1px -1px 0 0 #bababc

}

[data-inverted][data-position="left center"][data-tooltip]:before {

  background: #1B1C1D;

  box-shadow: 1px -1px 0 0 #bababc

}

[data-inverted][data-position="right center"][data-tooltip]:before {

  background: #1B1C1D;

  box-shadow: -1px 1px 0 0 #bababc

}

[data-inverted][data-position ~ =top][data-tooltip]:before {

  background: #1B1C1D

}

[data-position ~ =bottom][data-tooltip]:after {

  -webkit-transform-origin: center top;

  transform-origin: center top

}

[data-position="left center"][data-tooltip]:before {

  -webkit-transform-origin: top center;

  transform-origin: top center

}

[data-position="left center"][data-tooltip]:after, [data-position="right center"][data-tooltip]:before {

  -webkit-transform-origin: right center;

  transform-origin: right center

}

[data-position="right center"][data-tooltip]:after {

  -webkit-transform-origin: left center;

  transform-origin: left center

}

.ui.popup {

  margin: 0

}

.ui.top.popup {

  margin: 0 0 .71428571em

}

.ui.top.left.popup {

  -webkit-transform-origin: left bottom;

  transform-origin: left bottom

}

.ui.top.center.popup {

  -webkit-transform-origin: center bottom;

  transform-origin: center bottom

}

.ui.top.right.popup {

  -webkit-transform-origin: right bottom;

  transform-origin: right bottom

}

.ui.left.center.popup {

  margin: 0 .71428571em 0 0;

  -webkit-transform-origin: right 50%;

  transform-origin: right 50%

}

.ui.right.center.popup {

  margin: 0 0 0 .71428571em;

  -webkit-transform-origin: left 50%;

  transform-origin: left 50%

}

.ui.bottom.popup {

  margin: .71428571em 0 0

}

.ui.bottom.left.popup {

  -webkit-transform-origin: left top;

  transform-origin: left top

}

.ui.bottom.center.popup {

  -webkit-transform-origin: center top;

  transform-origin: center top

}

.ui.bottom.right.popup {

  -webkit-transform-origin: right top;

  transform-origin: right top;

  margin-right: 0

}

.ui.bottom.center.popup:before {

  margin-left: -.30714286em;

  top: -.30714286em;

  left: 50%;

  right: auto;

  bottom: auto;

  box-shadow: -1px -1px 0 0 #bababc

}

.ui.bottom.left.popup {

  margin-left: 0

}

.ui.bottom.left.popup:before {

  top: -.30714286em;

  left: 1em;

  right: auto;

  bottom: auto;

  margin-left: 0;

  box-shadow: -1px -1px 0 0 #bababc

}

.ui.bottom.right.popup:before {

  top: -.30714286em;

  right: 1em;

  bottom: auto;

  left: auto;

  margin-left: 0;

  box-shadow: -1px -1px 0 0 #bababc

}

.ui.top.center.popup:before {

  top: auto;

  right: auto;

  bottom: -.30714286em;

  left: 50%;

  margin-left: -.30714286em

}

.ui.top.left.popup {

  margin-left: 0

}

.ui.top.left.popup:before {

  bottom: -.30714286em;

  left: 1em;

  top: auto;

  right: auto;

  margin-left: 0

}

.ui.top.right.popup {

  margin-right: 0

}

.ui.top.right.popup:before {

  bottom: -.30714286em;

  right: 1em;

  top: auto;

  left: auto;

  margin-left: 0

}

.ui.left.center.popup:before {

  top: 50%;

  right: -.30714286em;

  bottom: auto;

  left: auto;

  margin-top: -.30714286em;

  box-shadow: 1px -1px 0 0 #bababc

}

.ui.right.center.popup:before {

  top: 50%;

  left: -.30714286em;

  bottom: auto;

  right: auto;

  margin-top: -.30714286em;

  box-shadow: -1px 1px 0 0 #bababc

}

.ui.bottom.popup:before, .ui.left.center.popup:before, .ui.right.center.popup:before, .ui.top.popup:before {

  background: #FFF

}

.ui.inverted.bottom.popup:before, .ui.inverted.left.center.popup:before, .ui.inverted.right.center.popup:before, .ui.inverted.top.popup:before {

  background: #1B1C1D

}

.ui.popup > .ui.grid:not(.padded) {

  width: calc(100% + 1.75rem);

  margin: -.7rem -.875rem

}

.ui.loading.popup {

  display: block;

  visibility: hidden;

  z-index: -1

}

.ui.animating.popup, .ui.visible.popup {

  display: block

}

.ui.visible.popup {

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden

}

.ui.basic.popup:before {

  display: none

}

.ui.wide.popup {

  max-width: 350px

}

.ui[class*="very wide"].popup {

  max-width: 550px

}

@media only screen and (max-width:767px) {

  .ui.wide.popup, .ui[class*="very wide"].popup {

    max-width: 250px

  }

}

.ui.fluid.popup {

  width: 100%;

  max-width: none

}

.ui.inverted.popup {

  background: #1B1C1D;

  color: #FFF;

  border: none;

  box-shadow: none

}

.ui.inverted.popup .header {

  background-color: none;

  color: #FFF

}

.ui.inverted.popup:before {

  background-color: #1B1C1D;

  box-shadow: none !important

}

.ui.flowing.popup {

  max-width: none

}

.ui.mini.popup {

  font-size: .78571429rem

}

.ui.tiny.popup {

  font-size: .85714286rem

}

.ui.small.popup {

  font-size: .92857143rem

}

.ui.popup {

  font-size: 1rem

}

.ui.large.popup {

  font-size: 1.14285714rem

}

.ui.huge.popup {

  font-size: 1.42857143rem

}

.ui.progress {

  position: relative;

  display: block;

  max-width: 100%;

  border: none;

  margin: 1em 0 2.5em;

  box-shadow: none;

  background: rgba(0, 0, 0, .1);

  padding: 0;

  border-radius: .28571429rem

}

.ui.progress:first-child {

  margin: 0 0 2.5em

}

.ui.progress:last-child {

  margin: 0 0 1.5em

}

.ui.progress .bar {

  display: block;

  line-height: 1;

  position: relative;

  width: 0%;

  min-width: 2em;

  background: #888;

  border-radius: .28571429rem;

  -webkit-transition: width .1s ease, background-color .1s ease;

  transition: width .1s ease, background-color .1s ease

}

.ui.progress .bar > .progress {

  white-space: nowrap;

  position: absolute;

  width: auto;

  font-size: .92857143em;

  top: 50%;

  right: .5em;

  left: auto;

  bottom: auto;

  color: rgba(255, 255, 255, .7);

  text-shadow: none;

  margin-top: -.5em;

  font-weight: 700;

  text-align: left

}

.ui.progress > .label {

  position: absolute;

  width: 100%;

  font-size: 1em;

  top: 100%;

  right: auto;

  left: 0;

  bottom: auto;

  color: rgba(0, 0, 0, .87);

  font-weight: 700;

  text-shadow: none;

  margin-top: .2em;

  text-align: center;

  -webkit-transition: color .4s ease;

  transition: color .4s ease

}

.ui.indicating.progress[data-percent^="1"] .bar, .ui.indicating.progress[data-percent^="2"] .bar {

  background-color: #D95C5C

}

.ui.indicating.progress[data-percent^="3"] .bar {

  background-color: #EFBC72

}

.ui.indicating.progress[data-percent^="4"] .bar, .ui.indicating.progress[data-percent^="5"] .bar {

  background-color: #E6BB48

}

.ui.indicating.progress[data-percent^="6"] .bar {

  background-color: #DDC928

}

.ui.indicating.progress[data-percent^="7"] .bar, .ui.indicating.progress[data-percent^="8"] .bar {

  background-color: #B4D95C

}

.ui.indicating.progress[data-percent^="9"] .bar, .ui.indicating.progress[data-percent^="100"] .bar {

  background-color: #66DA81

}

.ui.indicating.progress[data-percent^="1"] .label, .ui.indicating.progress[data-percent^="2"] .label, .ui.indicating.progress[data-percent^="3"] .label, .ui.indicating.progress[data-percent^="4"] .label, .ui.indicating.progress[data-percent^="5"] .label, .ui.indicating.progress[data-percent^="6"] .label, .ui.indicating.progress[data-percent^="7"] .label, .ui.indicating.progress[data-percent^="8"] .label, .ui.indicating.progress[data-percent^="9"] .label, .ui.indicating.progress[data-percent^="100"] .label {

  color: rgba(0, 0, 0, .87)

}

.ui.indicating.progress[data-percent="1"] .bar, .ui.indicating.progress[data-percent="2"] .bar, .ui.indicating.progress[data-percent="3"] .bar, .ui.indicating.progress[data-percent="4"] .bar, .ui.indicating.progress[data-percent="5"] .bar, .ui.indicating.progress[data-percent="6"] .bar, .ui.indicating.progress[data-percent="7"] .bar, .ui.indicating.progress[data-percent="8"] .bar, .ui.indicating.progress[data-percent="9"] .bar {

  background-color: #D95C5C

}

.ui.indicating.progress[data-percent="1"] .label, .ui.indicating.progress[data-percent="2"] .label, .ui.indicating.progress[data-percent="3"] .label, .ui.indicating.progress[data-percent="4"] .label, .ui.indicating.progress[data-percent="5"] .label, .ui.indicating.progress[data-percent="6"] .label, .ui.indicating.progress[data-percent="7"] .label, .ui.indicating.progress[data-percent="8"] .label, .ui.indicating.progress[data-percent="9"] .label {

  color: rgba(0, 0, 0, .87)

}

.ui.indicating.progress.success .label {

  color: #1A531B

}

.ui.progress.success .bar {

  background-color: #21BA45 !important

}

.ui.progress.success .bar, .ui.progress.success .bar::after {

  -webkit-animation: none !important;

  animation: none !important

}

.ui.progress.success > .label {

  color: #1A531B

}

.ui.progress.warning .bar {

  background-color: #F2C037 !important

}

.ui.progress.warning .bar, .ui.progress.warning .bar::after {

  -webkit-animation: none !important;

  animation: none !important

}

.ui.progress.warning > .label {

  color: #794B02

}

.ui.progress.error .bar {

  background-color: #DB2828 !important

}

.ui.progress.error .bar, .ui.progress.error .bar::after {

  -webkit-animation: none !important;

  animation: none !important

}

.ui.progress.error > .label {

  color: #912D2B

}

.ui.active.progress .bar {

  position: relative;

  min-width: 2em

}

.ui.active.progress .bar::after {

  content: '';

  opacity: 0;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #FFF;

  border-radius: .28571429rem;

  -webkit-animation: progress-active 2s ease infinite;

  animation: progress-active 2s ease infinite

}

@-webkit-keyframes progress-active {

  0% {

    opacity: .3;

    width: 0

  }

  100% {

    opacity: 0;

    width: 100%

  }

}

@keyframes progress-active {

  0% {

    opacity: .3;

    width: 0

  }

  100% {

    opacity: 0;

    width: 100%

  }

}

.ui.disabled.progress {

  opacity: .35

}

.ui.disabled.progress .bar, .ui.disabled.progress .bar::after {

  -webkit-animation: none !important;

  animation: none !important

}

.ui.inverted.progress {

  background: rgba(255, 255, 255, .08);

  border: none

}

.ui.inverted.progress .bar {

  background: #888

}

.ui.inverted.progress .bar > .progress {

  color: #F9FAFB

}

.ui.inverted.progress > .label {

  color: #FFF

}

.ui.inverted.progress.success > .label {

  color: #21BA45

}

.ui.inverted.progress.warning > .label {

  color: #F2C037

}

.ui.inverted.progress.error > .label {

  color: #DB2828

}

.ui.progress.attached {

  background: 0 0;

  position: relative;

  border: none;

  margin: 0

}

.ui.progress.attached, .ui.progress.attached .bar {

  display: block;

  height: .2rem;

  padding: 0;

  overflow: hidden;

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui.progress.attached .bar {

  border-radius: 0

}

.ui.progress.top.attached, .ui.progress.top.attached .bar {

  top: 0;

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.progress.top.attached .bar {

  border-radius: 0

}

.ui.card > .ui.attached.progress, .ui.segment > .ui.attached.progress {

  position: absolute;

  top: auto;

  left: 0;

  bottom: 100%;

  width: 100%

}

.ui.card > .ui.bottom.attached.progress, .ui.segment > .ui.bottom.attached.progress {

  top: 100%;

  bottom: auto

}

.ui.red.progress .bar {

  background-color: #DB2828

}

.ui.red.inverted.progress .bar {

  background-color: #FF695E

}

.ui.orange.progress .bar {

  background-color: #F2711C

}

.ui.orange.inverted.progress .bar {

  background-color: #FF851B

}

.ui.yellow.progress .bar {

  background-color: #FBBD08

}

.ui.yellow.inverted.progress .bar {

  background-color: #FFE21F

}

.ui.olive.progress .bar {

  background-color: #B5CC18

}

.ui.olive.inverted.progress .bar {

  background-color: #D9E778

}

.ui.green.progress .bar {

  background-color: #21BA45

}

.ui.green.inverted.progress .bar {

  background-color: #2ECC40

}

.ui.teal.progress .bar {

  background-color: #00B5AD

}

.ui.teal.inverted.progress .bar {

  background-color: #6DFFFF

}

.ui.blue.progress .bar {

  background-color: #2185D0

}

.ui.blue.inverted.progress .bar {

  background-color: #54C8FF

}

.ui.violet.progress .bar {

  background-color: #6435C9

}

.ui.violet.inverted.progress .bar {

  background-color: #A291FB

}

.ui.purple.progress .bar {

  background-color: #A333C8

}

.ui.purple.inverted.progress .bar {

  background-color: #DC73FF

}

.ui.pink.progress .bar {

  background-color: #E03997

}

.ui.pink.inverted.progress .bar {

  background-color: #FF8EDF

}

.ui.brown.progress .bar {

  background-color: #A5673F

}

.ui.brown.inverted.progress .bar {

  background-color: #D67C1C

}

.ui.grey.progress .bar {

  background-color: #767676

}

.ui.grey.inverted.progress .bar {

  background-color: #DCDDDE

}

.ui.black.progress .bar {

  background-color: #1B1C1D

}

.ui.black.inverted.progress .bar {

  background-color: #545454

}

.ui.tiny.progress {

  font-size: .85714286rem

}

.ui.tiny.progress .bar {

  height: .5em

}

.ui.small.progress {

  font-size: .92857143rem

}

.ui.small.progress .bar {

  height: 1em

}

.ui.progress {

  font-size: 1rem

}

.ui.progress .bar {

  height: 1.75em

}

.ui.large.progress {

  font-size: 1.14285714rem

}

.ui.large.progress .bar {

  height: 2.5em

}

.ui.big.progress {

  font-size: 1.28571429rem

}

.ui.big.progress .bar {

  height: 3.5em

}

.ui.rating:last-child {

  margin-right: 0

}

.ui.rating .icon {

  padding: 0;

  margin: 0;

  -webkit-box-flex: 1;

  -ms-flex: 1 0 auto;

  flex: 1 0 auto;

  cursor: pointer;

  width: 1.25em;

  height: auto;

  -webkit-transition: opacity .1s ease, background .1s ease, text-shadow .1s ease, color .1s ease;

  transition: opacity .1s ease, background .1s ease, text-shadow .1s ease, color .1s ease;

  background: 0 0;

  color: rgba(0, 0, 0, .15);

  font-family: Rating;

  line-height: 1;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  font-weight: 400;

  font-style: normal;

  text-align: center

}

.ui.rating .active.icon {

  background: 0 0;

  color: rgba(0, 0, 0, .85)

}

.ui.rating .icon.selected, .ui.rating .icon.selected.active {

  background: 0 0;

  color: rgba(0, 0, 0, .87)

}

.ui.star.rating .icon {

  width: 1.25em;

  height: auto;

  background: 0 0;

  color: rgba(0, 0, 0, .15);

  text-shadow: none

}

.ui.star.rating .active.icon {

  background: 0 0 !important;

  color: #FFE623 !important;

  text-shadow: 0 -1px 0 #DDC507, -1px 0 0 #DDC507, 0 1px 0 #DDC507, 1px 0 0 #DDC507 !important

}

.ui.star.rating .icon.selected, .ui.star.rating .icon.selected.active {

  background: 0 0 !important;

  color: #FC0 !important;

  text-shadow: 0 -1px 0 #E6A200, -1px 0 0 #E6A200, 0 1px 0 #E6A200, 1px 0 0 #E6A200 !important

}

.ui.heart.rating .icon {

  width: 1.4em;

  height: auto;

  background: 0 0;

  color: rgba(0, 0, 0, .15);

  text-shadow: none !important

}

.ui.heart.rating .active.icon {

  background: 0 0 !important;

  color: #FF6D75 !important;

  text-shadow: 0 -1px 0 #CD0707, -1px 0 0 #CD0707, 0 1px 0 #CD0707, 1px 0 0 #CD0707 !important

}

.ui.heart.rating .icon.selected, .ui.heart.rating .icon.selected.active {

  background: 0 0 !important;

  color: #FF3000 !important;

  text-shadow: 0 -1px 0 #AA0101, -1px 0 0 #AA0101, 0 1px 0 #AA0101, 1px 0 0 #AA0101 !important

}

.ui.disabled.rating .icon {

  cursor: default

}

.ui.rating .icon.selected, .ui.rating.selected .active.icon, .ui.rating.selected .icon.selected {

  opacity: 1

}

.ui.mini.rating {

  font-size: .78571429rem

}

.ui.tiny.rating {

  font-size: .85714286rem

}

.ui.small.rating {

  font-size: .92857143rem

}

.ui.rating {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  white-space: nowrap;

  vertical-align: baseline;

  font-size: 1rem

}

.ui.large.rating {

  font-size: 1.14285714rem

}

.ui.huge.rating {

  font-size: 1.42857143rem

}

.ui.massive.rating {

  font-size: 2rem

}

@font-face {

  font-family: Rating;

  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');

  font-weight: 400;

  font-style: normal

}

.ui.rating .active.icon:before, .ui.rating .icon:before, .ui.star.rating .active.icon:before, .ui.star.rating .icon:before {

  content: '\f005'

}

.ui.star.rating .partial.icon:before {

  content: '\f006'

}

.ui.star.rating .partial.icon {

  content: '\f005'

}

.ui.heart.rating .active.icon:before, .ui.heart.rating .icon:before {

  content: '\f004'

}

.ui.search {

  position: relative

}

.ui.search > .prompt {

  margin: 0;

  outline: 0;

  -webkit-appearance: none;

  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

  text-shadow: none;

  font-style: normal;

  font-weight: 400;

  line-height: 1.2142em;

  padding: .67861429em 1em;

  font-size: 1em;

  background: #FFF;

  border: 1px solid rgba(34, 36, 38, .15);

  color: rgba(0, 0, 0, .87);

  box-shadow: 0 0 0 0 transparent inset;

  -webkit-transition: background-color .1s ease, color .1s ease, box-shadow .1s ease, border-color .1s ease;

  transition: background-color .1s ease, color .1s ease, box-shadow .1s ease, border-color .1s ease

}

.ui.search .prompt {

  border-radius: 500rem

}

.ui.search .prompt ~ .search.icon {

  cursor: pointer

}

.ui.search > .results {

  display: none;

  position: absolute;

  top: 100%;

  left: 0;

  -webkit-transform-origin: center top;

  transform-origin: center top;

  white-space: normal;

  background: #FFF;

  margin-top: .5em;

  width: 18em;

  border-radius: .28571429rem;

  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);

  border: 1px solid #D4D4D5;

  z-index: 998

}

.ui.search > .results > :first-child {

  border-radius: .28571429rem .28571429rem 0 0

}

.ui.search > .results > :last-child {

  border-radius: 0 0 .28571429rem .28571429rem

}

.ui.search > .results .result {

  cursor: pointer;

  display: block;

  overflow: hidden;

  font-size: 1em;

  padding: .85714286em 1.14285714em;

  color: rgba(0, 0, 0, .87);

  line-height: 1.33;

  border-bottom: 1px solid rgba(34, 36, 38, .1)

}

.ui.search > .results .result:last-child {

  border-bottom: none !important

}

.ui.search > .results .result .image {

  float: right;

  overflow: hidden;

  background: 0 0;

  width: 5em;

  height: 3em;

  border-radius: .25em

}

.ui.search > .results .result .image img {

  display: block;

  width: auto;

  height: 100%

}

.ui.search > .results .result .image + .content {

  margin: 0 6em 0 0

}

.ui.search > .results .result .title {

  margin: -.14285em 0 0;

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  font-weight: 700;

  font-size: 1em;

  color: rgba(0, 0, 0, .85)

}

.ui.search > .results .result .description {

  margin-top: 0;

  font-size: .92857143em;

  color: rgba(0, 0, 0, .4)

}

.ui.search > .results .result .price {

  float: right;

  color: #21BA45

}

.ui.search > .results > .message {

  padding: 1em

}

.ui.search > .results > .message .header {

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  font-size: 1rem;

  font-weight: 700;

  color: rgba(0, 0, 0, .87)

}

.ui.search > .results > .message .description {

  margin-top: .25rem;

  font-size: 1em;

  color: rgba(0, 0, 0, .87)

}

.ui.search > .results > .action {

  display: block;

  border-top: none;

  background: #F3F4F5;

  padding: .92857143em 1em;

  color: rgba(0, 0, 0, .87);

  font-weight: 700;

  text-align: center

}

.ui.search > .prompt:focus {

  border-color: rgba(34, 36, 38, .35);

  background: #FFF;

  color: rgba(0, 0, 0, .95)

}

.ui.loading.search .input > i.icon:before {

  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

  margin: -.64285714em 0 0 -.64285714em;

  width: 1.28571429em;

  height: 1.28571429em;

  border-radius: 500rem;

  border: .2em solid rgba(0, 0, 0, .1)

}

.ui.loading.search .input > i.icon:after {

  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

  margin: -.64285714em 0 0 -.64285714em;

  width: 1.28571429em;

  height: 1.28571429em;

  -webkit-animation: button-spin .6s linear;

  animation: button-spin .6s linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  border-radius: 500rem;

  border-color: #767676 transparent transparent;

  border-style: solid;

  border-width: .2em;

  box-shadow: 0 0 0 1px transparent

}

.ui.category.search > .results .category .result:hover, .ui.search > .results .result:hover {

  background: #F9FAFB

}

.ui.search .action:hover {

  background: #E0E0E0

}

.ui.category.search > .results .category.active {

  background: #F3F4F5

}

.ui.category.search > .results .category.active > .name {

  color: rgba(0, 0, 0, .87)

}

.ui.category.search > .results .category .result.active, .ui.search > .results .result.active {

  position: relative;

  border-left-color: rgba(34, 36, 38, .1);

  background: #F3F4F5;

  box-shadow: none

}

.ui.search > .results .result.active .description, .ui.search > .results .result.active .title {

  color: rgba(0, 0, 0, .85)

}

.ui.search.selection .prompt {

  border-radius: .28571429rem

}

.ui.search.selection > .icon.input > .remove.icon {

  pointer-events: none;

  position: absolute;

  left: auto;

  opacity: 0;

  color: '';

  top: 0;

  right: 0;

  -webkit-transition: color .1s ease, opacity .1s ease;

  transition: color .1s ease, opacity .1s ease

}

.ui.search.selection > .icon.input > .active.remove.icon {

  cursor: pointer;

  opacity: .8;

  pointer-events: auto

}

.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {

  right: 1.85714em

}

.ui.search.selection > .icon.input > .remove.icon:hover {

  opacity: 1;

  color: #DB2828

}

.ui.category.search .results {

  width: 28em

}

.ui.category.search > .results .category {

  background: #F3F4F5;

  box-shadow: none;

  border-bottom: 1px solid rgba(34, 36, 38, .1);

  -webkit-transition: background .1s ease, border-color .1s ease;

  transition: background .1s ease, border-color .1s ease

}

.ui.category.search > .results .category:last-child {

  border-bottom: none

}

.ui.category.search > .results .category:first-child .name + .result {

  border-radius: 0 .28571429rem 0 0

}

.ui.category.search > .results .category .result {

  background: #FFF;

  margin-left: 100px;

  border-left: 1px solid rgba(34, 36, 38, .15);

  border-bottom: 1px solid rgba(34, 36, 38, .1);

  -webkit-transition: background .1s ease, border-color .1s ease;

  transition: background .1s ease, border-color .1s ease;

  padding: .85714286em 1.14285714em

}

.ui.category.search > .results .category:last-child .result:last-child {

  border-radius: 0 0 .28571429rem;

  border-bottom: none

}

.ui.category.search > .results .category > .name {

  width: 100px;

  background: 0 0;

  font-family: 'arialmt', Arial, Helvetica, sans-serif;

  font-size: 1em;

  float: 1em;

  float: left;

  padding: .4em 1em;

  font-weight: 700;

  color: rgba(0, 0, 0, .4)

}

.ui[class*="left aligned"].search > .results {

  right: auto;

  left: 0

}

.ui[class*="right aligned"].search > .results {

  right: 0;

  left: auto

}

.ui.fluid.search .results {

  width: 100%

}

.ui.mini.search {

  font-size: .78571429em

}

.ui.small.search {

  font-size: .92857143em

}

.ui.search {

  font-size: 1em

}

.ui.large.search {

  font-size: 1.14285714em

}

.ui.big.search {

  font-size: 1.28571429em

}

.ui.huge.search {

  font-size: 1.42857143em

}

.ui.massive.search {

  font-size: 1.71428571em

}

.ui.shape {

  position: relative;

  vertical-align: top;

  display: inline-block;

  -webkit-perspective: 2000px;

  perspective: 2000px;

  -webkit-transition: left .6s ease-in-out, width .6s ease-in-out, height .6s ease-in-out, -webkit-transform .6s ease-in-out;

  transition: left .6s ease-in-out, width .6s ease-in-out, height .6s ease-in-out, -webkit-transform .6s ease-in-out;

  transition: transform .6s ease-in-out, left .6s ease-in-out, width .6s ease-in-out, height .6s ease-in-out;

  transition: transform .6s ease-in-out, left .6s ease-in-out, width .6s ease-in-out, height .6s ease-in-out, -webkit-transform .6s ease-in-out

}

.ui.shape .sides {

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d

}

.ui.shape .side {

  opacity: 1;

  width: 100%;

  margin: 0 !important;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  display: none

}

.ui.shape .side * {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important

}

.ui.cube.shape .side {

  min-width: 15em;

  height: 15em;

  padding: 2em;

  background-color: #E6E6E6;

  color: rgba(0, 0, 0, .87);

  box-shadow: 0 0 2px rgba(0, 0, 0, .3)

}

.ui.cube.shape .side > .content {

  width: 100%;

  height: 100%;

  display: table;

  text-align: center;

  -webkit-user-select: text;

  -moz-user-select: text;

  -ms-user-select: text;

  user-select: text

}

.ui.cube.shape .side > .content > div {

  display: table-cell;

  vertical-align: middle;

  font-size: 2em

}

.ui.text.shape.animating .sides {

  position: static

}

.ui.text.shape .side {

  white-space: nowrap

}

.ui.text.shape .side > * {

  white-space: normal

}

.ui.loading.shape {

  position: absolute;

  top: -9999px;

  left: -9999px

}

.ui.shape .animating.side {

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  z-index: 100

}

.ui.shape .hidden.side {

  opacity: .6

}

.ui.shape.animating .sides {

  position: absolute;

  -webkit-transition: left .6s ease-in-out, width .6s ease-in-out, height .6s ease-in-out, -webkit-transform .6s ease-in-out;

  transition: left .6s ease-in-out, width .6s ease-in-out, height .6s ease-in-out, -webkit-transform .6s ease-in-out;

  transition: transform .6s ease-in-out, left .6s ease-in-out, width .6s ease-in-out, height .6s ease-in-out;

  transition: transform .6s ease-in-out, left .6s ease-in-out, width .6s ease-in-out, height .6s ease-in-out, -webkit-transform .6s ease-in-out

}

.ui.shape.animating .side {

  -webkit-transition: opacity .6s ease-in-out;

  transition: opacity .6s ease-in-out

}

.ui.shape .active.side {

  display: block

}

.ui.sidebar {

  position: fixed;

  top: 0;

  left: 0;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition: none;

  transition: none;

  will-change: transform;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  visibility: hidden;

  -webkit-overflow-scrolling: touch;

  height: 100% !important;

  max-height: 100%;

  border-radius: 0 !important;

  margin: 0 !important;

  overflow-y: auto !important;

  z-index: 102

}

.ui.sidebar > * {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden

}

.ui.left.sidebar {

  right: auto;

  left: 0;

  -webkit-transform: translate3d(-100%, 0, 0);

  transform: translate3d(-100%, 0, 0)

}

.ui.right.sidebar {

  right: 0 !important;

  left: auto !important;

  -webkit-transform: translate3d(100%, 0, 0);

  transform: translate3d(100%, 0, 0)

}

.ui.bottom.sidebar, .ui.top.sidebar {

  width: 100% !important;

  height: auto !important

}

.ui.top.sidebar {

  top: 0 !important;

  bottom: auto !important;

  -webkit-transform: translate3d(0, -100%, 0);

  transform: translate3d(0, -100%, 0)

}

.ui.bottom.sidebar {

  top: auto !important;

  bottom: 0 !important;

  -webkit-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0)

}

.pushable {

  height: 100%;

  overflow-x: hidden;

  padding: 0 !important

}

body.pushable {

  background: #545454 !important

}

.pushable:not(body) {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0)

}

.pushable:not(body) > .fixed, .pushable:not(body) > .pusher:after, .pushable:not(body) > .ui.sidebar {

  position: absolute

}

.pushable > .fixed {

  position: fixed;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition: -webkit-transform .5s ease;

  transition: -webkit-transform .5s ease;

  transition: transform .5s ease;

  transition: transform .5s ease, -webkit-transform .5s ease;

  will-change: transform;

  z-index: 101

}

body.pushable > .pusher {

  background: #FFF

}

.pushable > .pusher {

  position: relative;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  overflow: hidden;

  min-height: 100%;

  -webkit-transition: -webkit-transform .5s ease;

  transition: -webkit-transform .5s ease;

  transition: transform .5s ease;

  transition: transform .5s ease, -webkit-transform .5s ease;

  z-index: 2;

  background: inherit

}

.pushable > .pusher:after {

  position: fixed;

  top: 0;

  right: 0;

  content: '';

  background-color: rgba(0, 0, 0, .4);

  overflow: hidden;

  opacity: 0;

  -webkit-transition: opacity .5s;

  transition: opacity .5s;

  will-change: opacity;

  z-index: 1000

}

.ui.sidebar.menu .item {

  border-radius: 0 !important

}

.pushable > .pusher.dimmed:after {

  width: 100% !important;

  height: 100% !important;

  opacity: 1 !important

}

.ui.animating.sidebar {

  visibility: visible

}

.ui.visible.sidebar {

  visibility: visible;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0)

}

.ui.bottom.visible.sidebar, .ui.left.visible.sidebar, .ui.right.visible.sidebar, .ui.top.visible.sidebar {

  box-shadow: 0 0 20px rgba(34, 36, 38, .15)

}

.ui.visible.left.sidebar ~ .fixed, .ui.visible.left.sidebar ~ .pusher {

  -webkit-transform: translate3d(260px, 0, 0);

  transform: translate3d(260px, 0, 0)

}

.ui.visible.right.sidebar ~ .fixed, .ui.visible.right.sidebar ~ .pusher {

  -webkit-transform: translate3d(-260px, 0, 0);

  transform: translate3d(-260px, 0, 0)

}

.ui.visible.top.sidebar ~ .fixed, .ui.visible.top.sidebar ~ .pusher {

  -webkit-transform: translate3d(0, 36px, 0);

  transform: translate3d(0, 36px, 0)

}

.ui.visible.bottom.sidebar ~ .fixed, .ui.visible.bottom.sidebar ~ .pusher {

  -webkit-transform: translate3d(0, -36px, 0);

  transform: translate3d(0, -36px, 0)

}

.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed, .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher, .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed, .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0)

}

html.ios {

  overflow-x: hidden;

  -webkit-overflow-scrolling: touch

}

html.ios, html.ios body {

  height: initial !important

}

.ui.thin.left.sidebar, .ui.thin.right.sidebar {

  width: 150px

}

.ui[class*="very thin"].left.sidebar, .ui[class*="very thin"].right.sidebar {

  width: 60px

}

.ui.left.sidebar, .ui.right.sidebar {

  width: 260px

}

.ui.wide.left.sidebar, .ui.wide.right.sidebar {

  width: 350px

}

.ui[class*="very wide"].left.sidebar, .ui[class*="very wide"].right.sidebar {

  width: 475px

}

.ui.visible.thin.left.sidebar ~ .fixed, .ui.visible.thin.left.sidebar ~ .pusher {

  -webkit-transform: translate3d(150px, 0, 0);

  transform: translate3d(150px, 0, 0)

}

.ui.visible[class*="very thin"].left.sidebar ~ .fixed, .ui.visible[class*="very thin"].left.sidebar ~ .pusher {

  -webkit-transform: translate3d(60px, 0, 0);

  transform: translate3d(60px, 0, 0)

}

.ui.visible.wide.left.sidebar ~ .fixed, .ui.visible.wide.left.sidebar ~ .pusher {

  -webkit-transform: translate3d(350px, 0, 0);

  transform: translate3d(350px, 0, 0)

}

.ui.visible[class*="very wide"].left.sidebar ~ .fixed, .ui.visible[class*="very wide"].left.sidebar ~ .pusher {

  -webkit-transform: translate3d(475px, 0, 0);

  transform: translate3d(475px, 0, 0)

}

.ui.visible.thin.right.sidebar ~ .fixed, .ui.visible.thin.right.sidebar ~ .pusher {

  -webkit-transform: translate3d(-150px, 0, 0);

  transform: translate3d(-150px, 0, 0)

}

.ui.visible[class*="very thin"].right.sidebar ~ .fixed, .ui.visible[class*="very thin"].right.sidebar ~ .pusher {

  -webkit-transform: translate3d(-60px, 0, 0);

  transform: translate3d(-60px, 0, 0)

}

.ui.visible.wide.right.sidebar ~ .fixed, .ui.visible.wide.right.sidebar ~ .pusher {

  -webkit-transform: translate3d(-350px, 0, 0);

  transform: translate3d(-350px, 0, 0)

}

.ui.visible[class*="very wide"].right.sidebar ~ .fixed, .ui.visible[class*="very wide"].right.sidebar ~ .pusher {

  -webkit-transform: translate3d(-475px, 0, 0);

  transform: translate3d(-475px, 0, 0)

}

.ui.overlay.sidebar {

  z-index: 102

}

.ui.left.overlay.sidebar {

  -webkit-transform: translate3d(-100%, 0, 0);

  transform: translate3d(-100%, 0, 0)

}

.ui.right.overlay.sidebar {

  -webkit-transform: translate3d(100%, 0, 0);

  transform: translate3d(100%, 0, 0)

}

.ui.top.overlay.sidebar {

  -webkit-transform: translate3d(0, -100%, 0);

  transform: translate3d(0, -100%, 0)

}

.ui.bottom.overlay.sidebar {

  -webkit-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0)

}

.animating.ui.overlay.sidebar, .ui.visible.overlay.sidebar {

  -webkit-transition: -webkit-transform .5s ease;

  transition: -webkit-transform .5s ease;

  transition: transform .5s ease;

  transition: transform .5s ease, -webkit-transform .5s ease

}

.ui.visible.bottom.overlay.sidebar, .ui.visible.left.overlay.sidebar, .ui.visible.right.overlay.sidebar, .ui.visible.top.overlay.sidebar {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0)

}

.ui.visible.overlay.sidebar ~ .fixed, .ui.visible.overlay.sidebar ~ .pusher {

  -webkit-transform: none !important;

  transform: none !important

}

.ui.push.sidebar {

  -webkit-transition: -webkit-transform .5s ease;

  transition: -webkit-transform .5s ease;

  transition: transform .5s ease;

  transition: transform .5s ease, -webkit-transform .5s ease;

  z-index: 102

}

.ui.left.push.sidebar {

  -webkit-transform: translate3d(-100%, 0, 0);

  transform: translate3d(-100%, 0, 0)

}

.ui.right.push.sidebar {

  -webkit-transform: translate3d(100%, 0, 0);

  transform: translate3d(100%, 0, 0)

}

.ui.top.push.sidebar {

  -webkit-transform: translate3d(0, -100%, 0);

  transform: translate3d(0, -100%, 0)

}

.ui.bottom.push.sidebar {

  -webkit-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0)

}

.ui.visible.push.sidebar {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0)

}

.ui.uncover.sidebar {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  z-index: 1

}

.ui.visible.uncover.sidebar {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  -webkit-transition: -webkit-transform .5s ease;

  transition: -webkit-transform .5s ease;

  transition: transform .5s ease;

  transition: transform .5s ease, -webkit-transform .5s ease

}

.ui.slide.along.sidebar {

  z-index: 1

}

.ui.left.slide.along.sidebar {

  -webkit-transform: translate3d(-50%, 0, 0);

  transform: translate3d(-50%, 0, 0)

}

.ui.right.slide.along.sidebar {

  -webkit-transform: translate3d(50%, 0, 0);

  transform: translate3d(50%, 0, 0)

}

.ui.top.slide.along.sidebar {

  -webkit-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0)

}

.ui.bottom.slide.along.sidebar {

  -webkit-transform: translate3d(0, 50%, 0);

  transform: translate3d(0, 50%, 0)

}

.ui.animating.slide.along.sidebar {

  -webkit-transition: -webkit-transform .5s ease;

  transition: -webkit-transform .5s ease;

  transition: transform .5s ease;

  transition: transform .5s ease, -webkit-transform .5s ease

}

.ui.visible.slide.along.sidebar {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0)

}

.ui.slide.out.sidebar {

  z-index: 1

}

.ui.left.slide.out.sidebar {

  -webkit-transform: translate3d(50%, 0, 0);

  transform: translate3d(50%, 0, 0)

}

.ui.right.slide.out.sidebar {

  -webkit-transform: translate3d(-50%, 0, 0);

  transform: translate3d(-50%, 0, 0)

}

.ui.top.slide.out.sidebar {

  -webkit-transform: translate3d(0, 50%, 0);

  transform: translate3d(0, 50%, 0)

}

.ui.bottom.slide.out.sidebar {

  -webkit-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0)

}

.ui.animating.slide.out.sidebar {

  -webkit-transition: -webkit-transform .5s ease;

  transition: -webkit-transform .5s ease;

  transition: transform .5s ease;

  transition: transform .5s ease, -webkit-transform .5s ease

}

.ui.visible.slide.out.sidebar {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0)

}

.ui.scale.down.sidebar {

  -webkit-transition: -webkit-transform .5s ease;

  transition: -webkit-transform .5s ease;

  transition: transform .5s ease;

  transition: transform .5s ease, -webkit-transform .5s ease;

  z-index: 102

}

.ui.left.scale.down.sidebar {

  -webkit-transform: translate3d(-100%, 0, 0);

  transform: translate3d(-100%, 0, 0)

}

.ui.right.scale.down.sidebar {

  -webkit-transform: translate3d(100%, 0, 0);

  transform: translate3d(100%, 0, 0)

}

.ui.top.scale.down.sidebar {

  -webkit-transform: translate3d(0, -100%, 0);

  transform: translate3d(0, -100%, 0)

}

.ui.bottom.scale.down.sidebar {

  -webkit-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0)

}

.ui.scale.down.left.sidebar ~ .pusher {

  -webkit-transform-origin: 75% 50%;

  transform-origin: 75% 50%

}

.ui.scale.down.right.sidebar ~ .pusher {

  -webkit-transform-origin: 25% 50%;

  transform-origin: 25% 50%

}

.ui.scale.down.top.sidebar ~ .pusher {

  -webkit-transform-origin: 50% 75%;

  transform-origin: 50% 75%

}

.ui.scale.down.bottom.sidebar ~ .pusher {

  -webkit-transform-origin: 50% 25%;

  transform-origin: 50% 25%

}

.ui.animating.scale.down > .visible.ui.sidebar {

  -webkit-transition: -webkit-transform .5s ease;

  transition: -webkit-transform .5s ease;

  transition: transform .5s ease;

  transition: transform .5s ease, -webkit-transform .5s ease

}

.ui.animating.scale.down.sidebar ~ .pusher, .ui.visible.scale.down.sidebar ~ .pusher {

  display: block !important;

  width: 100%;

  height: 100%;

  overflow: hidden !important

}

.ui.visible.scale.down.sidebar {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0)

}

.ui.visible.scale.down.sidebar ~ .pusher {

  -webkit-transform: scale(.75);

  transform: scale(.75)

}

.ui.sticky {

  position: static;

  -webkit-transition: none;

  transition: none;

  z-index: 800

}

.ui.sticky.bound {

  position: absolute;

  left: auto;

  right: auto

}

.ui.sticky.fixed {

  position: fixed;

  left: auto;

  right: auto

}

.ui.sticky.bound.top, .ui.sticky.fixed.top {

  top: 0;

  bottom: auto

}

.ui.sticky.bound.bottom, .ui.sticky.fixed.bottom {

  top: auto;

  bottom: 0

}

.ui.native.sticky {

  position: -webkit-sticky;

  position: -moz-sticky;

  position: -ms-sticky;

  position: -o-sticky;

  position: sticky

}

.ui.tab {

  display: none

}

.ui.tab.active, .ui.tab.open {

  display: block

}

.ui.tab.loading {

  position: relative;

  overflow: hidden;

  display: block;

  min-height: 250px

}

.ui.tab.loading * {

  position: relative !important;

  left: -10000px !important

}

.ui.tab.loading.segment:before, .ui.tab.loading:before {

  position: absolute;

  content: '';

  top: 100px;

  left: 50%;

  margin: -1.25em 0 0 -1.25em;

  width: 2.5em;

  height: 2.5em;

  border-radius: 500rem;

  border: .2em solid rgba(0, 0, 0, .1)

}

.ui.tab.loading.segment:after, .ui.tab.loading:after {

  position: absolute;

  content: '';

  top: 100px;

  left: 50%;

  margin: -1.25em 0 0 -1.25em;

  width: 2.5em;

  height: 2.5em;

  -webkit-animation: button-spin .6s linear;

  animation: button-spin .6s linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  border-radius: 500rem;

  border-color: #767676 transparent transparent;

  border-style: solid;

  border-width: .2em;

  box-shadow: 0 0 0 1px transparent

}

.transition {

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

  -webkit-animation-duration: .3s;

  animation-duration: .3s;

  -webkit-animation-timing-function: ease;

  animation-timing-function: ease;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both

}

.animating.transition {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  visibility: visible !important

}

.loading.transition {

  position: absolute;

  top: -99999px;

  left: -99999px

}

.hidden.transition {

  display: none;

  visibility: hidden

}

.visible.transition {

  display: block !important;

  visibility: visible !important

}

.disabled.transition {

  -webkit-animation-play-state: paused;

  animation-play-state: paused

}

.looping.transition {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite

}

.transition.browse {

  -webkit-animation-duration: .5s;

  animation-duration: .5s

}

.transition.browse.in {

  -webkit-animation-name: browseIn;

  animation-name: browseIn

}

.transition.browse.left.out, .transition.browse.out {

  -webkit-animation-name: browseOutLeft;

  animation-name: browseOutLeft

}

.transition.browse.right.out {

  -webkit-animation-name: browseOutRight;

  animation-name: browseOutRight

}

@-webkit-keyframes browseIn {

  0% {

    -webkit-transform: scale(.8) translateZ(0);

    transform: scale(.8) translateZ(0);

    z-index: -1

  }

  10% {

    -webkit-transform: scale(.8) translateZ(0);

    transform: scale(.8) translateZ(0);

    z-index: -1;

    opacity: .7

  }

  80% {

    -webkit-transform: scale(1.05) translateZ(0);

    transform: scale(1.05) translateZ(0);

    opacity: 1;

    z-index: 999

  }

  100% {

    -webkit-transform: scale(1) translateZ(0);

    transform: scale(1) translateZ(0);

    z-index: 999

  }

}

@keyframes browseIn {

  0% {

    -webkit-transform: scale(.8) translateZ(0);

    transform: scale(.8) translateZ(0);

    z-index: -1

  }

  10% {

    -webkit-transform: scale(.8) translateZ(0);

    transform: scale(.8) translateZ(0);

    z-index: -1;

    opacity: .7

  }

  80% {

    -webkit-transform: scale(1.05) translateZ(0);

    transform: scale(1.05) translateZ(0);

    opacity: 1;

    z-index: 999

  }

  100% {

    -webkit-transform: scale(1) translateZ(0);

    transform: scale(1) translateZ(0);

    z-index: 999

  }

}

@-webkit-keyframes browseOutLeft {

  0% {

    z-index: 999;

    -webkit-transform: translateX(0) rotateY(0) rotateX(0);

    transform: translateX(0) rotateY(0) rotateX(0)

  }

  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(0) rotateX(0) translateZ(-10px);

    transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);

    opacity: 0

  }

}

@keyframes browseOutLeft {

  0% {

    z-index: 999;

    -webkit-transform: translateX(0) rotateY(0) rotateX(0);

    transform: translateX(0) rotateY(0) rotateX(0)

  }

  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(0) rotateX(0) translateZ(-10px);

    transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);

    opacity: 0

  }

}

@-webkit-keyframes browseOutRight {

  0% {

    z-index: 999;

    -webkit-transform: translateX(0) rotateY(0) rotateX(0);

    transform: translateX(0) rotateY(0) rotateX(0)

  }

  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(0) rotateX(0) translateZ(-10px);

    transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);

    opacity: 0

  }

}

@keyframes browseOutRight {

  0% {

    z-index: 999;

    -webkit-transform: translateX(0) rotateY(0) rotateX(0);

    transform: translateX(0) rotateY(0) rotateX(0)

  }

  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(0) rotateX(0) translateZ(-10px);

    transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);

    opacity: 0

  }

}

.drop.transition {

  -webkit-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation-duration: .4s;

  animation-duration: .4s;

  -webkit-animation-timing-function: cubic-bezier(.34, 1.61, .7, 1);

  animation-timing-function: cubic-bezier(.34, 1.61, .7, 1)

}

.drop.transition.in {

  -webkit-animation-name: dropIn;

  animation-name: dropIn

}

.drop.transition.out {

  -webkit-animation-name: dropOut;

  animation-name: dropOut

}

@-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)

  }

}

.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

}

@-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)

  }

}

@-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%)

  }

}

.flip.transition.in, .flip.transition.out {

  -webkit-animation-duration: .6s;

  animation-duration: .6s

}

.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

}

@-webkit-keyframes horizontalFlipIn {

  0% {

    -webkit-transform: perspective(2000px) rotateY(-90deg);

    transform: perspective(2000px) rotateY(-90deg);

    opacity: 0

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(0);

    transform: perspective(2000px) rotateY(0);

    opacity: 1

  }

}

@keyframes horizontalFlipIn {

  0% {

    -webkit-transform: perspective(2000px) rotateY(-90deg);

    transform: perspective(2000px) rotateY(-90deg);

    opacity: 0

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(0);

    transform: perspective(2000px) rotateY(0);

    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(0);

    transform: perspective(2000px) rotateX(0);

    opacity: 1

  }

}

@keyframes verticalFlipIn {

  0% {

    -webkit-transform: perspective(2000px) rotateX(-90deg);

    transform: perspective(2000px) rotateX(-90deg);

    opacity: 0

  }

  100% {

    -webkit-transform: perspective(2000px) rotateX(0);

    transform: perspective(2000px) rotateX(0);

    opacity: 1

  }

}

@-webkit-keyframes horizontalFlipOut {

  0% {

    -webkit-transform: perspective(2000px) rotateY(0);

    transform: perspective(2000px) rotateY(0);

    opacity: 1

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(90deg);

    transform: perspective(2000px) rotateY(90deg);

    opacity: 0

  }

}

@keyframes horizontalFlipOut {

  0% {

    -webkit-transform: perspective(2000px) rotateY(0);

    transform: perspective(2000px) rotateY(0);

    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(0);

    transform: perspective(2000px) rotateX(0);

    opacity: 1

  }

  100% {

    -webkit-transform: perspective(2000px) rotateX(-90deg);

    transform: perspective(2000px) rotateX(-90deg);

    opacity: 0

  }

}

@keyframes verticalFlipOut {

  0% {

    -webkit-transform: perspective(2000px) rotateX(0);

    transform: perspective(2000px) rotateX(0);

    opacity: 1

  }

  100% {

    -webkit-transform: perspective(2000px) rotateX(-90deg);

    transform: perspective(2000px) rotateX(-90deg);

    opacity: 0

  }

}

.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(.8);

    transform: scale(.8)

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

  }

}

@keyframes scaleIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(.8);

    transform: scale(.8)

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

  }

}

@-webkit-keyframes scaleOut {

  0% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(.9);

    transform: scale(.9)

  }

}

@keyframes scaleOut {

  0% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(.9);

    transform: scale(.9)

  }

}

.transition.fly {

  -webkit-animation-duration: .6s;

  animation-duration: .6s;

  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);

  transition-timing-function: cubic-bezier(.215, .61, .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

}

.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

}

@-webkit-keyframes flyIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

    transform: scale3d(.3, .3, .3)

  }

  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1)

  }

  40% {

    -webkit-transform: scale3d(.9, .9, .9);

    transform: scale3d(.9, .9, .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(.97, .97, .97);

    transform: scale3d(.97, .97, .97)

  }

  100% {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

}

@keyframes flyIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

    transform: scale3d(.3, .3, .3)

  }

  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1)

  }

  40% {

    -webkit-transform: scale3d(.9, .9, .9);

    transform: scale3d(.9, .9, .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(.97, .97, .97);

    transform: scale3d(.97, .97, .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

  }

}

@-webkit-keyframes flyOut {

  20% {

    -webkit-transform: scale3d(.9, .9, .9);

    transform: scale3d(.9, .9, .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(.3, .3, .3);

    transform: scale3d(.3, .3, .3)

  }

}

@keyframes flyOut {

  20% {

    -webkit-transform: scale3d(.9, .9, .9);

    transform: scale3d(.9, .9, .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(.3, .3, .3);

    transform: scale3d(.3, .3, .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)

  }

}

.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

}

@-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)

  }

}

@-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)

  }

}

.transition.swing {

  -webkit-animation-duration: .8s;

  animation-duration: .8s

}

.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

}

@-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(0);

    transform: perspective(1000px) rotateX(0)

  }

}

@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(0);

    transform: perspective(1000px) rotateX(0)

  }

}

@-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(0);

    transform: perspective(1000px) rotateY(0)

  }

}

@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(0);

    transform: perspective(1000px) rotateY(0)

  }

}

@-webkit-keyframes swingOutX {

  0% {

    -webkit-transform: perspective(1000px) rotateX(0);

    transform: perspective(1000px) rotateX(0)

  }

  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(0);

    transform: perspective(1000px) rotateX(0)

  }

  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(0);

    transform: perspective(1000px) rotateY(0)

  }

  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(0);

    transform: perspective(1000px) rotateY(0)

  }

  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

  }

}

.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: .5s;

  animation-duration: .5s;

  -webkit-animation-name: pulse;

  animation-name: pulse

}

.jiggle.transition {

  -webkit-animation-duration: 750ms;

  animation-duration: 750ms;

  -webkit-animation-name: jiggle;

  animation-name: jiggle

}

@-webkit-keyframes flash {

  0%, 100%, 50% {

    opacity: 1

  }

  25%, 75% {

    opacity: 0

  }

}

@keyframes flash {

  0%, 100%, 50% {

    opacity: 1

  }

  25%, 75% {

    opacity: 0

  }

}

@-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)

  }

}

@-webkit-keyframes bounce {

  0%, 100%, 20%, 50%, 80% {

    -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%, 100%, 20%, 50%, 80% {

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }

  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px)

  }

  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px)

  }

}

@-webkit-keyframes tada {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1)

  }

  10%, 20% {

    -webkit-transform: scale(.9) rotate(-3deg);

    transform: scale(.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(.9) rotate(-3deg);

    transform: scale(.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)

  }

}

@-webkit-keyframes pulse {

  0%, 100% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1

  }

  50% {

    -webkit-transform: scale(.9);

    transform: scale(.9);

    opacity: .7

  }

}

@keyframes pulse {

  0%, 100% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1

  }

  50% {

    -webkit-transform: scale(.9);

    transform: scale(.9);

    opacity: .7

  }

}

@-webkit-keyframes jiggle {

  0%, 100% {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

  30% {

    -webkit-transform: scale3d(1.25, .75, 1);

    transform: scale3d(1.25, .75, 1)

  }

  40% {

    -webkit-transform: scale3d(.75, 1.25, 1);

    transform: scale3d(.75, 1.25, 1)

  }

  50% {

    -webkit-transform: scale3d(1.15, .85, 1);

    transform: scale3d(1.15, .85, 1)

  }

  65% {

    -webkit-transform: scale3d(.95, 1.05, 1);

    transform: scale3d(.95, 1.05, 1)

  }

  75% {

    -webkit-transform: scale3d(1.05, .95, 1);

    transform: scale3d(1.05, .95, 1)

  }

}

@keyframes jiggle {

  0%, 100% {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

  }

  30% {

    -webkit-transform: scale3d(1.25, .75, 1);

    transform: scale3d(1.25, .75, 1)

  }

  40% {

    -webkit-transform: scale3d(.75, 1.25, 1);

    transform: scale3d(.75, 1.25, 1)

  }

  50% {

    -webkit-transform: scale3d(1.15, .85, 1);

    transform: scale3d(1.15, .85, 1)

  }

  65% {

    -webkit-transform: scale3d(.95, 1.05, 1);

    transform: scale3d(.95, 1.05, 1)

  }

  75% {

    -webkit-transform: scale3d(1.05, .95, 1);

    transform: scale3d(1.05, .95, 1)

  }

}

.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent

}

.slick-list {

  position: relative;

  display: block;

  overflow: hidden;

  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);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0)

}

.slick-track {

  position: relative;

  top: 0;

  left: 0;

  display: block;

  margin-left: auto;

  margin-right: auto

}

.slick-track:before, .slick-track:after {

  display: table;

  content: ''

}

.slick-track:after {

  clear: both

}

.slick-loading .slick-track {

  visibility: hidden

}

.slick-slide {

  display: none;

  float: left;

  height: 100%;

  min-height: 1px

}

[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

}

@font-face {

  font-family: 'AKZIDENZGROTESK-EXTRABOLDCOND_0';

  src: url(/wp-content/themes/yaorimosu/fonts/AKZIDENZGROTESK-EXTRABOLDCOND_0.ttf) format('truetype'), url(/wp-content/themes/yaorimosu/fonts/AKZIDENZGROTESK-EXTRABOLDCOND_0.eot) format('eot'), url(/wp-content/themes/yaorimosu/css/../fonts/AKZIDENZGROTESK-EXTRABOLDCOND_0.woff) format('woff'), url(/wp-content/themes/yaorimosu/css/../fonts/AKZIDENZGROTESK-EXTRABOLDCOND_0.woff2) format('woff2')

}

@font-face {

  font-family: 'brand-icons';

  src: url(/wp-content/themes/yaorimosu/fonts/brand-icons.ttf) format('truetype'), url(/wp-content/themes/yaorimosu/fonts/brand-icons.eot) format('eot'), url(/wp-content/themes/yaorimosu/css/../fonts/brand-icons.woff) format('woff'), url(/wp-content/themes/yaorimosu/css/../fonts/brand-icons.woff2) format('woff2')

}

body {

  overflow-x: hidden;

  font-family: 'AKZIDENZGROTESK-EXTRABOLDCOND_0', Arial, 'microsoft yahei', SimSun, Sans-serif !important

}

i.icon.youtube {

  font-family: brand-icons

}

li {

  list-style: none

}

body, html, h1, h2, h3, h4, h5, h6, p, ul, dl, div, li, dt, dd, a, img, i, span, blockquote, em {

  margin: 0;

  padding: 0

}

i, em {

  font-style: normal

}

.clear {

  clear: both;

  height: 0;

  width: 0;

  padding: 0;

  margin: 0

}

.fl {

  float: left

}

.fr {

  float: right

}

img {

  width: auto;

  height: auto;

  max-width: 100%;

  display: block

}

a {

  transition: .3s ease;

  -webkit-transition: .3s ease;

  -moz-transition: .3s ease;

  -ms-transition: .3s ease;

  -o-transition: .3s ease

}

a:hover, a:focus, a:active {

  text-decoration: none

}

.no-mr {

  margin-right: 0 !important

}

.no-mb {

  margin-bottom: 0 !important

}

.no-pr {

  padding-right: 0 !important

}

.no-pb {

  padding-bottom: 0 !important

}

.mt10 {

  margin-top: 10px

}

.mt20 {

  margin-top: 20px

}

.mt30 {

  margin-top: 30px

}

.mt40 {

  margin-top: 40px

}

.mt50 {

  margin-top: 50px

}

.mb10 {

  margin-bottom: 10px

}

.mb20 {

  margin-bottom: 20px

}

.mb30 {

  margin-bottom: 30px

}

.mb40 {

  margin-bottom: 40px

}

.mb50 {

  margin-bottom: 50px

}

.pt10 {

  padding-top: 10px

}

.pt20 {

  padding-top: 20px

}

.pt30 {

  padding-top: 30px

}

.pt40 {

  padding-top: 40px

}

.pt50 {

  padding-top: 50px

}

.pb10 {

  padding-bottom: 10px

}

.pb20 {

  padding-bottom: 20px

}

.pb30 {

  padding-bottom: 30px

}

.pb40 {

  padding-bottom: 40px

}

.pb50 {

  padding-bottom: 50px

}

.indent1 {

  text-indent: 1em

}

.indent2 {

  text-indent: 2em

}

.indent3 {

  text-indent: 3em

}

.indent4 {

  text-indent: 4em

}

.indent5 {

  text-indent: 5em

}

.center {

  text-align: center

}

.img-box {

  overflow: hidden;

  position: relative

}

.img-box img {

  transition: 1s ease;

  -webkit-transition: 1s ease;

  -moz-transition: 1s ease;

  -ms-transition: 1s ease;

  -o-transition: 1s ease

}

.img-box:hover img {

  transform: translate(0, 0) rotate(0) scale(1.1, 1.1) skew(0, 0) rotateX(0) rotateY(0);

  -webkit-transform: translate(0, 0) rotate(0) scale(1.1, 1.1) skew(0, 0) rotateX(0) rotateY(0);

  -moz-transform: translate(0, 0) rotate(0) scale(1.1, 1.1) skew(0, 0) rotateX(0) rotateY(0);

  -ms-transform: translate(0, 0) rotate(0) scale(1.1, 1.1) skew(0, 0) rotateX(0) rotateY(0);

  -o-transform: translate(0, 0) rotate(0) scale(1.1, 1.1) skew(0, 0) rotateX(0) rotateY(0)

}

.scroll-box {

  overflow: hidden;

  position: relative

}

.scroll-box ul {

  width: 9999px

}

.scroll-box ul li {

  float: left

}

h1, h2, h3, h4, h5 {

  font-weight: 500

}

.clearfix:before, .clearfix:after {

  display: table;

  content: " "

}

.clearfix:after {

  height: 0;

  clear: both;

  visibility: hidden

}

.ui.container {

  padding: 0 15px;

  position: relative

}

.ui.container > .item {

  padding-left: 0;

  padding-right: 0

}

.ui.menu {

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border: none;

  margin: 0;

  box-shadow: 0 0 0 0 #fff;

  -webkit-box-shadow: 0 0 0 0 #fff;

  -moz-box-shadow: 0 0 0 0 #fff;

  -ms-box-shadow: 0 0 0 0 #fff;

  -o-box-shadow: 0 0 0 0 #fff;

  min-height: auto;

  background: 0 0

}

.ui.header:first-child {

  margin-top: 0

}

.ui.header {

  margin: 0;

  font-weight: 500

}

.item {

  border-left: none !important;

  border-right: none !important

}

.item:before, .item:after {

  display: none !important

}

#header {

  background: #2b2b2b;

  padding-bottom: 15px

}

#header .h-top .logo p {

  font-family: Calibri;

  font-size: 20px;

  color: #fff;

  font-weight: 700;

  margin-left: 40px

}

#header .h-top .logo .euramold {

  font-family: Calibri;

  font-size: 20px;

  color: #fff;

  font-weight: 700;

  margin-left: 40px

}

#header .h-top .logo .euramold a {

  color: #fff

}

#header .h-top .SandY .share {

  display: inline-block

}

#header .h-top .SandY .share li {

  display: inline-block;

  color: #fff;

  font-size: 20px;

  padding-right: 10px

}

#header .h-top .SandY .share li a {

  color: inherit

}

#header .h-top .SandY .share li:hover {

  color: #f21011

}

#header .h-top .SandY .yuy {

  display: inline-block

}

#header .h-top .SandY .yuy ul li {

  font-family: Calibri;

  display: inline-block;

  font-size: 18px;

  color: #fff;

  position: relative;

  margin-left: 20px

}

#header .h-top .SandY .yuy ul li img {

  display: inline-block;

  position: relative;

  top: 2px;

  margin-right: 8px

}

#header .h-top .SandY .yuy ul li a {

  color: inherit

}

#header .h-top .SandY .yuy ul li:hover {

  color: #f21011

}

#header .h-top .SandY .yuy ul li ul.sub-menu {

  position: absolute;

  top: 100%;

  left: 0;

  display: none;

  z-index: 2;

  width: 100%;

  border-top: 10px solid transparent

}

#header .h-top .SandY .yuy ul li ul.sub-menu li {

  display: block;

  width: 100%;

  margin: 0;

  padding: 8px 10px;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s;

  background: #f21011;

  font-size: 12px

}

#header .h-top .SandY .yuy ul li ul.sub-menu li:hover {

  color: #fff;

  background: #222

}

#header .nav .item {

  padding: 0

}

#header .nav .h-search {

  color: #070707;

  font-size: 16px;

  cursor: pointer;

  margin-left: 40px !important;

  margin-top: 10px

}

#header .nav .h-search i:hover {

  color: #f21011

}

#header .nav .search-box {

  width: 25%;

  padding-right: 10px

}

#header .nav .search-box form {

  position: relative

}

#header .nav .search-box form input {

  background: 0 0;

  outline: none;

  border: none

}

#header .nav .search-box form input[type=text] {

  width: 100%;

  font-size: 16px;

  color: #040303;

  background: #fff;

  padding: 0 45px 0 10px;

  line-height: 40px

}

#header .nav .search-box form button {

  width: 40px;

  height: 40px;

  position: absolute;

  right: 0;

  top: 0;

  color: #fff;

  font-size: 24px;

  line-height: 40px;

  display: block;

  background: 0 0;

  border: none;

  outline: none;

  background: #f21011

}

#header .nav .search-box .close {

  width: 30px;

  height: 30px;

  background: url(/wp-content/themes/yaorimosu/images/close.png) no-repeat;

  position: absolute;

  right: 25px;

  top: 15px;

  cursor: pointer

}

#header .nav .menu-box {

  width: 75%

}

#header .nav .menu-box .menu-menu-container {

  width: 100%

}

#header .nav .menu-box .menu {

  height: 100%;

  width: 100%

}

#header .nav .menu-box .menu:after {

  content: '';

  display: block;

  clear: both;

  width: 0;

  height: 0

}

#header .nav .menu-box .menu > li {

  float: left;

  position: relative;

  font-family: Calibri;

  width: 12.5%

}

#header .nav .menu-box .menu > li:first-child {

  margin-left: 0

}

#header .nav .menu-box .menu > li > a {

  font-size: 18px;

  display: block;

  position: relative;

  background: #f21011;

  font-weight: 700;

  color: #fff;

  text-transform: uppercase;

  line-height: 40px;

  border-right: 3px solid #2b2b2b;

  text-align: center

}

#header .nav .menu-box .menu > li .sub-menu {

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  min-width: 150px;

  background: #f21011;

  text-align: left;

  z-index: 101;

  display: none

}

#header .nav .menu-box .menu > li .sub-menu li {

  transition: .2s ease-in;

  -webkit-transition: .2s ease-in;

  -moz-transition: .2s ease-in;

  -ms-transition: .2s ease-in;

  -o-transition: .2s ease-in;

  line-height: normal

}

#header .nav .menu-box .menu > li .sub-menu li a {

  font-size: 16px;

  color: #fff;

  display: block;

  padding: 10px 18px;

  text-transform: capitalize

}

#header .nav .menu-box .menu > li .sub-menu li:hover {

  background: #222

}

#banner {

  margin-top: 0

}

#banner ul .slick-slide .content {

  display: none

}

#banner ul .slick-slide.slick-active .content {

  display: block

}

#banner ul .slick-arrow {

  width: 45px;

  height: 80px;

  background: 0 0;

  color: transparent;

  position: absolute;

  top: 45%;

  z-index: 10;

  border: none;

  outline: none;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s;

  background: rgba(0, 0, 0, .3);

  opacity: 0

}

#banner ul .slick-arrow:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%) scale(1, 1.9);

  -moz-transform: translate(-50%, -50%) scale(1, 1.9);

  -ms-transform: translate(-50%, -50%) scale(1, 1.9);

  -o-transform: translate(-50%, -50%) scale(1, 1.9);

  transform: translate(-50%, -50%) scale(1, 1.9);

  display: block;

  color: #fff;

  font-size: 30px;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s;

  -webkit-font-smoothing: antialiased;

  font-smoothing: antialiased

}

#banner ul .slick-arrow:hover {

  background: #f21011

}

#banner ul .slick-next {

  right: 0

}

#banner ul .slick-next:before {

  content: '>'

}

#banner ul .slick-prev {

  left: 0

}

#banner ul .slick-prev:before {

  content: '<'

}

#banner ul .slick-dots {

  position: absolute;

  bottom: 10%;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%)

}

#banner ul .slick-dots li {

  display: inline-block;

  margin: 0 10px;

  color: transparent;

  border-radius: 100%;

  background: #e1e5e6;

  width: 15px;

  height: 15px

}

#banner ul .slick-dots li button {

  border: none;

  background: 0 0;

  width: 100%;

  height: 100%;

  outline: none

}

#banner ul .slick-dots li.slick-active {

  background: #fff

}

#banner ul li {

  position: relative;

  margin-bottom: -5px

}

#banner ul li .content {

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%)

}

#banner ul li .content .left {

  vertical-align: middle;

  display: inline-block;

  width: 70%;

  position: relative;

  left: 15%;

  color: transparent;

  text-align: center

}

#banner ul li .content .left h2 {

  font-size: 36px;

  color: #fff;

  text-transform: uppercase;

  font-weight: 700

}

#banner ul li .content .right {

  margin-top: 100px

}

#banner ul:hover .slick-arrow {

  opacity: 1

}

#index-body .init-1 {

  padding: 40px 0;

  background: #f6f6f6

}

#index-body .init-1 ul li {

  padding: 10px

}

#index-body .init-1 ul li a {

  display: block;

  background: #fff;

  text-align: center;

  padding: 40px 20px 20px

}

#index-body .init-1 ul li a h2 {

  font-size: 24px;

  color: #333;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  text-transform: uppercase;

  font-weight: 700;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s

}

#index-body .init-1 ul li a p {

  font-size: 16px;

  color: #f21011;

  text-transform: uppercase;

  font-family: Calibri;

  font-weight: 700;

  padding: 15px 0

}

#index-body .init-1 ul li a span {

  display: block

}

#index-body .init-1 ul li a span img {

  margin: 0 auto

}

#index-body .init-1 ul li a:hover {

  box-shadow: 0 0 10px 0 #ccc;

  -webkit-box-shadow: 0 0 10px 0 #ccc;

  -moz-box-shadow: 0 0 10px 0 #ccc;

  -ms-box-shadow: 0 0 10px 0 #ccc;

  -o-box-shadow: 0 0 10px 0 #ccc

}

#index-body .init-1 ul li a:hover h2 {

  color: #f21011

}

#index-body .init-1 ul .slick-arrow {

  width: 40px;

  height: 40px;

  background: 0 0;

  color: transparent;

  position: absolute;

  top: 45%;

  z-index: 10;

  border: none;

  outline: none;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s;

  background: rgba(0, 0, 0, .3);

  opacity: 0

}

#index-body .init-1 ul .slick-arrow:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%) scale(1, 1.9);

  -moz-transform: translate(-50%, -50%) scale(1, 1.9);

  -ms-transform: translate(-50%, -50%) scale(1, 1.9);

  -o-transform: translate(-50%, -50%) scale(1, 1.9);

  transform: translate(-50%, -50%) scale(1, 1.9);

  display: block;

  color: #fff;

  font-size: 20px;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s;

  -webkit-font-smoothing: antialiased;

  font-smoothing: antialiased

}

#index-body .init-1 ul .slick-arrow:hover {

  background: #f21011

}

#index-body .init-1 ul .slick-next {

  right: 0

}

#index-body .init-1 ul .slick-next:before {

  content: '>'

}

#index-body .init-1 ul .slick-prev {

  left: 0

}

#index-body .init-1 ul .slick-prev:before {

  content: '<'

}

#index-body .init-1 ul:hover .slick-arrow {

  opacity: 1

}

#index-body .init-2 ul {

  margin: 0

}

#index-body .init-2 li {

  padding: 60px 90px

}

#index-body .init-2 li h2 {

  font-size: 36px;

  color: #fff;

  font-weight: 700

}

#index-body .init-2 li h2 a {

  color: inherit

}

#index-body .init-2 li p {

  font-family: Calibri;

  font-size: 16px;

  color: #fff;

  line-height: 24px;

  margin: 20px 0 10px;

  height: 144px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 6;

  overflow: hidden

}

#index-body .init-2 li a.more {

  font-family: Calibri;

  font-weight: 700;

  font-size: 16px;

  color: #fff;

  text-transform: uppercase

}

#index-body .init-2 li.ie1 {

  background: #2b282b

}

#index-body .init-2 li.ie2 {

  background: #cb0a0a

}

#index-body .init-2 li.ie3 {

  background: #363636

}

#index-body .init-2 li.ie3 a.more {

  color: #fff

}

#index-body .init-2 li.ie2:hover h2 {

  color: #fff

}

#index-body .init-2 li:hover h2 {

  color: #f21011

}

#index-body .init-3 {

  text-align: center;

  padding: 70px 0 70px

}

#index-body .init-3 h2 {

  font-size: 48px;

  color: #000;

  font-weight: 700;

  text-transform: uppercase

}

#index-body .init-3 h2:after {

  content: '';

  width: 60px;

  border-bottom: 3px solid #f21011;

  margin: 10px auto 0;

  display: block

}

#index-body .init-3 ul {

  margin-top: 70px

}

#index-body .init-3 ul li {

  border-left: 3px solid #4b4c4c;

  border-right: 3px solid #4b4c4c

}

#index-body .init-3 ul li a {

  display: block;

  position: relative

}

#index-body .init-3 ul li a:after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, .3);

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s

}

#index-body .init-3 ul li a img {

  width: 100%

}

#index-body .init-3 ul li a h3 {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 90%;

  text-align: center;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  font-size: 24px;

  color: #fff;

  text-transform: uppercase;

  font-weight: 700;

  z-index: 1;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s

}

#index-body .init-3 ul li a:hover:after {

  opacity: 0

}

#index-body .init-3 ul li a:hover h3 {

  opacity: 0;

  top: 60%

}

#index-body .init-3 ul .slick-arrow {

  width: 40px;

  height: 40px;

  background: 0 0;

  color: transparent;

  position: absolute;

  top: 45%;

  z-index: 10;

  border: none;

  outline: none;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s;

  background: rgba(242, 16, 17, .31);

  opacity: 0

}

#index-body .init-3 ul .slick-arrow:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%) scale(1, 1.9);

  -moz-transform: translate(-50%, -50%) scale(1, 1.9);

  -ms-transform: translate(-50%, -50%) scale(1, 1.9);

  -o-transform: translate(-50%, -50%) scale(1, 1.9);

  transform: translate(-50%, -50%) scale(1, 1.9);

  display: block;

  color: #fff;

  font-size: 20px;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s;

  -webkit-font-smoothing: antialiased;

  font-smoothing: antialiased

}

#index-body .init-3 ul .slick-arrow:hover {

  background: #f21011

}

#index-body .init-3 ul .slick-next {

  right: 0

}

#index-body .init-3 ul .slick-next:before {

  content: '>'

}

#index-body .init-3 ul .slick-prev {

  left: 0

}

#index-body .init-3 ul .slick-prev:before {

  content: '<'

}

#index-body .init-3 ul:hover .slick-arrow {

  opacity: 1

}

#index-body .init-4 {

  text-align: center;

  padding-bottom: 60px

}

#index-body .init-4 h2 {

  font-size: 48px;

  color: #000;

  font-weight: 700;

  text-align: center;

  text-transform: uppercase

}

#index-body .init-4 h2:after {

  content: '';

  width: 60px;

  border-bottom: 3px solid #f21011;

  margin: 10px auto 0;

  display: block

}

#index-body .init-4 ul {

  padding: 70px 0;

  text-align: left

}

#index-body .init-4 ul li {

  padding: 0 100px

}

#index-body .init-4 ul li time {

  display: block;

  font-family: Calibri;

  font-size: 18px;

  color: #666;

  text-transform: uppercase

}

#index-body .init-4 ul li time em {

  font-size: 48px;

  color: #333;

  font-weight: 700;

  font-family: AKZIDENZGROTESK-EXTRABOLDCOND_0;

  padding-top: 15px;

  display: inline-block;

  padding-right: 10px;

  margin-right: 10px;

  line-height: 35px;

  position: relative;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s

}

#index-body .init-4 ul li time em:after {

  content: '';

  position: absolute;

  height: 100%;

  width: 0;

  border-right: 1px solid #d2d2d2;

  right: 0;

  top: 0

}

#index-body .init-4 ul li h3 {

  font-family: Calibri;

  font-size: 24px;

  color: #333;

  font-weight: 700;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  padding: 30px 0 20px

}

#index-body .init-4 ul li h3 a {

  color: inherit

}

#index-body .init-4 ul li p {

  font-size: 18px;

  color: #666;

  font-family: Calibri;

  line-height: 24px

}

#index-body .init-4 ul li:hover em {

  color: #f21011

}

#index-body .init-4 ul li:hover h3 {

  color: #f21011

}

#index-body .init-4 ul .slick-arrow {

  width: 40px;

  height: 40px;

  background: 0 0;

  color: transparent;

  position: absolute;

  top: 45%;

  z-index: 10;

  border: none;

  outline: none;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s;

  background: rgba(0, 0, 0, .3);

  opacity: 0

}

#index-body .init-4 ul .slick-arrow:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%) scale(1, 1.9);

  -moz-transform: translate(-50%, -50%) scale(1, 1.9);

  -ms-transform: translate(-50%, -50%) scale(1, 1.9);

  -o-transform: translate(-50%, -50%) scale(1, 1.9);

  transform: translate(-50%, -50%) scale(1, 1.9);

  display: block;

  color: #fff;

  font-size: 20px;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s;

  -webkit-font-smoothing: antialiased;

  font-smoothing: antialiased

}

#index-body .init-4 ul .slick-arrow:hover {

  background: #f21011

}

#index-body .init-4 ul .slick-next {

  right: 0

}

#index-body .init-4 ul .slick-next:before {

  content: '>'

}

#index-body .init-4 ul .slick-prev {

  left: 0

}

#index-body .init-4 ul .slick-prev:before {

  content: '<'

}

#index-body .init-4 ul:hover .slick-arrow {

  opacity: 1

}

#index-body .init-4 a.more {

  margin: 0 auto;

  display: inline-block;

  padding: 10px 35px;

  border: 1px solid #000;

  color: #000;

  font-size: 18px;

  text-transform: uppercase

}

#index-body .init-4 a.more:hover {

  border-color: #f21011;

  color: #f21011

}

#index-body .init-5 {

  margin: 0

}

#index-body .init-5 .left {

  background-image: url(/wp-content/themes/yaorimosu/images/init-5-l-bg.jpg);

  background-size: auto 100%;

  background-position: center center;

  padding: 100px 7% 80px

}

#index-body .init-5 .left h2 {

  font-size: 36px;

  color: #fff;

  font-weight: 700;

  text-transform: uppercase

}

#index-body .init-5 .left h2:after {

  content: '';

  width: 60px;

  border-bottom: 4px solid #fff;

  display: block;

  margin-top: 15px

}

#index-body .init-5 .left p {

  font-family: Calibri;

  font-size: 18px;

  color: #fff;

  line-height: 30px;

  margin: 30px 0

}

#index-body .init-5 .left .eura {

  font-family: Calibri;

  font-size: 18px;

  color: #fff;

  line-height: 30px;

  margin: 30px 0

}

#index-body .init-5 .left .eura h1 {

  font-size: 18px;

  display: inline

}

.mould {

  line-height: 28px

}

.mould a {

  color: rgba(0, 0, 0, .87)

}

#index-body .init-5 .left a {

  color: #fff;

  font-size: 18px;

  font-weight: 700;

  text-transform: uppercase

}

#index-body .init-5 .right {

  background: #444;

  padding: 75px 7% 55px

}

#index-body .init-5 .right ul li {

  padding: 30px 0

}

#index-body .init-5 .right ul li a {

  width: 50%;

  margin-right: -5px;

  padding-right: 5px;

  display: inline-block;

  font-size: 18px;

  color: #fff;

  font-family: Calibri;

  font-weight: 700;

  vertical-align: middle

}

#index-body .init-5 .right ul li a img {

  display: inline-block;

  vertical-align: middle;

  margin-right: 15px;

  width: 35px

}

#index-body .init-5 .right ul li span {

  display: inline-block;

  width: 50%;

  font-size: 46px;

  color: #fff;

  vertical-align: middle;

  font-weight: 700

}

#index-body .init-5 .right ul li span em {

  margin-right: 10px

}

#footer .footer-top {

  padding: 70px 10% 30px;

  background: #2c2c2c

}

#footer .footer-top ul li dl dt {

  color: #fff;

  font-size: 24px;

  text-transform: uppercase;

  padding-bottom: 30px

}

#footer .footer-top ul li dl dd {

  font-family: Calibri;

  font-size: 18px;

  color: #999;

  line-height: 26px

}

#footer .footer-top ul li dl dd a {

  color: inherit;

  display: inline-block

}

#footer .footer-top ul li dl dd a:hover {

  color: #fff

}

#footer .footer-top ul li dl dd em {

  color: #fff;

  float: left

}

#footer .footer-top ul li.ie1 dd, #footer .footer-top ul li.ie2 dd {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  text-transform: capitalize

}

#footer .footer-top ul li.ie3 {

  padding-right: 5%

}

#footer .footer-top ul li.ie3 dd a {

  max-width: 82%

}

#footer .footer-top ul li.ie3 dd em {

  width: 18%

}

#footer .footer-top ul li.ie4 {

  padding-left: 2%;

  text-align: center

}

#footer .footer-top ul li.ie4 dt {

  text-align: left

}

#footer .footer-top ul li.ie4 dd img {

  margin-top: 10px

}

#footer .footer-top ul li.ie4 dd.share {

  display: inline-block;

  margin: 20px auto 0

}

#footer .footer-top ul li.ie4 dd.share li {

  color: #fff;

  padding: 0 5px;

  display: inline-block

}

#footer .footer-top ul li.ie4 dd.share li a {

  color: inherit

}

#footer .footer-bottom {

  background: #262626;

  padding: 20px 0

}

#footer .footer-bottom p {

  font-size: 16px;

  color: #999;

  font-family: Calibri;

  text-align: center

}

#footer .footer-bottom p a {

  color: inherit;

  display: inline-block;

  vertical-align: middle;

  margin: 0 5px

}

#footer .footer-bottom p a img {

  max-height: 20px

}

#footer .footer-bottom p a:hover {

  color: #fff

}

#footer .footer-bottom p span {

  display: inline-block

}

@media screen and (max-width:1440px) {

  #header .h-top .logo p {

    display: none

  }

  #index-body .init-4 ul li {

    padding: 0 50px

  }

  #footer .footer-top ul li.ie3 {

    padding-right: 0

  }

  #footer .footer-top ul li.ie3 dd em {

    width: 21%

  }

  #footer .footer-top ul li.ie3 dd a {

    max-width: 79%

  }

}

@media screen and (max-width:1200px) {

  #header .nav .menu-box {

    width: 95%;

    position: relative;

    z-index: 1

  }

  #header .nav .search-box {

    position: absolute;

    right: 0;

    width: 30%

  }

  #header .nav .search-box.active {

    z-index: 2

  }

  #header .nav .search-box.active form input[type=text] {

    width: 100%;

    padding: 0 45px 0 10px

  }

  #header .nav .search-box form input[type=text] {

    width: 0;

    padding: 0;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    transition: .5s

  }

  #banner ul li .content .right {

    margin-top: 0

  }

  #banner ul li .content .left {

    width: 100%;

    left: 0

  }

  #index-body .init-2 li {

    padding: 60px 15px

  }

  #index-body .init-5 .left {

    padding: 100px 3% 80px

  }

  #index-body .init-5 .right {

    padding: 75px 2% 55px

  }

  #index-body .init-5 .right ul li span {

    font-size: 36px

  }

  #footer .footer-top {

    padding: 70px 2% 30px

  }

  #footer .footer-top ul li.ie3 dd em {

    width: 24%

  }

  #footer .footer-top ul li.ie3 dd a {

    max-width: 76%

  }

}

.inner-banner {

  position: relative;

  width: 100%;

  height: 550px;

  background: url(/wp-content/themes/yaorimosu/images/inner-banner.jpg) no-repeat center;

  background-size: cover;

  padding-top: 166px

}

.inner-banner .inner-tit {

  display: none

}

.inner-page {

  background: #eff3f6;

  padding-bottom: 60px;

  font-family: Calibri

}

.inner-page .bread-crumbs {

  padding: 15px 0 10px

}

.inner-page .bread-crumbs, .inner-page .bread-crumbs a, .inner-page .bread-crumbs span {

  font-size: 16px;

  color: #a4a7a8

}

.inner-page .bread-crumbs a:first-child {

  color: #adb3b7;

  font-size: 16px

}

.inner-page .bread-crumbs a:hover {

  color: #f21011

}

.inner-page .sidebar {

  width: 23.3%

}

.inner-page .sidebar .side-top, .inner-page .sidebar .side-contact {

  padding: 26px 26px 32px 20px;

  background: #fff;

  border: 1px solid #dbe4eb

}

.inner-page .sidebar .side-tit {

  color: #000;

  font-size: 18px;

  text-transform: uppercase;

  margin-bottom: 8px

}

.inner-page .sidebar .side-top .side-menu {

  padding: 8px 0

}

.inner-page .sidebar .side-top .side-menu li {

  margin-bottom: 3px;

  position: relative

}

.inner-page .sidebar .side-top .side-menu li i.icon {

  position: absolute;

  top: 13px;

  right: 0;

  cursor: pointer;

  cursor: hand

}

.inner-page .sidebar .side-top .side-menu li a {

  height: 45px;

  line-height: 45px;

  overflow: hidden;

  background: #fafafa;

  color: #000;

  font-size: 16px;

  padding: 0 15px 0 36px;

  text-transform: capitalize;

  display: block

}

.inner-page .sidebar .side-top .side-menu li .children {

  padding-left: 20px;

  display: none;

  margin-top: 3px

}

.inner-page .sidebar .side-top .side-menu li a:hover, .inner-page .sidebar .side-top .side-menu li a.active {

  background: #f21011;

  color: #fff

}

.inner-page .sidebar .side-top .side-menu li a:hover + ul + i, .inner-page .sidebar .side-top .side-menu li a.active + ul + i {

  color: #fff

}

.inner-page .sidebar div.left {

  border: 1px solid #4f4f4f;

  background: #fff

}

.inner-page .sidebar h2 {

  font-size: 18px;

  color: #fff;

  font-weight: 700;

  background-image: -moz-linear-gradient(bottom, #404040, #4c4c4c);

  background-image: -webkit-linear-gradient(bottom, #404040, #4c4c4c);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#404040, endColorstr=#4c4c4c, GradientType='0');

  padding: 15px 20px

}

.inner-page .sidebar h2 small {

  float: right;

  font-size: 14px;

  color: #d2d2d2;

  text-transform: uppercase

}

.inner-page .sidebar ul.prolist {

  padding: 10px

}

.inner-page .sidebar ul.prolist li {

  font-size: 14px;

  color: #000;

  line-height: 27px;

  cursor: pointer;

  cursor: hand

}

.inner-page .sidebar ul.prolist li a {

  color: inherit

}

.inner-page .sidebar ul.prolist > li {

  color: #fff;

  margin-bottom: 15px;

  position: relative

}

.inner-page .sidebar ul.prolist > li > a {

  background: #f21011;

  color: #fff;

  display: block;

  padding: 3px 15px

}

.inner-page .sidebar ul.prolist > li > i {

  position: absolute;

  right: 0;

  top: 3px;

  color: #fff;

  font-size: 18px

}

.inner-page .sidebar ul.prolist > li ul li i {

  vertical-align: middle;

  line-height: 7px;

  border: 1px solid silver;

  width: 10px;

  height: 10px;

  margin-right: 10px;

  color: transparent

}

.inner-page .sidebar ul.prolist > li ul li i.active {

  color: #f21011

}

.inner-page .sidebar ul.prolist > li li {

  border-bottom: 1px #ccc dashed;

  padding: 3px 15px

}

.inner-page .sidebar ul.prolist > li li a {

  max-width: 85%;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  display: inline-block;

  vertical-align: middle

}

.inner-page .sidebar .side-contact {

  margin-top: 19px;

  padding-right: 35px;

  padding-left: 19px

}

.inner-page .sidebar .side-contact .side-tit {

  margin-bottom: 13px

}

.inner-page .sidebar .side-contact li:first-child {

  border-top: 1px dashed #d1d1d1

}

.inner-page .sidebar .side-contact li {

  padding: 20px 0 18px;

  border-bottom: 1px dashed #d1d1d1

}

.inner-page .sidebar .side-contact li i.icon {

  float: left;

  width: 8%;

  font-size: 16px

}

.inner-page .sidebar .side-contact li span {

  float: right;

  width: 88%;

  font-size: 16px;

  color: #000

}

.inner-page .page-right-bar {

  width: 74%

}

.inner-page .piclist li {

  float: left

}

.inner-page .piclist li .litit {

  font-size: 16px;

  font-weight: 600;

  color: #333;

  text-align: center;

  margin-top: 10px;

  transition: .3s ease;

  -webkit-transition: .3s ease;

  -moz-transition: .3s ease;

  -ms-transition: .3s ease;

  -o-transition: .3s ease;

  text-transform: uppercase

}

.inner-page .piclist li .liintro {

  font-size: 14px;

  color: #333;

  margin-top: 6px

}

.inner-page .piclist li:hover .litit {

  color: #f21011

}

.about-page .about-artical img {

  width: auto;

  max-width: 100%

}

.about-page .about-artical p {

  font-size: 18px;

  line-height: 2em;

  margin-bottom: 20px

}

.product-page .piclist li {

  margin-right: 3%;

  margin-bottom: 30px;

  width: 31.32%

}

.product-page .piclist li h3 {

  color: #000;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden

}

.product-page .piclist li .layer-box {

  display: none !important

}

.i-pro-load-img {

  position: absolute;

  top: 100px;

  left: 50%;

  width: auto;

  height: auto;

  margin: 0 0 0 -15px;

  width: 30px

}

.product-page .piclist li h3 {

  display: block;

  text-align: center;

  font-size: 16px;

  margin-top: 16px;

  text-transform: capitalize

}

.product-page .piclist li h3 a {

  color: #333;

  font-family: arial

}

.prodet-page .product-details .prodet-top-l {

  width: 45%

}

.prodet-page .product-details .prodet-top-l img {

  width: 100%

}

.prodet-page .product-details .prodet-top-l ul.image-gallery {

  margin-top: 20px

}

.prodet-page .product-details .prodet-top-l ul.image-gallery li {

  float: left;

  width: 15%;

  margin-right: 10px;

  cursor: pointer;

  border: 1px solid #ddd;

  padding: 0

}

.prodet-page .product-details .prodet-top-r {

  position: relative;

  width: 50%

}

.prodet-page .product-details .prodet-top-r h1.protit {

  color: #333;

  font-size: 16px;

  text-transform: uppercase

}

.prodet-page .product-details .prodet-top-r .prodetail {

  margin: 20px 0 60px;

  font-size: 14px

}

.prodet-page .product-details .prodet-top-r .prodetail p {

  line-height: 2em

}

.prodet-page .product-details .prodet-top-r a.pro-mes {

  font-weight: 600;

  text-transform: uppercase;

  font-size: 15px;

  display: block;

  color: #fff;

  width: 195px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  background: #f21011

}

.prodet-page .product-details .prodet-top-r a.pro-mes:hover {

  background: #000

}

.prodet-page .pro-title {

  width: 150px;

  height: 32px;

  line-height: 32px;

  text-align: center;

  color: #fff;

  background: #f21011;

  text-transform: uppercase;

  font-size: 14px;

  margin-bottom: 15px;

  font-family: arial

}

.prodet-page .prodet-details {

  margin-top: 50px;

  margin-bottom: 20px

}

.prodet-page .prodet-details p {

  line-height: 2em;

  font-size: 14px

}

.news-page .newslist li {

  padding: 0 10px 8px 20px;

  border-bottom: 1px dashed #ccc;

  margin-bottom: 20px

}

.news-page .newslist li .new-l {

  width: 25%

}

.news-page .newslist li .new-r {

  width: 100%

}

.news-page .newslist li .new-r h3 {

  font-size: 18px;

  font-weight: 600;

  color: #555;

  transition: .2s ease;

  -webkit-transition: .2s ease;

  -moz-transition: .2s ease;

  -ms-transition: .2s ease;

  -o-transition: .2s ease

}

.news-page .newslist li .new-r i.new-update, .news-page .newslist li .new-r p.new-abst {

  color: #777;

  font-size: 13px

}

.news-page .newslist li .new-r i.new-update {

  display: block;

  margin: 10px 0

}

.news-page .newslist li .new-r p.new-abst {

  line-height: 1.8em;

  font-size: 16px

}

.news-page .newslist li .new-r:hover h3 {

  color: #f21011

}

.news .news_title h1 {

  padding-bottom: 10px;

  font-size: 20px;

  font-weight: 600;

  text-align: center;

  color: #333

}

.news .news_date {

  font-size: 13px;

  line-height: 22px;

  text-align: center;

  border-bottom: 1px solid #ccc;

  padding-bottom: 5px

}

.news .news_abst {

  border-bottom: 1px dashed #ccc;

  padding: 10px 0;

  font-size: 14px

}

.news .news_abst p {

  display: inline-block

}

.news .news_contents {

  color: #000;

  font-size: 14px;

  line-height: 24px;

  clear: both;

  margin-top: 10px;

  border-bottom: 1px dashed #ccc;

  padding: 20px 0

}

.news .news_contents a {

  color: #000;

  font-size: 16px;

  line-height: 24px

}

.news .news_contents p, .news .news_contents div, .news .news_contents span, .news .news_contents table {

  color: #000;

  font-size: 16px;

  line-height: 2em;

  clear: both;

  margin-bottom: 15px

}

.news .news_next {

  width: 99%;

  margin-top: 0;

  padding-left: 5px;

  border-top: 0 solid #ccc;

  text-align: left;

  padding-top: 10px

}

.news .news_next a {

  width: 100%;

  height: 25px;

  line-height: 25px;

  color: #999;

  font-size: 15px;

  margin-left: 5px

}

.news .news_next a:hover {

  width: 100%;

  height: 25px;

  line-height: 25px;

  color: #000

}

.news .newsnav {

  margin-bottom: 30px

}

.contact-page {

  padding-top: 0;

  padding-bottom: 0

}

.contact-page img {

  width: auto

}

.side-contact-btn {

  background: #f21011;

  color: #fff;

  height: 45px;

  line-height: 45px;

  font-size: 16px;

  text-align: center;

  margin-top: 30px;

  display: block

}

.side-contact-btn:hover {

  background: #222;

  color: #fff

}

.contact-page .cn-form {

  width: 67%;

  float: left;

  padding: 25px 35px 15px

}

.contact-page .contact-details {

  background: #fff;

  width: 30%;

  padding: 30px;

  border: 6px solid #f2f2f2;

  border-radius: 1px;

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  -ms-border-radius: 1px;

  -o-border-radius: 1px

}

.contact-page .contact-details h3.contact-title {

  font-weight: 600;

  font-size: 22px;

  border-bottom: 1px dashed #dcdcdc;

  margin-bottom: 20px;

  color: #444;

  padding-bottom: 15px

}

.contact-page .contact-details .contact-list h5 {

  margin-bottom: 10px;

  color: #222;

  font-size: 16px;

  font-weight: 600

}

.contact-page .contact-details .contact-list p {

  font-size: 14px;

  line-height: 2em

}

.contact-page .contact-details .contact-list a {

  color: #333

}

.contact-page .contact-details .contact-list a:hover {

  color: #0250a9

}

.lg-page .piclist li {

  cursor: pointer;

  margin-right: 3%;

  margin-bottom: 30px;

  width: 31.32%

}

.lg-page .piclist li img {

  width: 100%

}

.lg-page .piclist li h3 {

  text-align: center;

  font-size: 14px;

  color: #333;

  margin-top: 10px

}

.case-page .case-list li {

  margin-bottom: 18px;

  padding: 10px;

  background: #f5f5f5

}

.case-page .case-list li img {

  float: left;

  width: 30%

}

.case-page .case-list li .fr {

  width: 65%

}

.case-page .case-list li .fr h4 {

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  font-size: 18px;

  color: #f21011;

  text-transform: uppercase;

  margin: 15px 0 30px

}

.case-page .case-list li .fr p {

  font-size: 13px;

  color: #222;

  line-height: 1.8em

}

.cn-form {

  width: 100%;

  height: auto;

  padding: 35px 45px 25px;

  border: 1px solid #ddd;

  background: #fff

}

.cn-form p {

  font-size: 18px;

  padding: 10px 0;

  color: #666

}

.cn-form .formtit {

  margin-bottom: 26px;

  font-size: 22px;

  line-height: 23px;

  color: #444;

  text-align: center;

  padding-bottom: 18px;

  background: url(/wp-content/themes/yaorimosu/images/form-tit-bg.jpg) no-repeat center bottom

}

.cn-form li {

  margin-bottom: 13px;

  color: #444

}

.cn-form li label {

  font-weight: 600;

  display: block;

  margin-bottom: 5px;

  font-size: 14px

}

.cn-form .btnTjly {

  font-size: 15px;

  transition: .4s ease;

  -webkit-transition: .4s ease;

  -moz-transition: .4s ease;

  -ms-transition: .4s ease;

  -o-transition: .4s ease;

  width: 100%;

  height: 38px;

  background: #f21011;

  border: none;

  cursor: pointer;

  color: #fff

}

.cn-form .btnTjly:hover {

  background: #000

}

.cn-form .m-form-l {

  width: 49%

}

.cn-form .m-form-l li .iptTxt {

  font-size: 13px;

  padding: 0 15px;

  transition: .2s linear;

  -webkit-transition: .2s linear;

  -moz-transition: .2s linear;

  -ms-transition: .2s linear;

  -o-transition: .2s linear;

  width: 100%;

  border: 1px solid #dedede;

  height: 40px;

  outline: none;

  background: #fff;

  color: #777

}

.cn-form .m-form-l li .iptTxt:focus {

  border-color: #e9322d;

  box-shadow: 0, 0, 6px, 6px, #f8b9b7 0 0 0 #000;

  -webkit-box-shadow: 0, 0, 6px, 6px, #f8b9b7 0 0 0 #000;

  -moz-box-shadow: 0, 0, 6px, 6px, #f8b9b7 0 0 0 #000;

  -ms-box-shadow: 0, 0, 6px, 6px, #f8b9b7 0 0 0 #000;

  -o-box-shadow: 0, 0, 6px, 6px, #f8b9b7 0 0 0 #000;

  outline: 0;

  background: rgba(255, 43, 66, .04)

}

.cn-form .m-form-l li .txtAre {

  width: 95%;

  height: 383px;

  border: 1px solid #dedede;

  outline: none;

  resize: none;

  padding: 14px;

  color: #ccc;

  line-height: 18px

}

.cn-form .m-form-r {

  width: 49%

}

.cn-form .m-form-r textarea {

  height: 315px;

  width: 100%;

  border: 1px solid #dedede;

  font-size: 13px;

  padding: 10px 15px;

  transition: .2s linear;

  -webkit-transition: .2s linear;

  -moz-transition: .2s linear;

  -ms-transition: .2s linear;

  -o-transition: .2s linear

}

.cn-form .m-form-r textarea:focus {

  border-color: #e9322d;

  box-shadow: 0, 0, 6px, 6px, #f8b9b7 0 0 0 #000;

  -webkit-box-shadow: 0, 0, 6px, 6px, #f8b9b7 0 0 0 #000;

  -moz-box-shadow: 0, 0, 6px, 6px, #f8b9b7 0 0 0 #000;

  -ms-box-shadow: 0, 0, 6px, 6px, #f8b9b7 0 0 0 #000;

  -o-box-shadow: 0, 0, 6px, 6px, #f8b9b7 0 0 0 #000;

  outline: 0;

  background: rgba(255, 43, 66, .04)

}

.cn-form div.wpcf7 .ajax-loader {

  display: block;

  margin: 0 auto;

  width: auto;

  background-repeat: no-repeat;

  background-position: center

}

.cn-form .yzm img {

  width: 19.4%;

  display: inline-block

}

.cn-form .yzm input {

  font-size: 13px;

  padding: 0 15px;

  width: 75.6%;

  border: 1px solid #dedede;

  height: 30px;

  outline: none;

  background: #fff;

  color: #777

}

::-webkit-input-placeholder {

  color: #777

}

:-moz-placeholder {

  color: #777

}

::-moz-placeholder {

  color: #777

}

:-ms-input-placeholder {

  color: #777

}

.recommend-product {

  margin: 50px 0

}

.recommend-product ul li {

  float: left;

  width: 23%;

  margin-left: 2.6%

}

.recommend-product ul li p {

  color: #222;

  margin-top: 8px;

  text-align: center

}

.recommend-product ul li:first-child {

  margin-left: 0

}

.zoom-box {

  position: relative

}

.zoom-box .pic-zoom {

  opacity: 0;

  filter: alpha(opacity=0);

  transition: .4s ease;

  -webkit-transition: .4s ease;

  -moz-transition: .4s ease;

  -ms-transition: .4s ease;

  -o-transition: .4s ease;

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 2;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, .6) url(/wp-content/themes/yaorimosu/images/zoom.png) no-repeat center center

}

.zoom-box:hover .pic-zoom {

  opacity: 1;

  filter: alpha(opacity=1)

}

.zoom-pic {

  overflow: hidden

}

.zoom-pic img {

  transition: .6s ease;

  -webkit-transition: .6s ease;

  -moz-transition: .6s ease;

  -ms-transition: .6s ease;

  -o-transition: .6s ease

}

.zoom-pic img:hover {

  transform: translate(0, 0) rotate(0) scale(1.05, 1.05) skew(0, 0) rotateX(0) rotateY(0);

  -webkit-transform: translate(0, 0) rotate(0) scale(1.05, 1.05) skew(0, 0) rotateX(0) rotateY(0);

  -moz-transform: translate(0, 0) rotate(0) scale(1.05, 1.05) skew(0, 0) rotateX(0) rotateY(0);

  -ms-transform: translate(0, 0) rotate(0) scale(1.05, 1.05) skew(0, 0) rotateX(0) rotateY(0);

  -o-transform: translate(0, 0) rotate(0) scale(1.05, 1.05) skew(0, 0) rotateX(0) rotateY(0)

}

.white-zoom {

  position: relative

}

.white-zoom:after {

  transition: .2s linear;

  -webkit-transition: .2s linear;

  -moz-transition: .2s linear;

  -ms-transition: .2s linear;

  -o-transition: .2s linear;

  content: '';

  position: absolute;

  z-index: 2;

  width: 1px;

  height: 1px;

  background: rgba(255, 255, 255, .3);

  left: 50%;

  top: 50%

}

@media screen and (min-width:768px) {

  .around-line > li {

    float: left;

    position: relative;

    cursor: pointer

  }

  .around-line > li > a {

    color: #fff;

    display: block;

    text-decoration: none

  }

  .around-line > li:before, .around-line > li:after {

    content: '';

    opacity: 0;

    filter: alpha(opacity=0);

    transition: .5s ease;

    -webkit-transition: .5s ease;

    -moz-transition: .5s ease;

    -ms-transition: .5s ease;

    -o-transition: .5s ease;

    position: absolute

  }

  .around-line > li:before {

    top: 0;

    left: 0;

    right: 100%;

    bottom: 100%;

    border-top: 1px solid rgba(0, 148, 217, .8);

    border-left: 1px solid rgba(0, 148, 217, .8)

  }

  .around-line > li:after {

    right: 0;

    bottom: 0;

    top: 100%;

    left: 100%;

    border-bottom: 1px solid rgba(0, 148, 217, .8);

    border-right: 1px solid rgba(0, 148, 217, .8)

  }

  .around-line > li:hover:before {

    bottom: 0;

    right: 0;

    opacity: 1;

    filter: alpha(opacity=100)

  }

  .around-line > li:hover:after {

    top: 0;

    left: 0;

    opacity: 1;

    filter: alpha(opacity=100)

  }

  .around-line > li.active:before {

    bottom: 0;

    right: 0;

    opacity: 1;

    filter: alpha(opacity=100)

  }

  .around-line > li.active:after {

    top: 0;

    left: 0;

    opacity: 1;

    filter: alpha(opacity=100)

  }

}

.m-page {

  font-family: 'arial';

  text-align: center;

  line-height: 22px;

  font-size: 0;

  letter-spacing: -.307em;

  word-wrap: normal;

  white-space: nowrap;

  color: #138bdf

}

.m-page a, .m-page span {

  display: inline-block;

  vertical-align: top;

  padding: 2px 10px;

  margin-left: -1px;

  border: 1px solid #ddd;

  font-size: 14px;

  letter-spacing: normal;

  text-shadow: 0 1px #fff;

  background: #fff;

  -webkit-transition: background-color .1s;

  -moz-transition: background-color .1s;

  -ms-transition: background-color .1s;

  -o-transition: background-color .1s;

  transition: background-color .1s

}

.m-page a {

  text-decoration: none;

  color: #000

}

.m-page a:first-child {

  margin-left: 0;

  border-top-left-radius: 2px;

  border-bottom-left-radius: 2px

}

.m-page a:last-child {

  margin-right: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px

}

.m-page a:hover {

  color: #fff;

  background: #f21011

}

.m-page .page-num-current{background: #f21011;color:#fff;}

.m-page a:active {

  background: #f21011

}

.m-page span.current, .m-page span.current:hover, .m-page span.current:active {

  cursor: default;

  color: #fff;

  background: #f21011

}

#pic-zoom, .zoom-pic {

  border: 1px solid #ddd

}

div.wpcf7 img.ajax-loader {

  width: auto;

  display: block;

  margin: 5px auto 0

}

.inner-tit {

  text-transform: uppercase;

  font-size: 48px;

  color: #fff;

  font-family: poppins-bold

}

.faq-page .faq-list dt {

  font-size: 16px;

  color: #f21011;

  margin-bottom: 10px

}

.faq-page .faq-list dd {

  font-size: 14px;

  margin-bottom: 20px;

  padding-bottom: 10px;

  border-bottom: 1px dashed #ddd

}

.visit-head {

  text-align: center;

  margin: 34px 0 45px

}

.visit-head h3 {

  font-size: 24px;

  color: #000

}

.visit-head p {

  color: #666;

  margin-top: 4px

}

.c-jtgj {

  margin-bottom: 89px !important;

  text-align: center

}

.c-jtgj > .column .img {

  width: 89px;

  height: 89px;

  line-height: 109px;

  overflow: hidden;

  border: 2px solid #aec0cd;

  border-radius: 50%;

  margin: 0 auto

}

.c-jtgj > .column .img img {

  display: inline-block

}

.c-jtgj > .column h3 {

  color: #666;

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  margin: 18px 0 13px

}

.c-jtgj > .column p {

  color: #666;

  line-height: 24px

}

.contact-page {

  padding-top: 0

}

.contact-page .c-list-box {

  padding: 70px 0 70px

}

.contact-page .c-list-box .contactList {

  position: relative;

  padding-left: 0

}

.contact-page .c-list-box .contactList .c-name {

  color: #292929;

  font-size: 39px;

  font-family: roboto-black;

  margin-bottom: 34px;

  font-weight: 700

}

.contact-page .c-list-box .contactList p {

  line-height: 18px;

  font-size: 18px;

  color: #292929;

  margin-bottom: 15px

}

.contact-page .c-list-box .contactList .qr-box {

  position: absolute;

  right: 0;

  top: 70px;

  width: 158px;

  padding: 8px;

  background: #fff

}

.contact-page .c-list-box .contactList .c-name {

  color: #292929;

  font-size: 39px;

  font-family: roboto-black;

  margin-bottom: 34px

}

.prodetFeedback {

  padding: 100px 0 100px

}

.prodetFeedback .innerTit {

  font-size: 32px;

  text-transform: uppercase;

  color: #000;

  font-family: roboto-black

}

.prodetFeedback .ptForm {

  margin-top: 50px

}

.prodetFeedback .ptForm input::-webkit-input-placeholder, .prodetFeedback .ptForm textarea::-webkit-input-placeholder {

  font-size: 16px;

  color: #636363;

  font-weight: 500;

  margin-bottom: 0;

  font-family: roboto-light

}

.prodetFeedback .ptForm input:-moz-placeholder, .prodetFeedback .ptForm textarea:-moz-placeholder {

  font-size: 16px;

  color: #636363;

  font-weight: 500;

  margin-bottom: 0;

  font-family: roboto-light

}

.prodetFeedback .ptForm input::-moz-placeholder, .prodetFeedback .ptForm textarea::-moz-placeholder {

  font-size: 16px;

  color: #636363;

  font-weight: 500;

  margin-bottom: 0;

  font-family: roboto-light

}

.prodetFeedback .ptForm input:-ms-input-placeholder, .prodetFeedback .ptForm textarea:-ms-input-placeholder {

  font-size: 16px;

  color: #636363;

  font-weight: 500;

  margin-bottom: 0;

  font-family: roboto-light

}

.prodetFeedback .ptForm input, .prodetFeedback .ptForm textarea {

  font-family: roboto-medium;

  transition: .3s ease;

  -webkit-transition: .3s ease;

  -moz-transition: .3s ease;

  -ms-transition: .3s ease;

  -o-transition: .3s ease;

  background: 0 0;

  color: #252525;

  font-size: 16px;

  width: 100%;

  outline: none;

  border: none;

  border-bottom: 1px solid #ccc

}

.prodetFeedback .ptForm .fbTop {

  margin-bottom: 62px

}

.prodetFeedback .ptForm .fbTop li {

  float: left;

  width: 32%;

  margin-right: 2%

}

.prodetFeedback .ptForm .fbTop li:last-child {

  margin-right: 0

}

.prodetFeedback .ptForm .fbTop li input {

  height: 43px;

  padding: 0 4px

}

.prodetFeedback .ptForm .fbTop li input:focus {

  border-bottom: 3px solid #f21011

}

.prodetFeedback .ptForm .fbBot {

  margin-bottom: 75px

}

.prodetFeedback .ptForm .fbBot textarea {

  height: 55px;

  overflow: auto

}

.prodetFeedback .ptForm .fbBot textarea:focus {

  border-bottom: 3px solid #f21011

}

.prodetFeedback .ptForm input[type=submit] {

  cursor: pointer;

  text-align: left;

  padding-left: 31px;

  font-family: roboto-light;

  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);

  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);

  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);

  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);

  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);

  transition: .3s ease;

  -webkit-transition: .3s ease;

  -moz-transition: .3s ease;

  -ms-transition: .3s ease;

  -o-transition: .3s ease;

  text-transform: uppercase;

  font-size: 16px;

  width: 203px;

  height: 52px;

  border: none;

  background: #f21011 url(/wp-content/themes/yaorimosu/images/fb-send.png) no-repeat 84% center;

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  color: #fff

}

.prodetFeedback .ptForm input[type=submit]:hover {

  background-color: #222

}

#playPause {

  display: none

}

.inner-page .page-right-bar .about-artical table tr td {

  font-size: 18px;

  padding: 8px

}

#mobile {

  position: fixed;

  top: 0;

  left: -280px;

  width: 280px;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s;

  display: none;

  z-index: 20

}

#mobile:before {

  content: '';

  width: 200vw;

  height: 100vh;

  position: fixed;

  top: 0;

  right: 100%;

  display: block;

  background: rgba(0, 0, 0, .13);

  z-index: -1;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s

}

#mobile #menu-on {

  width: 40px;

  height: 40px;

  background: #f5f5f5;

  position: absolute;

  left: 100%;

  top: 0;

  cursor: pointer;

  cursor: hand

}

#mobile #menu-on i {

  width: 23px;

  height: 2px;

  background: #222;

  display: block;

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s;

  -webkit-transform-origin: left center;

  -moz-transform-origin: left center;

  -ms-transform-origin: left center;

  -o-transform-origin: left center;

  transform-origin: left center

}

#mobile #menu-on i.line1 {

  top: 12px

}

#mobile #menu-on i.line2 {

  top: 19px

}

#mobile #menu-on i.line3 {

  top: 26px

}

#mobile a {

  color: inherit

}

#mobile .menu-content {

  width: 100%;

  height: 100vh;

  display: block;

  background: #222;

  padding: 40px 10%;

  overflow-y: auto;

  color: #fff

}

#mobile .menu-content::-webkit-scrollbar {

  width: 3px;

  border-radius: 1.5px

}

#mobile .menu-content::-webkit-scrollbar-button {

  display: none

}

#mobile .menu-content::-webkit-scrollbar-track {

  background-color: #222

}

#mobile .menu-content::-webkit-scrollbar-thumb {

  background-color: #eee

}

#mobile .menu-content h3 {

  font-size: 24px;

  color: inherit;

  text-transform: capitalize;

  margin-bottom: 10px

}

#mobile .menu-content h3 i {

  font-size: 16px;

  position: relative;

  top: -1px

}

#mobile .menu-content .menu-logo {

  display: block

}

#mobile .menu-content .menu-logo img {

  margin: 0 auto

}

#mobile .menu-content .menu-list {

  margin: 40px 0

}

#mobile .menu-content .menu-list ul li {

  font-size: 18px;

  color: inherit;

  text-transform: uppercase;

  line-height: 20px

}

#mobile .menu-content .menu-list ul li a {

  padding: 8px 0;

  display: block

}

#mobile .menu-content .menu-list ul li a:hover {

  color: #f21011;

  text-decoration: underline

}

#mobile .menu-content .menu-list ul li li a {

  position: relative;

  padding-left: 15px;

  font-size: 16px;

  line-height: 18px

}

#mobile .menu-content .menu-list ul li li a:after {

  content: '';

  width: 6px;

  height: 1px;

  background: #fff;

  position: absolute;

  top: 50%;

  left: 0;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%)

}

#mobile .menu-content .mob-search form {

  position: relative

}

#mobile .menu-content .mob-search form input {

  width: 100%;

  height: 45px;

  line-height: 45px;

  border-radius: 5px;

  border: none;

  padding: 0 15px;

  font-size: 16px;

  color: #000

}

#mobile .menu-content .mob-search form input[type=submit] {

  width: 45px;

  height: 45px;

  background: url(/wp-content/themes/yaorimosu/images/icon-search-white.png) no-repeat center center #222;

  position: absolute;

  right: 0;

  top: 0;

  border-radius: 0;

  color: #fff

}

#mobile .menu-content .mob-yuy {

  margin: 40px 0

}

#mobile .menu-content .mob-yuy ul li {

  margin-bottom: 10px;

  color: inherit;

  font-size: 16px

}

#mobile .menu-content .mob-yuy ul li img {

  max-width: 40px;

  display: inline-block;

  vertical-align: middle;

  margin-right: 10px

}

#mobile .menu-content .mob-share ul li {

  width: 30px;

  height: 30px;

  border-radius: 3px;

  background: #333;

  display: inline-block;

  text-align: center;

  line-height: 30px;

  color: #fff;

  font-size: 14px;

  margin-right: 3px;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s

}

#mobile .menu-content .mob-share ul li:hover {

  background: #f21011

}

#mobile .menu-content #menu-off {

  margin-top: 40px;

  cursor: pointer;

  cursor: hand

}

#mobile.active {

  left: 0

}

#mobile.active:before {

  right: 0

}

#mobile.active #menu-on i.line1 {

  -webkit-transform: translateX(-50%) rotateZ(45deg);

  -moz-transform: translateX(-50%) rotateZ(45deg);

  -ms-transform: translateX(-50%) rotateZ(45deg);

  -o-transform: translateX(-50%) rotateZ(45deg);

  transform: translateX(-50%) rotateZ(45deg);

  top: 12px;

  margin-left: 3px

}

#mobile.active #menu-on i.line2 {

  opacity: 0

}

#mobile.active #menu-on i.line3 {

  -webkit-transform: translateX(-50%) rotateZ(-45deg);

  -moz-transform: translateX(-50%) rotateZ(-45deg);

  -ms-transform: translateX(-50%) rotateZ(-45deg);

  -o-transform: translateX(-50%) rotateZ(-45deg);

  transform: translateX(-50%) rotateZ(-45deg);

  top: 28px;

  margin-left: 3px

}

#mobile.white .menu-content {

  background: #fff;

  color: #000

}

#mobile.white .menu-content .menu-list ul li li a:after {

  background: #000

}

#mobile.white .menu-content .mob-search form input {

  border: 1px solid #000

}

#mobile.white .menu-content .mob-search form input[type=submit] {

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px

}

#index-body, #footer {

  overflow: hidden

}

@media screen and (max-width:1700px) {

  #header .h-top .logo .euramold {

    font-size: 16px

  }

  #header .h-top .SandY .share {

    display: none

  }

}

@media screen and (max-width:1400px) {

  #header .nav .menu-box .menu > li > a {

    font-size: 16px

  }

  #footer .footer-top ul li dl dd {

    font-size: 14px;

    line-height: 24px

  }

  #index-body .init-5 .left .eura {

    font-size: 14px

  }

  #index-body .init-5 .right ul li span {

    font-size: 40px

  }

  #index-body .init-4 ul li p, #index-body .init-2 li p {

    font-size: 14px

  }

  #index-body .init-4 ul li h3 {

    font-size: 20px;

    padding: 15px 0

  }

  #header .h-top .logo {

    max-width: 50%

  }

  #header .h-top .SandY {

    max-width: 50%

  }

  .about-page .about-artical p {

    font-size: 16px

  }

  #header .nav .menu-box .menu > li .sub-menu {

    min-width: 180px

  }

  .contact-page .c-list-box .contactList .c-name {

    font-size: 30px

  }

}

@media screen and (max-width:1200px) {

  #index-body .init-2 li h2 {

    font-size: 30px

  }

  #index-body .init-2 li a.more {

    font-size: 14px

  }

  #index-body .init-3 h2, #index-body .init-4 h2, #index-body .init-4 ul li time em {

    font-size: 36px

  }

  #index-body .init-3 ul {

    margin-top: 40px

  }

  #index-body .init-4 ul {

    padding: 40px 0

  }

  #index-body .init-4 ul li {

    padding: 0 15px

  }

  #index-body .init-5 .left h2 {

    font-size: 30px

  }

  #index-body .init-5 .left .eura {

    line-height: 26px

  }

  .inner-page .sidebar .side-contact li span {

    font-size: 12px

  }

  .about-page .about-artical p, .inner-page .sidebar .side-top .side-menu li a, .inner-page .piclist li .litit {

    font-size: 14px

  }

  .product-page .piclist h1 {

    font-size: 24px

  }

  .prodet-page .product-details .prodet-top-r .prodetail p {

    line-height: 1.5em

  }

  .prodetFeedback .innerTit {

    font-size: 28px

  }

  .prodetFeedback .ptForm .fbBot {

    margin-bottom: 40px

  }

  .prodetFeedback .ptForm .fbTop {

    margin-bottom: 25px

  }

  .prodetFeedback {

    padding: 50px 0

  }

  .contact-page .c-list-box .contactList .c-name {

    font-size: 26px

  }

  .contact-page .c-list-box .contactList p {

    font-size: 16px

  }

}

@media screen and (max-width:1000px) {

  #mobile {

    display: block

  }

  #header {

    display: none

  }

  #footer .footer-top ul li.ie4 {

    display: none !important

  }

  #footer .footer-top ul li.ie3 {

    width: 55.25% !important

  }

  #index-body .init-5 .right ul li span {

    font-size: 26px

  }

  #index-body .init-5 .left .eura {

    line-height: 24px;

    font-size: 13px

  }

  #index-body .init-5 .left, #index-body .init-5 .right {

    padding: 50px 15px

  }

  #footer .footer-top ul li dl dt {

    font-size: 20px

  }

  #footer .footer-bottom p {

    font-size: 12px

  }

  .inner-page .page-right-bar {

    width: 100%;

    padding-left: 0

  }

  .inner-page .sidebar, .contact-page .c-list-box .contactList a img {

    display: none

  }

}

@media screen and (max-width:700px) {

  .lg-page .piclist li, .product-page .piclist li {

    width: 49% !important;

    margin: 0 !important

  }

  .lg-page .piclist li:nth-child(2n), .product-page .piclist li:nth-child(2n) {

    margin-left: 2% !important

  }

  #index-body .init-2 li {

    width: 100%;

    padding: 20px 15px

  }

  #index-body .init-3 {

    padding: 40px 0

  }

  #index-body .init-5 .left, #index-body .init-5 .right {

    width: 100%;

    padding: 30px 15px

  }

  #footer .footer-top ul li {

    width: 100% !important;

    margin-bottom: 20px

  }

  #footer .footer-top ul li.ie3 {

    width: 100% !important

  }

  #footer .footer-top ul li.ie3 {

    margin-bottom: 0

  }

  #index-body .init-5 .right ul li a {

    width: 100%;

    font-size: 16px

  }

  #index-body .init-5 .right ul li span {

    display: block;

    margin-top: 15px;

    padding-left: 40px

  }

  .contact-page .c-list-box .contactList p {

    font-size: 14px

  }

  .contact-page .c-list-box .contactList .c-name {

    font-size: 22px

  }

  .contact-page .c-list-box {

    padding: 40px 0

  }

  .prodetFeedback .ptForm .fbTop li {

    width: 100%;

    margin-right: 0

  }

  .prodetFeedback .innerTit {

    font-size: 24px

  }

  .prodetFeedback .ptForm input[type=submit] {

    line-height: 40px;

    height: 40px;

    font-size: 14px;

    width: 180px

  }

  #mapContainer {

    height: 300px !important

  }

  .prodet-page .product-details .prodet-top-l {

    width: 100%

  }

  .prodet-page .product-details .prodet-top-r {

    width: 100%;

    padding-top: 20px

  }

  .prodet-page .product-details .prodet-top-r .prodetail {

    margin: 20px 0

  }

  .inner-page {

    padding-bottom: 30px

  }

}

@charset "UTF-8";

/*!

 * animate.css -http://daneden.me/animate

 * Version - 3.5.1

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2016 Daniel Eden

 */

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both

}

.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite

}

.animated.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s

}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {

  -webkit-animation-duration: .75s;

  animation-duration: .75s

}

@-webkit-keyframes bounce {

  0%, 20%, 53%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

  40%, 43% {

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0)

  }

  40%, 43%, 70% {

    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);

    animation-timing-function: cubic-bezier(.755, .05, .855, .06)

  }

  70% {

    -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0)

  }

  90% {

    -webkit-transform: translate3d(0, -4px, 0);

    transform: translate3d(0, -4px, 0)

  }

}

@keyframes bounce {

  0%, 20%, 53%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

  40%, 43% {

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0)

  }

  40%, 43%, 70% {

    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);

    animation-timing-function: cubic-bezier(.755, .05, .855, .06)

  }

  70% {

    -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0)

  }

  90% {

    -webkit-transform: translate3d(0, -4px, 0);

    transform: translate3d(0, -4px, 0)

  }

}

.bounce {

  -webkit-animation-name: bounce;

  animation-name: bounce;

  -webkit-transform-origin: center bottom;

  transform-origin: center bottom

}

@-webkit-keyframes flash {

  0%, 50%, to {

    opacity: 1

  }

  25%, 75% {

    opacity: 0

  }

}

@keyframes flash {

  0%, 50%, to {

    opacity: 1

  }

  25%, 75% {

    opacity: 0

  }

}

.flash {

  -webkit-animation-name: flash;

  animation-name: flash

}

@-webkit-keyframes pulse {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

  }

  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05)

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

  }

}

@keyframes pulse {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

  }

  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05)

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

  }

}

.pulse {

  -webkit-animation-name: pulse;

  animation-name: pulse

}

@-webkit-keyframes rubberBand {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

  }

  30% {

    -webkit-transform: scale3d(1.25, .75, 1);

    transform: scale3d(1.25, .75, 1)

  }

  40% {

    -webkit-transform: scale3d(.75, 1.25, 1);

    transform: scale3d(.75, 1.25, 1)

  }

  50% {

    -webkit-transform: scale3d(1.15, .85, 1);

    transform: scale3d(1.15, .85, 1)

  }

  65% {

    -webkit-transform: scale3d(.95, 1.05, 1);

    transform: scale3d(.95, 1.05, 1)

  }

  75% {

    -webkit-transform: scale3d(1.05, .95, 1);

    transform: scale3d(1.05, .95, 1)

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

  }

}

@keyframes rubberBand {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

  }

  30% {

    -webkit-transform: scale3d(1.25, .75, 1);

    transform: scale3d(1.25, .75, 1)

  }

  40% {

    -webkit-transform: scale3d(.75, 1.25, 1);

    transform: scale3d(.75, 1.25, 1)

  }

  50% {

    -webkit-transform: scale3d(1.15, .85, 1);

    transform: scale3d(1.15, .85, 1)

  }

  65% {

    -webkit-transform: scale3d(.95, 1.05, 1);

    transform: scale3d(.95, 1.05, 1)

  }

  75% {

    -webkit-transform: scale3d(1.05, .95, 1);

    transform: scale3d(1.05, .95, 1)

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

  }

}

.rubberBand {

  -webkit-animation-name: rubberBand;

  animation-name: rubberBand

}

@-webkit-keyframes shake {

  0%, to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0)

  }

  20%, 40%, 60%, 80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0)

  }

}

@keyframes shake {

  0%, to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0)

  }

  20%, 40%, 60%, 80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0)

  }

}

.shake {

  -webkit-animation-name: shake;

  animation-name: shake

}

@-webkit-keyframes headShake {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

  6.5% {

    -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg)

  }

  18.5% {

    -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg)

  }

  31.5% {

    -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg)

  }

  43.5% {

    -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg)

  }

  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

}

@keyframes headShake {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

  6.5% {

    -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg)

  }

  18.5% {

    -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg)

  }

  31.5% {

    -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg)

  }

  43.5% {

    -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg)

  }

  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

}

.headShake {

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-name: headShake;

  animation-name: headShake

}

@-webkit-keyframes swing {

  20% {

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg)

  }

  40% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg)

  }

  60% {

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg)

  }

  80% {

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg)

  }

  to {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg)

  }

}

@keyframes swing {

  20% {

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg)

  }

  40% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg)

  }

  60% {

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg)

  }

  80% {

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg)

  }

  to {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg)

  }

}

.swing {

  -webkit-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation-name: swing;

  animation-name: swing

}

@-webkit-keyframes tada {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

  }

  10%, 20% {

    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);

    transform: scale3d(.9, .9, .9) rotate(-3deg)

  }

  30%, 50%, 70%, 90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)

  }

  40%, 60%, 80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

  }

}

@keyframes tada {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

  }

  10%, 20% {

    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);

    transform: scale3d(.9, .9, .9) rotate(-3deg)

  }

  30%, 50%, 70%, 90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)

  }

  40%, 60%, 80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

  }

}

.tada {

  -webkit-animation-name: tada;

  animation-name: tada

}

@-webkit-keyframes wobble {

  0% {

    -webkit-transform: none;

    transform: none

  }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);

    transform: translate3d(-25%, 0, 0) rotate(-5deg)

  }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);

    transform: translate3d(20%, 0, 0) rotate(3deg)

  }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);

    transform: translate3d(-15%, 0, 0) rotate(-3deg)

  }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);

    transform: translate3d(10%, 0, 0) rotate(2deg)

  }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);

    transform: translate3d(-5%, 0, 0) rotate(-1deg)

  }

  to {

    -webkit-transform: none;

    transform: none

  }

}

@keyframes wobble {

  0% {

    -webkit-transform: none;

    transform: none

  }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);

    transform: translate3d(-25%, 0, 0) rotate(-5deg)

  }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);

    transform: translate3d(20%, 0, 0) rotate(3deg)

  }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);

    transform: translate3d(-15%, 0, 0) rotate(-3deg)

  }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);

    transform: translate3d(10%, 0, 0) rotate(2deg)

  }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);

    transform: translate3d(-5%, 0, 0) rotate(-1deg)

  }

  to {

    -webkit-transform: none;

    transform: none

  }

}

.wobble {

  -webkit-animation-name: wobble;

  animation-name: wobble

}

@-webkit-keyframes jello {

  0%, 11.1%, to {

    -webkit-transform: none;

    transform: none

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg)

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg)

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg)

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg)

  }

  66.6% {

    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);

    transform: skewX(-.78125deg) skewY(-.78125deg)

  }

  77.7% {

    -webkit-transform: skewX(.390625deg) skewY(.390625deg);

    transform: skewX(.390625deg) skewY(.390625deg)

  }

  88.8% {

    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);

    transform: skewX(-.1953125deg) skewY(-.1953125deg)

  }

}

@keyframes jello {

  0%, 11.1%, to {

    -webkit-transform: none;

    transform: none

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg)

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg)

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg)

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg)

  }

  66.6% {

    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);

    transform: skewX(-.78125deg) skewY(-.78125deg)

  }

  77.7% {

    -webkit-transform: skewX(.390625deg) skewY(.390625deg);

    transform: skewX(.390625deg) skewY(.390625deg)

  }

  88.8% {

    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);

    transform: skewX(-.1953125deg) skewY(-.1953125deg)

  }

}

.jello {

  -webkit-animation-name: jello;

  animation-name: jello;

  -webkit-transform-origin: center;

  transform-origin: center

}

@-webkit-keyframes bounceIn {

  0%, 20%, 40%, 60%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    animation-timing-function: cubic-bezier(.215, .61, .355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

    transform: scale3d(.3, .3, .3)

  }

  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1)

  }

  40% {

    -webkit-transform: scale3d(.9, .9, .9);

    transform: scale3d(.9, .9, .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(.97, .97, .97);

    transform: scale3d(.97, .97, .97)

  }

  to {

    opacity: 1;

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

  }

}

@keyframes bounceIn {

  0%, 20%, 40%, 60%, 80%, to {

    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    animation-timing-function: cubic-bezier(.215, .61, .355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

    transform: scale3d(.3, .3, .3)

  }

  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1)

  }

  40% {

    -webkit-transform: scale3d(.9, .9, .9);

    transform: scale3d(.9, .9, .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(.97, .97, .97);

    transform: scale3d(.97, .97, .97)

  }

  to {

    opacity: 1;

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

  }

}

.bounceIn {

  -webkit-animation-name: bounceIn;

  animation-name: bounceIn

}

@-webkit-keyframes bounceInDown {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    animation-timing-function: cubic-bezier(.215, .61, .355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0)

  }

  75% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0)

  }

  90% {

    -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0)

  }

  to {

    -webkit-transform: none;

    transform: none

  }

}

@keyframes bounceInDown {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    animation-timing-function: cubic-bezier(.215, .61, .355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0)

  }

  75% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0)

  }

  90% {

    -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0)

  }

  to {

    -webkit-transform: none;

    transform: none

  }

}

.bounceInDown {

  -webkit-animation-name: bounceInDown;

  animation-name: bounceInDown

}

@-webkit-keyframes bounceInLeft {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    animation-timing-function: cubic-bezier(.215, .61, .355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0)

  }

  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0)

  }

  90% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0)

  }

  to {

    -webkit-transform: none;

    transform: none

  }

}

@keyframes bounceInLeft {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    animation-timing-function: cubic-bezier(.215, .61, .355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0)

  }

  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0)

  }

  90% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0)

  }

  to {

    -webkit-transform: none;

    transform: none

  }

}

.bounceInLeft {

  -webkit-animation-name: bounceInLeft;

  animation-name: bounceInLeft

}

@-webkit-keyframes bounceInRight {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    animation-timing-function: cubic-bezier(.215, .61, .355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0)

  }

  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0)

  }

  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0)

  }

  to {

    -webkit-transform: none;

    transform: none

  }

}

@keyframes bounceInRight {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    animation-timing-function: cubic-bezier(.215, .61, .355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0)

  }

  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0)

  }

  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0)

  }

  to {

    -webkit-transform: none;

    transform: none

  }

}

.bounceInRight {

  -webkit-animation-name: bounceInRight;

  animation-name: bounceInRight

}

@-webkit-keyframes bounceInUp {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    animation-timing-function: cubic-bezier(.215, .61, .355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0)

  }

  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0)

  }

  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0)

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

}

@keyframes bounceInUp {

  0%, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

    animation-timing-function: cubic-bezier(.215, .61, .355, 1)

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0)

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0)

  }

  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0)

  }

  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0)

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

}

.bounceInUp {

  -webkit-animation-name: bounceInUp;

  animation-name: bounceInUp

}

@-webkit-keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(.9, .9, .9);

    transform: scale3d(.9, .9, .9)

  }

  50%, 55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1)

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

    transform: scale3d(.3, .3, .3)

  }

}

@keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(.9, .9, .9);

    transform: scale3d(.9, .9, .9)

  }

  50%, 55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1)

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

    transform: scale3d(.3, .3, .3)

  }

}

.bounceOut {

  -webkit-animation-name: bounceOut;

  animation-name: bounceOut

}

@-webkit-keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0)

  }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0)

  }

}

@keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0)

  }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0)

  }

}

.bounceOutDown {

  -webkit-animation-name: bounceOutDown;

  animation-name: bounceOutDown

}

@-webkit-keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0)

  }

}

@keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0)

  }

}

.bounceOutLeft {

  -webkit-animation-name: bounceOutLeft;

  animation-name: bounceOutLeft

}

@-webkit-keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0)

  }

}

@keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0)

  }

}

.bounceOutRight {

  -webkit-animation-name: bounceOutRight;

  animation-name: bounceOutRight

}

@-webkit-keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0)

  }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0)

  }

}

@keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0)

  }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0)

  }

}

.bounceOutUp {

  -webkit-animation-name: bounceOutUp;

  animation-name: bounceOutUp

}

@-webkit-keyframes fadeIn {

  0% {

    opacity: 0

  }

  to {

    opacity: 1

  }

}

@keyframes fadeIn {

  0% {

    opacity: 0

  }

  to {

    opacity: 1

  }

}

.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn

}

@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown

}

@-webkit-keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

@keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig

}

@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

@keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft

}

@-webkit-keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

@keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig

}

@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight

}

@-webkit-keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

@keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig

}

@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp

}

@-webkit-keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

@keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

.fadeInUpBig {

  -webkit-animation-name: fadeInUpBig;

  animation-name: fadeInUpBig

}

@-webkit-keyframes fadeOut {

  0% {

    opacity: 1

  }

  to {

    opacity: 0

  }

}

@keyframes fadeOut {

  0% {

    opacity: 1

  }

  to {

    opacity: 0

  }

}

.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut

}

@-webkit-keyframes fadeOutDown {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0)

  }

}

@keyframes fadeOutDown {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0)

  }

}

.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown

}

@-webkit-keyframes fadeOutDownBig {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0)

  }

}

@keyframes fadeOutDownBig {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0)

  }

}

.fadeOutDownBig {

  -webkit-animation-name: fadeOutDownBig;

  animation-name: fadeOutDownBig

}

@-webkit-keyframes fadeOutLeft {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

  }

}

@keyframes fadeOutLeft {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

  }

}

.fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft

}

@-webkit-keyframes fadeOutLeftBig {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0)

  }

}

@keyframes fadeOutLeftBig {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0)

  }

}

.fadeOutLeftBig {

  -webkit-animation-name: fadeOutLeftBig;

  animation-name: fadeOutLeftBig

}

@-webkit-keyframes fadeOutRight {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

  }

}

@keyframes fadeOutRight {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

  }

}

.fadeOutRight {

  -webkit-animation-name: fadeOutRight;

  animation-name: fadeOutRight

}

@-webkit-keyframes fadeOutRightBig {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0)

  }

}

@keyframes fadeOutRightBig {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0)

  }

}

.fadeOutRightBig {

  -webkit-animation-name: fadeOutRightBig;

  animation-name: fadeOutRightBig

}

@-webkit-keyframes fadeOutUp {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0)

  }

}

@keyframes fadeOutUp {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0)

  }

}

.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp

}

@-webkit-keyframes fadeOutUpBig {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0)

  }

}

@keyframes fadeOutUpBig {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0)

  }

}

.fadeOutUpBig {

  -webkit-animation-name: fadeOutUpBig;

  animation-name: fadeOutUpBig

}

@-webkit-keyframes flip {

  0% {

    -webkit-transform: perspective(400px) rotateY(-1turn);

    transform: perspective(400px) rotateY(-1turn)

  }

  0%, 40% {

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out

  }

  40% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);

    transform: perspective(400px) translateZ(150px) rotateY(-190deg)

  }

  50% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);

    transform: perspective(400px) translateZ(150px) rotateY(-170deg)

  }

  50%, 80% {

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  80% {

    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

    transform: perspective(400px) scale3d(.95, .95, .95)

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

}

@keyframes flip {

  0% {

    -webkit-transform: perspective(400px) rotateY(-1turn);

    transform: perspective(400px) rotateY(-1turn)

  }

  0%, 40% {

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out

  }

  40% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);

    transform: perspective(400px) translateZ(150px) rotateY(-190deg)

  }

  50% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);

    transform: perspective(400px) translateZ(150px) rotateY(-170deg)

  }

  50%, 80% {

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  80% {

    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

    transform: perspective(400px) scale3d(.95, .95, .95)

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

}

.animated.flip {

  -webkit-backface-visibility: visible;

  backface-visibility: visible;

  -webkit-animation-name: flip;

  animation-name: flip

}

@-webkit-keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0

  }

  0%, 40% {

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  40% {

    -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg)

  }

  60% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

    opacity: 1

  }

  80% {

    -webkit-transform: perspective(400px) rotateX(-5deg);

    transform: perspective(400px) rotateX(-5deg)

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

}

@keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0

  }

  0%, 40% {

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  40% {

    -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg)

  }

  60% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

    opacity: 1

  }

  80% {

    -webkit-transform: perspective(400px) rotateX(-5deg);

    transform: perspective(400px) rotateX(-5deg)

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

}

.flipInX {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

  animation-name: flipInX

}

@-webkit-keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0

  }

  0%, 40% {

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  40% {

    -webkit-transform: perspective(400px) rotateY(-20deg);

    transform: perspective(400px) rotateY(-20deg)

  }

  60% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

    opacity: 1

  }

  80% {

    -webkit-transform: perspective(400px) rotateY(-5deg);

    transform: perspective(400px) rotateY(-5deg)

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

}

@keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0

  }

  0%, 40% {

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

  }

  40% {

    -webkit-transform: perspective(400px) rotateY(-20deg);

    transform: perspective(400px) rotateY(-20deg)

  }

  60% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

    opacity: 1

  }

  80% {

    -webkit-transform: perspective(400px) rotateY(-5deg);

    transform: perspective(400px) rotateY(-5deg)

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

}

.flipInY {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY

}

@-webkit-keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

  30% {

    -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg);

    opacity: 1

  }

  to {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0

  }

}

@keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

  30% {

    -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg);

    opacity: 1

  }

  to {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0

  }

}

.flipOutX {

  -webkit-animation-name: flipOutX;

  animation-name: flipOutX;

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important

}

@-webkit-keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

  30% {

    -webkit-transform: perspective(400px) rotateY(-15deg);

    transform: perspective(400px) rotateY(-15deg);

    opacity: 1

  }

  to {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0

  }

}

@keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px)

  }

  30% {

    -webkit-transform: perspective(400px) rotateY(-15deg);

    transform: perspective(400px) rotateY(-15deg);

    opacity: 1

  }

  to {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0

  }

}

.flipOutY {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipOutY;

  animation-name: flipOutY

}

@-webkit-keyframes lightSpeedIn {

  0% {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0

  }

  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg)

  }

  60%, 80% {

    opacity: 1

  }

  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg)

  }

  to {

    -webkit-transform: none;

    transform: none;

    opacity: 1

  }

}

@keyframes lightSpeedIn {

  0% {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0

  }

  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg)

  }

  60%, 80% {

    opacity: 1

  }

  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg)

  }

  to {

    -webkit-transform: none;

    transform: none;

    opacity: 1

  }

}

.lightSpeedIn {

  -webkit-animation-name: lightSpeedIn;

  animation-name: lightSpeedIn;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out

}

@-webkit-keyframes lightSpeedOut {

  0% {

    opacity: 1

  }

  to {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0

  }

}

@keyframes lightSpeedOut {

  0% {

    opacity: 1

  }

  to {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0

  }

}

.lightSpeedOut {

  -webkit-animation-name: lightSpeedOut;

  animation-name: lightSpeedOut;

  -webkit-animation-timing-function: ease-in;

  animation-timing-function: ease-in

}

@-webkit-keyframes rotateIn {

  0% {

    transform-origin: center;

    -webkit-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0

  }

  0%, to {

    -webkit-transform-origin: center

  }

  to {

    transform-origin: center;

    -webkit-transform: none;

    transform: none;

    opacity: 1

  }

}

@keyframes rotateIn {

  0% {

    transform-origin: center;

    -webkit-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0

  }

  0%, to {

    -webkit-transform-origin: center

  }

  to {

    transform-origin: center;

    -webkit-transform: none;

    transform: none;

    opacity: 1

  }

}

.rotateIn {

  -webkit-animation-name: rotateIn;

  animation-name: rotateIn

}

@-webkit-keyframes rotateInDownLeft {

  0% {

    transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0

  }

  0%, to {

    -webkit-transform-origin: left bottom

  }

  to {

    transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1

  }

}

@keyframes rotateInDownLeft {

  0% {

    transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0

  }

  0%, to {

    -webkit-transform-origin: left bottom

  }

  to {

    transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1

  }

}

.rotateInDownLeft {

  -webkit-animation-name: rotateInDownLeft;

  animation-name: rotateInDownLeft

}

@-webkit-keyframes rotateInDownRight {

  0% {

    transform-origin: right bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0

  }

  0%, to {

    -webkit-transform-origin: right bottom

  }

  to {

    transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1

  }

}

@keyframes rotateInDownRight {

  0% {

    transform-origin: right bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0

  }

  0%, to {

    -webkit-transform-origin: right bottom

  }

  to {

    transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1

  }

}

.rotateInDownRight {

  -webkit-animation-name: rotateInDownRight;

  animation-name: rotateInDownRight

}

@-webkit-keyframes rotateInUpLeft {

  0% {

    transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0

  }

  0%, to {

    -webkit-transform-origin: left bottom

  }

  to {

    transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1

  }

}

@keyframes rotateInUpLeft {

  0% {

    transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0

  }

  0%, to {

    -webkit-transform-origin: left bottom

  }

  to {

    transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1

  }

}

.rotateInUpLeft {

  -webkit-animation-name: rotateInUpLeft;

  animation-name: rotateInUpLeft

}

@-webkit-keyframes rotateInUpRight {

  0% {

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0

  }

  0%, to {

    -webkit-transform-origin: right bottom

  }

  to {

    transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1

  }

}

@keyframes rotateInUpRight {

  0% {

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0

  }

  0%, to {

    -webkit-transform-origin: right bottom

  }

  to {

    transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1

  }

}

.rotateInUpRight {

  -webkit-animation-name: rotateInUpRight;

  animation-name: rotateInUpRight

}

@-webkit-keyframes rotateOut {

  0% {

    transform-origin: center;

    opacity: 1

  }

  0%, to {

    -webkit-transform-origin: center

  }

  to {

    transform-origin: center;

    -webkit-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0

  }

}

@keyframes rotateOut {

  0% {

    transform-origin: center;

    opacity: 1

  }

  0%, to {

    -webkit-transform-origin: center

  }

  to {

    transform-origin: center;

    -webkit-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0

  }

}

.rotateOut {

  -webkit-animation-name: rotateOut;

  animation-name: rotateOut

}

@-webkit-keyframes rotateOutDownLeft {

  0% {

    transform-origin: left bottom;

    opacity: 1

  }

  0%, to {

    -webkit-transform-origin: left bottom

  }

  to {

    transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0

  }

}

@keyframes rotateOutDownLeft {

  0% {

    transform-origin: left bottom;

    opacity: 1

  }

  0%, to {

    -webkit-transform-origin: left bottom

  }

  to {

    transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0

  }

}

.rotateOutDownLeft {

  -webkit-animation-name: rotateOutDownLeft;

  animation-name: rotateOutDownLeft

}

@-webkit-keyframes rotateOutDownRight {

  0% {

    transform-origin: right bottom;

    opacity: 1

  }

  0%, to {

    -webkit-transform-origin: right bottom

  }

  to {

    transform-origin: right bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0

  }

}

@keyframes rotateOutDownRight {

  0% {

    transform-origin: right bottom;

    opacity: 1

  }

  0%, to {

    -webkit-transform-origin: right bottom

  }

  to {

    transform-origin: right bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0

  }

}

.rotateOutDownRight {

  -webkit-animation-name: rotateOutDownRight;

  animation-name: rotateOutDownRight

}

@-webkit-keyframes rotateOutUpLeft {

  0% {

    transform-origin: left bottom;

    opacity: 1

  }

  0%, to {

    -webkit-transform-origin: left bottom

  }

  to {

    transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0

  }

}

@keyframes rotateOutUpLeft {

  0% {

    transform-origin: left bottom;

    opacity: 1

  }

  0%, to {

    -webkit-transform-origin: left bottom

  }

  to {

    transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0

  }

}

.rotateOutUpLeft {

  -webkit-animation-name: rotateOutUpLeft;

  animation-name: rotateOutUpLeft

}

@-webkit-keyframes rotateOutUpRight {

  0% {

    transform-origin: right bottom;

    opacity: 1

  }

  0%, to {

    -webkit-transform-origin: right bottom

  }

  to {

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0

  }

}

@keyframes rotateOutUpRight {

  0% {

    transform-origin: right bottom;

    opacity: 1

  }

  0%, to {

    -webkit-transform-origin: right bottom

  }

  to {

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0

  }

}

.rotateOutUpRight {

  -webkit-animation-name: rotateOutUpRight;

  animation-name: rotateOutUpRight

}

@-webkit-keyframes hinge {

  0% {

    transform-origin: top left

  }

  0%, 20%, 60% {

    -webkit-transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out

  }

  20%, 60% {

    -webkit-transform: rotate(80deg);

    transform: rotate(80deg);

    transform-origin: top left

  }

  40%, 80% {

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1

  }

  to {

    -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0

  }

}

@keyframes hinge {

  0% {

    transform-origin: top left

  }

  0%, 20%, 60% {

    -webkit-transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out

  }

  20%, 60% {

    -webkit-transform: rotate(80deg);

    transform: rotate(80deg);

    transform-origin: top left

  }

  40%, 80% {

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1

  }

  to {

    -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0

  }

}

.hinge {

  -webkit-animation-name: hinge;

  animation-name: hinge

}

@-webkit-keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);

    transform: translate3d(-100%, 0, 0) rotate(-120deg)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

@keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);

    transform: translate3d(-100%, 0, 0) rotate(-120deg)

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none

  }

}

.rollIn {

  -webkit-animation-name: rollIn;

  animation-name: rollIn

}

@-webkit-keyframes rollOut {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);

    transform: translate3d(100%, 0, 0) rotate(120deg)

  }

}

@keyframes rollOut {

  0% {

    opacity: 1

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);

    transform: translate3d(100%, 0, 0) rotate(120deg)

  }

}

.rollOut {

  -webkit-animation-name: rollOut;

  animation-name: rollOut

}

@-webkit-keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

    transform: scale3d(.3, .3, .3)

  }

  50% {

    opacity: 1

  }

}

@keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

    transform: scale3d(.3, .3, .3)

  }

  50% {

    opacity: 1

  }

}

.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn

}

@-webkit-keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

    animation-timing-function: cubic-bezier(.55, .055, .675, .19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

    animation-timing-function: cubic-bezier(.175, .885, .32, 1)

  }

}

@keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

    animation-timing-function: cubic-bezier(.55, .055, .675, .19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

    animation-timing-function: cubic-bezier(.175, .885, .32, 1)

  }

}

.zoomInDown {

  -webkit-animation-name: zoomInDown;

  animation-name: zoomInDown

}

@-webkit-keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

    animation-timing-function: cubic-bezier(.55, .055, .675, .19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

    animation-timing-function: cubic-bezier(.175, .885, .32, 1)

  }

}

@keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

    animation-timing-function: cubic-bezier(.55, .055, .675, .19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

    animation-timing-function: cubic-bezier(.175, .885, .32, 1)

  }

}

.zoomInLeft {

  -webkit-animation-name: zoomInLeft;

  animation-name: zoomInLeft

}

@-webkit-keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

    animation-timing-function: cubic-bezier(.55, .055, .675, .19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

    animation-timing-function: cubic-bezier(.175, .885, .32, 1)

  }

}

@keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

    animation-timing-function: cubic-bezier(.55, .055, .675, .19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

    animation-timing-function: cubic-bezier(.175, .885, .32, 1)

  }

}

.zoomInRight {

  -webkit-animation-name: zoomInRight;

  animation-name: zoomInRight

}

@-webkit-keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

    animation-timing-function: cubic-bezier(.55, .055, .675, .19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

    animation-timing-function: cubic-bezier(.175, .885, .32, 1)

  }

}

@keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

    animation-timing-function: cubic-bezier(.55, .055, .675, .19)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

    animation-timing-function: cubic-bezier(.175, .885, .32, 1)

  }

}

.zoomInUp {

  -webkit-animation-name: zoomInUp;

  animation-name: zoomInUp

}

@-webkit-keyframes zoomOut {

  0% {

    opacity: 1

  }

  50% {

    -webkit-transform: scale3d(.3, .3, .3);

    transform: scale3d(.3, .3, .3)

  }

  50%, to {

    opacity: 0

  }

}

@keyframes zoomOut {

  0% {

    opacity: 1

  }

  50% {

    -webkit-transform: scale3d(.3, .3, .3);

    transform: scale3d(.3, .3, .3)

  }

  50%, to {

    opacity: 0

  }

}

.zoomOut {

  -webkit-animation-name: zoomOut;

  animation-name: zoomOut

}

@-webkit-keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

    animation-timing-function: cubic-bezier(.55, .055, .675, .19)

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

    animation-timing-function: cubic-bezier(.175, .885, .32, 1)

  }

}

@keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

    animation-timing-function: cubic-bezier(.55, .055, .675, .19)

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

    animation-timing-function: cubic-bezier(.175, .885, .32, 1)

  }

}

.zoomOutDown {

  -webkit-animation-name: zoomOutDown;

  animation-name: zoomOutDown

}

@-webkit-keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

    transform: scale(.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center

  }

}

@keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

    transform: scale(.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center

  }

}

.zoomOutLeft {

  -webkit-animation-name: zoomOutLeft;

  animation-name: zoomOutLeft

}

@-webkit-keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

    transform: scale(.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center

  }

}

@keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)

  }

  to {

    opacity: 0;

    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

    transform: scale(.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center

  }

}

.zoomOutRight {

  -webkit-animation-name: zoomOutRight;

  animation-name: zoomOutRight

}

@-webkit-keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

    animation-timing-function: cubic-bezier(.55, .055, .675, .19)

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

    animation-timing-function: cubic-bezier(.175, .885, .32, 1)

  }

}

@keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

    animation-timing-function: cubic-bezier(.55, .055, .675, .19)

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

    animation-timing-function: cubic-bezier(.175, .885, .32, 1)

  }

}

.zoomOutUp {

  -webkit-animation-name: zoomOutUp;

  animation-name: zoomOutUp

}

@-webkit-keyframes slideInDown {

  0% {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

}

@keyframes slideInDown {

  0% {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

}

.slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown

}

@-webkit-keyframes slideInLeft {

  0% {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

}

@keyframes slideInLeft {

  0% {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

}

.slideInLeft {

  -webkit-animation-name: slideInLeft;

  animation-name: slideInLeft

}

@-webkit-keyframes slideInRight {

  0% {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

}

@keyframes slideInRight {

  0% {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

}

.slideInRight {

  -webkit-animation-name: slideInRight;

  animation-name: slideInRight

}

@-webkit-keyframes slideInUp {

  0% {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

}

@keyframes slideInUp {

  0% {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

}

.slideInUp {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp

}

@-webkit-keyframes slideOutDown {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0)

  }

}

@keyframes slideOutDown {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0)

  }

}

.slideOutDown {

  -webkit-animation-name: slideOutDown;

  animation-name: slideOutDown

}

@-webkit-keyframes slideOutLeft {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

  }

}

@keyframes slideOutLeft {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

  }

}

.slideOutLeft {

  -webkit-animation-name: slideOutLeft;

  animation-name: slideOutLeft

}

@-webkit-keyframes slideOutRight {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

  }

}

@keyframes slideOutRight {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

  }

}

.slideOutRight {

  -webkit-animation-name: slideOutRight;

  animation-name: slideOutRight

}

@-webkit-keyframes slideOutUp {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0)

  }

}

@keyframes slideOutUp {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0)

  }

}

.slideOutUp {

  -webkit-animation-name: slideOutUp;

  animation-name: slideOutUp

}

.nivoSlider {

  position: relative;

  width: 100%;

  height: auto;

  overflow: hidden

}

.nivoSlider img {

  position: absolute;

  top: 0;

  left: 0;

  max-width: none

}

.nivo-main-image {

  display: block !important;

  position: relative !important;

  width: 100% !important

}

.nivoSlider a.nivo-imageLink {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0;

  padding: 0;

  margin: 0;

  z-index: 6;

  display: none;

  background: #fff;

  filter: alpha(opacity=0);

  opacity: 0

}

.nivo-slice {

  display: block;

  position: absolute;

  z-index: 5;

  height: 100%;

  top: 0

}

.nivo-box {

  display: block;

  position: absolute;

  z-index: 5;

  overflow: hidden

}

.nivo-box img {

  display: block

}

.nivo-caption {

  position: absolute;

  left: 0;

  bottom: 0;

  background: #000;

  color: #fff;

  width: 100%;

  z-index: 8;

  padding: 5px 10px;

  opacity: .8;

  overflow: hidden;

  display: none;

  -moz-opacity: .8;

  filter: alpha(opacity=8);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box

}

.nivo-caption p {

  padding: 5px;

  margin: 0

}

.nivo-caption a {

  display: inline !important

}

.nivo-html-caption {

  display: none

}

.nivo-directionNav a {

  position: absolute;

  top: 45%;

  z-index: 9;

  cursor: pointer

}

.nivo-prevNav {

  left: 0

}

.nivo-nextNav {

  right: 0

}

.nivo-controlNav {

  text-align: center;

  padding: 15px 0

}

.nivo-controlNav a {

  cursor: pointer

}

.nivo-controlNav a.active {

  font-weight: 700

}

.nivo-controlNav img {

  display: inline;

  position: relative;

  margin: 5px;

  opacity: .7

}

.nivo-controlNav .active img, .nivo-controlNav img:hover {

  opacity: 1

}

body .metaslider .coin-slider, body .metaslider .nivoSlider, body .metaslider .nivoSlider img, body .metaslider .rslides, body .metaslider .rslides li, body .metaslider .flexslider ul.slides, body .metaslider .flexslider .slides li, body .metaslider .flexslider .slides ul, body .metaslider .flexslider .slides ol, body .metaslider .flexslider .slides img, body .metaslider .flexslider .flex-direction-nav, body .metaslider .flexslider .flex-direction-nav li {

  border: 0;

  margin: 0;

  list-style-type: none;

  list-style: none;

  padding: 0;

  line-height: normal;

  max-width: none;

  max-height: none

}

.metaslider {

  position: relative;

  z-index: 0

}

.metaslider.fullwidth {

  overflow: hidden

}

.metaslider .caption {

  padding: 5px 10px;

  word-wrap: break-word

}

.metaslider .caption-wrap {

  position: absolute;

  bottom: 0;

  left: 0;

  background: #000;

  color: #fff;

  opacity: .7;

  margin: 0;

  display: block;

  width: 100%;

  line-height: 1.4em

}

.metaslider img {

  height: auto;

  padding: 0;

  margin: 0;

  -moz-user-select: none

}

.metaslider a {

  outline: none

}

.metaslider.ms-left {

  float: left;

  margin: 0 20px 20px 0

}

.metaslider.ms-right {

  float: right;

  margin: 0 0 20px 20px

}

.metaslider li:before, .metaslider li:after {

  content: "" !important;

  display: none !important;

  bottom: auto !important;

  margin: 0 !important

}

.metaslider .caption-wrap .caption img {

  width: auto

}

.metaslider .slides img {

  width: 100%;

  display: block

}

.metaslider .flexslider {

  background: 0 0;

  box-shadow: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -o-box-shadow: none;

  border: 0;

  margin: 0 0 40px;

  max-width: none;

  max-height: none

}

.metaslider .flex-control-nav {

  border: 0;

  margin: auto;

  list-style-type: none;

  list-style: none;

  padding: 0;

  bottom: -27px;

  line-height: 11px;

  z-index: 2

}

.metaslider .flex-control-nav li {

  margin: 0

}

.metaslider .flex-control-nav li a {

  margin: 0 6px;

  padding: 0

}

.metaslider .flexslider .slides li {

  position: relative;

  height: auto

}

.metaslider .flex-viewport {

  direction: ltr

}

.metaslider .flex-direction-nav a {

  -moz-transition: all .3s ease;

  transition: all .3s ease

}

.metaslider .flexslider .slides p {

  margin: 0

}

.metaslider .flexslider.filmstrip {

  margin-top: 10px

}

.metaslider .flexslider.filmstrip .slides li {

  cursor: pointer;

  opacity: .5

}

.metaslider .flexslider.filmstrip .slides li.flex-active-slide, .metaslider .flexslider.filmstrip .slides li:hover, .metaslider .flexslider.filmstrip .slides li:focus {

  opacity: 1 !important

}

.metaslider .flex-control-thumbs li {

  width: auto

}

.metaslider ol.flex-control-thumbs img, #content .metaslider ol.flex-control-thumbs img {

  margin: 10px 5px 0;

  width: auto

}

.metaslider.nav-hidden .flexslider {

  margin-bottom: 0

}

.metaslider.nav-hidden.add-margin .flexslider {

  margin-bottom: 40px

}

.metaslider .flexslider .flex-direction-nav li a:before {

  content: none !important

}

.metaslider .flexslider .flex-direction-nav li a {

  width: 30px;

  height: 30px;

  border: 0;

  margin: -20px 0 0;

  box-shadow: none !important;

  display: block;

  background-color: transparent;

  background-image: url(/wp-content/plugins/ml-slider/assets/sliders/flexslider/bg_direction_nav.png);

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  z-index: 10;

  cursor: pointer;

  text-indent: -9999px;

  opacity: 0;

  -webkit-transition: all .3s ease;

  -moz-transition: opacity .25s ease-in-out;

  transition: all .3s ease

}

.metaslider .flex-direction-nav .flex-next {

  background-position: left 0

}

.metaslider .flex-direction-nav .flex-next {

  background-position: right 0;

  text-align: left;

  text-indent: 9999px

}

.metaslider .flexslider:hover .flex-next {

  opacity: .8;

  right: 5px

}

.metaslider .flexslider:hover .flex-prev {

  opacity: .8;

  left: 5px;

  text-indent: -9999px

}

.metaslider .flexslider:hover .flex-next:hover, .metaslider .flexslider:hover .flex-prev:hover {

  opacity: 1

}

.metaslider .flexslider .flex-direction-nav .flex-disabled {

  cursor: default;

  pointer-events: none

}

.metaslider .flexslider .flex-control-nav a {

  box-shadow: none !important

}

.metaslider .flexslider .slides > li {

  position: relative

}

.metaslider .rslides_nav, .metaslider .rslides_tabs a {

  box-shadow: none !important

}

.metaslider .rslides_tabs {

  margin: 0 0 40px

}

.metaslider .rslides_nav:focus, .metaslider .rslides_nav:hover {

  color: #fff

}

div.metaslider .theme-default .nivoSlider {

  -webkit-box-shadow: 0 0 0;

  -moz-box-shadow: 0 0 0;

  box-shadow: 0 0 0

}

.metaslider .slider-wrapper .nivo-directionNav a, .metaslider .slider-wrapper .nivo-controlNav a, .metaslider .slider-wrapper img {

  border: 0;

  box-shadow: none;

  list-style-type: none;

  list-style: none;

  padding: 0;

  line-height: normal;

  max-width: none;

  max-height: none

}

div.metaslider .slider-wrapper .nivo-controlNav a {

  transition: none

}

.metaslider .coin-slider {

  max-width: 100%;

  overflow: hidden

}

.metaslider .coin-slider .cs-buttons a, .metaslider .coin-slider > a {

  box-shadow: none !important

}

.metaslider .theme-default .nivoSlider {

  position: relative;

  -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;

  -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;

  box-shadow: 0px 1px 5px 0px #4a4a4a

}

.metaslider .theme-default .nivoSlider img {

  position: absolute;

  top: 0;

  left: 0;

  display: none

}

.metaslider .theme-default .nivoSlider a {

  border: 0;

  display: block

}

.metaslider .theme-default .nivo-controlNav {

  text-align: center;

  padding: 15px 0;

  width: 100%;

  z-index: 99

}

.metaslider .theme-default .nivo-controlNav a {

  display: inline-block;

  width: 22px;

  height: 22px;

  background: url(/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/bullets.png) no-repeat;

  text-indent: -9999px;

  border: 0;

  margin: 0 2px

}

.metaslider .theme-default .nivo-controlNav a.active {

  background-position: 0 -22px

}

.metaslider .theme-default .nivo-directionNav a {

  display: block;

  width: 30px;

  height: 30px;

  background: url(/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/arrows.png) no-repeat;

  text-indent: -9999px;

  border: 0;

  opacity: 0;

  -webkit-transition: all .2s ease-in-out;

  -moz-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out

}

.metaslider .theme-default:hover .nivo-directionNav a {

  opacity: 1

}

.metaslider .theme-default a.nivo-nextNav {

  background-position: -30px 0;

  right: 15px

}

.metaslider .theme-default a.nivo-prevNav {

  left: 15px

}

.metaslider .theme-default .nivo-caption {

  font-family: Helvetica, Arial, sans-serif

}

.metaslider .theme-default .nivo-caption a {

  color: #fff;

  border-bottom: 1px dotted #fff

}

.metaslider .theme-default .nivo-caption a:hover {

  color: #fff

}

.metaslider .theme-default .nivo-controlNav.nivo-thumbs-enabled {

  width: 100%

}

.metaslider .theme-default .nivo-controlNav.nivo-thumbs-enabled a {

  width: auto;

  height: auto;

  background: 0 0;

  margin-bottom: 5px

}

.metaslider .theme-default .nivo-controlNav.nivo-thumbs-enabled img {

  display: block;

  height: auto

}

@media screen and (max-width:782px) {

  html #wpadminbar {

    height: auto

  }

  #wpadminbar #wp-toolbar > ul > li {

    display: block;

    position: static

  }

  #wpadminbar #wp-toolbar > ul > li > .ab-item {

    width: auto;

    text-indent: inherit

  }

}