.slider-home .slide-img-overlay {
    background-image: url(../img/DSC_6875.jpg);
    background-position: center;
    background-repeat: repeat-none;
    z-index: 90;
    opacity: 50%;
}

ins,
mark {
    background: #ffa
}

progress,
sub,
sup {
    vertical-align: baseline
}

hr,
iframe,
img {
    border: 0
}

.copyright-text,
.primary-nav li ul li,
.primary-nav li ul li:last-child,
.ui.buttons:after,
.ui.card:after,
.ui.card>.content:after,
.ui.card>.content>.description,
.ui.cards:after,
.ui.cards>.card>.content:after,
.ui.cards>.card>.content>.description,
.ui.form .field,
.ui.form .fields .field,
.ui.form.formstack,
.ui.form.formstack .fs-clear,
.ui.menu:after,
.uk-article:after,
.uk-block:after,
.uk-clearfix:after,
.uk-comment-header:after,
.uk-container:after,
.uk-datepicker-nav:after,
.uk-dotnav:after,
.uk-form-row:after,
.uk-grid:after,
.uk-list>li:after,
.uk-navbar:after,
.uk-pagination:after,
.uk-panel:after,
.uk-subnav:after,
.uk-tab-center:after,
.uk-tab:after,
.uk-thumbnav:after {
    clear: both
}

.uk-grid-match>*>*,
[class*=uk-grid-width]>* {
    width: 100%;
    box-sizing: border-box
}

html {
    font: 300 16px/24px Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color: #666;
    background-color: #330662;
}

body {
    margin: 0
}

a {
    background: 0 0
}

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

.uk-link,
a {
    color: #0063b4;
    text-decoration: none;
    cursor: pointer
}

.uk-link:hover,
a:hover {
    color: #059;
    text-decoration: underline
}

.uk-article-title a,
.uk-nav li>a,
.uk-navbar-nav>li>a,
.uk-panel,
.uk-panel:hover,
ins {
    text-decoration: none
}

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

b,
strong {
    font-weight: 700
}

:not(pre)>code,
:not(pre)>kbd,
:not(pre)>samp {
    font-size: 12px;
    font-family: Consolas, monospace, serif;
    color: #D05;
    white-space: nowrap
}

.uk-panel-box,
.uk-panel-box .uk-panel-title,
.uk-panel-box-hover:hover,
.uk-panel-title,
h1,
h2,
h3,
h4,
h5,
h6,
ins,
mark,
pre {
    color: #444
}

q {
    font-style: italic
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

audio,
canvas,
img,
svg,
video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box
}

.ui.table td .image,
.ui.table td .image img,
.ui.table th .image,
.ui.table th .image img,
.uk-cover-object,
.uk-img-preserve,
.uk-img-preserve audio,
.uk-img-preserve canvas,
.uk-img-preserve img,
.uk-img-preserve svg,
.uk-img-preserve video {
    max-width: none
}

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

address,
blockquote,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
    margin: 0 0 20px
}

*+address,
*+blockquote,
*+dl,
*+fieldset,
*+figure,
*+ol,
*+p,
*+pre,
*+ul {
    margin-top: 20px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

*+h1,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6 {
    margin-top: 25px
}

.uk-h1,
h1 {
    font-size: 36px;
    line-height: 42px
}

.uk-h2,
h2 {
    font-size: 24px;
    line-height: 30px
}

.uk-h3,
h3 {
    font-size: 18px;
    line-height: 24px
}

.uk-h4,
h4 {
    font-size: 16px;
    line-height: 22px
}

.uk-h5,
h5 {
    font-size: 14px;
    line-height: 20px
}

.uk-h6,
h6 {
    font-size: 12px;
    line-height: 18px
}

ol,
ul {
    padding-left: 30px
}

ol>li>ol,
ol>li>ul,
ul>li>ol,
ul>li>ul {
    margin: 0
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    margin: 20px 0;
    border-top: 1px solid #ddd
}

address {
    font-style: normal
}

blockquote {
    padding-left: 15px;
    border-left: 5px solid #ddd;
    font-size: 16px;
    line-height: 22px;
    font-style: italic
}

pre {
    padding: 10px;
    background: #f5f5f5;
    font: 12px/18px Consolas, monospace, serif;
    -moz-tab-size: 4;
    tab-size: 4;
    overflow: auto
}

::selection {
    background: #39f;
    color: #fff;
    text-shadow: none
}

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

[hidden],
audio:not([controls]),
template {
    display: none
}

@media screen and (max-width:400px) {
    @-ms-viewport {
        width: device-width
    }
}

.uk-grid {
    display: -ms-flexbox;
    display: inline-block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-grid:after,
.uk-grid:before {
    content: "";
    display: block;
    overflow: hidden
}

.uk-grid>* {
    -ms-flex: none;
    flex: none;
    margin: 0;
    float: left;
    padding-left: 25px
}

.uk-grid>*>:last-child {
    margin-bottom: 0
}

.uk-grid {
    margin-left: -25px
}

.uk-grid+.uk-grid,
.uk-grid-margin,
.uk-grid>*>.uk-panel+.uk-panel {
    margin-top: 25px
}

@media (min-width:1420px) {
    .uk-grid {
        margin-left: -35px
    }

    .uk-grid>* {
        padding-left: 35px
    }

    .uk-grid+.uk-grid,
    .uk-grid-margin,
    .uk-grid>*>.uk-panel+.uk-panel {
        margin-top: 35px
    }
}

.uk-grid-collapse {
    margin-left: 0
}

.uk-grid-collapse>* {
    padding-left: 0
}

.uk-grid-collapse+.uk-grid-collapse,
.uk-grid-collapse>*>.uk-panel+.uk-panel,
.uk-grid-collapse>.uk-grid-margin {
    margin-top: 0
}

.uk-grid-small {
    margin-left: -10px
}

.uk-grid-small>* {
    padding-left: 10px
}

.uk-grid-small+.uk-grid-small,
.uk-grid-small>*>.uk-panel+.uk-panel,
.uk-grid-small>.uk-grid-margin {
    margin-top: 10px
}

.uk-grid-medium {
    margin-left: -25px
}

.uk-grid-medium>* {
    padding-left: 25px
}

.uk-grid-medium+.uk-grid-medium,
.uk-grid-medium>*>.uk-panel+.uk-panel,
.uk-grid-medium>.uk-grid-margin {
    margin-top: 25px
}

@media (min-width:1080px) {
    .uk-grid-large {
        margin-left: -35px
    }

    .uk-grid-large>* {
        padding-left: 35px
    }

    .uk-grid-large+.uk-grid-large,
    .uk-grid-large-margin,
    .uk-grid-large>*>.uk-panel+.uk-panel {
        margin-top: 35px
    }

    .uk-grid-divider>[class*=uk-width-large-]:not(.uk-width-large-1-1):nth-child(n+2) {
        border-left: 1px solid #ddd
    }
}

@media (min-width:1420px) {
    .uk-grid-large {
        margin-left: -50px
    }

    .uk-grid-large>* {
        padding-left: 50px
    }

    .uk-grid-large+.uk-grid-large,
    .uk-grid-large-margin,
    .uk-grid-large>*>.uk-panel+.uk-panel {
        margin-top: 50px
    }
}

.uk-grid-divider:not(:empty) {
    margin-left: -25px;
    margin-right: -25px
}

.uk-grid-divider>* {
    padding-left: 25px;
    padding-right: 25px
}

.uk-grid-divider>[class*=uk-width-8-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-9-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-1-]:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider>[class*=uk-width-2-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-3-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-4-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-5-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-6-]:nth-child(n+2),
.uk-grid-divider>[class*=uk-width-7-]:nth-child(n+2) {
    border-left: 1px solid #ddd
}

@media (min-width:1420px) {
    .uk-grid-divider:not(:empty) {
        margin-left: -35px;
        margin-right: -35px
    }

    .uk-grid-divider>* {
        padding-left: 35px;
        padding-right: 35px
    }

    .uk-grid-divider:empty {
        margin-top: 35px;
        margin-bottom: 35px
    }
}

.uk-grid-divider:empty {
    margin-top: 25px;
    margin-bottom: 25px;
    border-top: 1px solid #ddd
}

.uk-grid-match>* {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uk-grid-match>*>* {
    -ms-flex: none;
    flex: none
}

.uk-grid-width-1-2>* {
    width: 50%
}

.uk-grid-width-1-3>* {
    width: 33.333%
}

.uk-grid-width-1-4>* {
    width: 25%
}

.uk-grid-width-1-5>* {
    width: 20%
}

.uk-grid-width-1-6>* {
    width: 16.666%
}

.uk-grid-width-1-10>* {
    width: 10%
}

.uk-grid-width-auto>* {
    width: auto
}

@media (min-width:480px) {
    .uk-grid-width-small-1-1>* {
        width: 100%
    }

    .uk-grid-width-small-1-2>* {
        width: 50%
    }

    .uk-grid-width-small-1-3>* {
        width: 33.333%
    }

    .uk-grid-width-small-1-4>* {
        width: 25%
    }

    .uk-grid-width-small-1-5>* {
        width: 20%
    }

    .uk-grid-width-small-1-6>* {
        width: 16.666%
    }

    .uk-grid-width-small-1-10>* {
        width: 10%
    }
}

@media (min-width:768px) {
    .uk-grid-divider>[class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2) {
        border-left: 1px solid #ddd
    }

    .uk-grid-width-medium-1-1>* {
        width: 100%
    }

    .uk-grid-width-medium-1-2>* {
        width: 50%
    }

    .uk-grid-width-medium-1-3>* {
        width: 33.333%
    }

    .uk-grid-width-medium-1-4>* {
        width: 25%
    }

    .uk-grid-width-medium-1-5>* {
        width: 20%
    }

    .uk-grid-width-medium-1-6>* {
        width: 16.666%
    }

    .uk-grid-width-medium-1-10>* {
        width: 10%
    }
}

@media (min-width:1080px) {
    .uk-grid-width-large-1-1>* {
        width: 100%
    }

    .uk-grid-width-large-1-2>* {
        width: 50%
    }

    .uk-grid-width-large-1-3>* {
        width: 33.333%
    }

    .uk-grid-width-large-1-4>* {
        width: 25%
    }

    .uk-grid-width-large-1-5>* {
        width: 20%
    }

    .uk-grid-width-large-1-6>* {
        width: 16.666%
    }

    .uk-grid-width-large-1-10>* {
        width: 10%
    }
}

@media (min-width:1420px) {
    .uk-grid-width-xlarge-1-1>* {
        width: 100%
    }

    .uk-grid-width-xlarge-1-2>* {
        width: 50%
    }

    .uk-grid-width-xlarge-1-3>* {
        width: 33.333%
    }

    .uk-grid-width-xlarge-1-4>* {
        width: 25%
    }

    .uk-grid-width-xlarge-1-5>* {
        width: 20%
    }

    .uk-grid-width-xlarge-1-6>* {
        width: 16.666%
    }

    .uk-grid-width-xlarge-1-10>* {
        width: 10%
    }
}

[class*=uk-width] {
    box-sizing: border-box;
    width: 100%
}

.uk-width-1-1 {
    width: 100%
}

.uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10 {
    width: 50%
}

.uk-width-1-3,
.uk-width-2-6 {
    width: 33.333%
}

.uk-width-2-3,
.uk-width-4-6 {
    width: 66.666%
}

.uk-width-1-4 {
    width: 25%
}

.uk-width-3-4 {
    width: 75%
}

.uk-width-1-5,
.uk-width-2-10 {
    width: 20%
}

.uk-width-2-5,
.uk-width-4-10 {
    width: 40%
}

.uk-width-3-5,
.uk-width-6-10 {
    width: 60%
}

.uk-width-4-5,
.uk-width-8-10 {
    width: 80%
}

.uk-width-1-6 {
    width: 16.666%
}

.uk-width-5-6 {
    width: 83.333%
}

.uk-width-1-10 {
    width: 10%
}

.uk-width-3-10 {
    width: 30%
}

.uk-width-7-10 {
    width: 70%
}

.uk-width-9-10 {
    width: 90%
}

@media (min-width:480px) {
    .uk-width-small-1-1 {
        width: 100%
    }

    .uk-width-small-1-2,
    .uk-width-small-2-4,
    .uk-width-small-3-6,
    .uk-width-small-5-10 {
        width: 50%
    }

    .uk-width-small-1-3,
    .uk-width-small-2-6 {
        width: 33.333%
    }

    .uk-width-small-2-3,
    .uk-width-small-4-6 {
        width: 66.666%
    }

    .uk-width-small-1-4 {
        width: 25%
    }

    .uk-width-small-3-4 {
        width: 75%
    }

    .uk-width-small-1-5,
    .uk-width-small-2-10 {
        width: 20%
    }

    .uk-width-small-2-5,
    .uk-width-small-4-10 {
        width: 40%
    }

    .uk-width-small-3-5,
    .uk-width-small-6-10 {
        width: 60%
    }

    .uk-width-small-4-5,
    .uk-width-small-8-10 {
        width: 80%
    }

    .uk-width-small-1-6 {
        width: 16.666%
    }

    .uk-width-small-5-6 {
        width: 83.333%
    }

    .uk-width-small-1-10 {
        width: 10%
    }

    .uk-width-small-3-10 {
        width: 30%
    }

    .uk-width-small-7-10 {
        width: 70%
    }

    .uk-width-small-9-10 {
        width: 90%
    }
}

@media (min-width:768px) {
    .uk-width-medium-1-1 {
        width: 100%
    }

    .uk-width-medium-1-2,
    .uk-width-medium-2-4,
    .uk-width-medium-3-6,
    .uk-width-medium-5-10 {
        width: 50%
    }

    .uk-width-medium-1-3,
    .uk-width-medium-2-6 {
        width: 33.333%
    }

    .uk-width-medium-2-3,
    .uk-width-medium-4-6 {
        width: 66.666%
    }

    .uk-width-medium-1-4 {
        width: 25%
    }

    .uk-width-medium-3-4 {
        width: 75%
    }

    .uk-width-medium-1-5,
    .uk-width-medium-2-10 {
        width: 20%
    }

    .uk-width-medium-2-5,
    .uk-width-medium-4-10 {
        width: 40%
    }

    .uk-width-medium-3-5,
    .uk-width-medium-6-10 {
        width: 60%
    }

    .uk-width-medium-4-5,
    .uk-width-medium-8-10 {
        width: 80%
    }

    .uk-width-medium-1-6 {
        width: 16.666%
    }

    .uk-width-medium-5-6 {
        width: 83.333%
    }

    .uk-width-medium-1-10 {
        width: 10%
    }

    .uk-width-medium-3-10 {
        width: 30%
    }

    .uk-width-medium-7-10 {
        width: 70%
    }

    .uk-width-medium-9-10 {
        width: 90%
    }

    [class*=uk-push-],
    [class*=uk-pull-] {
        position: relative
    }

    .uk-push-1-2,
    .uk-push-2-4,
    .uk-push-3-6,
    .uk-push-5-10 {
        left: 50%
    }

    .uk-push-1-3,
    .uk-push-2-6 {
        left: 33.333%
    }

    .uk-push-2-3,
    .uk-push-4-6 {
        left: 66.666%
    }

    .uk-push-1-4 {
        left: 25%
    }

    .uk-push-3-4 {
        left: 75%
    }

    .uk-push-1-5,
    .uk-push-2-10 {
        left: 20%
    }

    .uk-push-2-5,
    .uk-push-4-10 {
        left: 40%
    }

    .uk-push-3-5,
    .uk-push-6-10 {
        left: 60%
    }

    .uk-push-4-5,
    .uk-push-8-10 {
        left: 80%
    }

    .uk-push-1-6 {
        left: 16.666%
    }

    .uk-push-5-6 {
        left: 83.333%
    }

    .uk-push-1-10 {
        left: 10%
    }

    .uk-push-3-10 {
        left: 30%
    }

    .uk-push-7-10 {
        left: 70%
    }

    .uk-push-9-10 {
        left: 90%
    }

    .uk-pull-1-2,
    .uk-pull-2-4,
    .uk-pull-3-6,
    .uk-pull-5-10 {
        left: -50%
    }

    .uk-pull-1-3,
    .uk-pull-2-6 {
        left: -33.333%
    }

    .uk-pull-2-3,
    .uk-pull-4-6 {
        left: -66.666%
    }

    .uk-pull-1-4 {
        left: -25%
    }

    .uk-pull-3-4 {
        left: -75%
    }

    .uk-pull-1-5,
    .uk-pull-2-10 {
        left: -20%
    }

    .uk-pull-2-5,
    .uk-pull-4-10 {
        left: -40%
    }

    .uk-pull-3-5,
    .uk-pull-6-10 {
        left: -60%
    }

    .uk-pull-4-5,
    .uk-pull-8-10 {
        left: -80%
    }

    .uk-pull-1-6 {
        left: -16.666%
    }

    .uk-pull-5-6 {
        left: -83.333%
    }

    .uk-pull-1-10 {
        left: -10%
    }

    .uk-pull-3-10 {
        left: -30%
    }

    .uk-pull-7-10 {
        left: -70%
    }

    .uk-pull-9-10 {
        left: -90%
    }
}

@media (min-width:1080px) {
    .uk-width-large-1-1 {
        width: 100%
    }

    .uk-width-large-1-2,
    .uk-width-large-2-4,
    .uk-width-large-3-6,
    .uk-width-large-5-10 {
        width: 50%
    }

    .uk-width-large-1-3,
    .uk-width-large-2-6 {
        width: 33.333%
    }

    .uk-width-large-2-3,
    .uk-width-large-4-6 {
        width: 66.666%
    }

    .uk-width-large-1-4 {
        width: 25%
    }

    .uk-width-large-3-4 {
        width: 75%
    }

    .uk-width-large-1-5,
    .uk-width-large-2-10 {
        width: 20%
    }

    .uk-width-large-2-5,
    .uk-width-large-4-10 {
        width: 40%
    }

    .uk-width-large-3-5,
    .uk-width-large-6-10 {
        width: 60%
    }

    .uk-width-large-4-5,
    .uk-width-large-8-10 {
        width: 80%
    }

    .uk-width-large-1-6 {
        width: 16.666%
    }

    .uk-width-large-5-6 {
        width: 83.333%
    }

    .uk-width-large-1-10 {
        width: 10%
    }

    .uk-width-large-3-10 {
        width: 30%
    }

    .uk-width-large-7-10 {
        width: 70%
    }

    .uk-width-large-9-10 {
        width: 90%
    }
}

.uk-panel {
    display: block;
    position: relative
}

.uk-panel:after,
.uk-panel:before {
    content: "";
    display: table
}

.uk-panel>:not(.uk-panel-title):last-child {
    margin-bottom: 0
}

.uk-panel-teaser,
.uk-panel-title {
    margin-bottom: 15px
}

.uk-panel-title {
    margin-top: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-transform: none
}

.uk-panel-badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.uk-panel-box .uk-panel-badge,
.uk-panel-hover .uk-panel-badge {
    top: 10px;
    right: 10px
}

.uk-panel-body {
    padding: 15px
}

.uk-panel-box {
    padding: 15px;
    background: #f5f5f5
}

.uk-panel-box>.uk-panel-teaser {
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px
}

.uk-panel-box>.uk-nav-side {
    margin: 0 -15px
}

.uk-article>:last-child,
.uk-block>:last-child {
    margin-bottom: 0
}

.uk-panel-box-primary {
    background-color: #ebf7fd;
    color: #2d7091
}

.uk-panel-box-primary .uk-panel-title,
.uk-panel-box-primary-hover:hover {
    color: #2d7091
}

.uk-panel-box-secondary {
    background-color: #eee;
    color: #444
}

.uk-panel-box-secondary .uk-panel-title,
.uk-panel-box-secondary-hover:hover {
    color: #444
}

.uk-panel-hover {
    padding: 15px;
    color: #444
}

.uk-panel-hover:hover {
    background: #f5f5f5;
    color: #444
}

.uk-panel-hover>.uk-panel-teaser {
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px
}

.uk-panel-header .uk-panel-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    color: #444
}

.uk-panel-space {
    padding: 30px
}

.uk-panel-space .uk-panel-badge {
    top: 30px;
    right: 30px
}

.uk-panel+.uk-panel-divider {
    margin-top: 50px !important
}

.uk-panel+.uk-panel-divider:before {
    content: "";
    display: block;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    border-top: 1px solid #ddd
}

.uk-article:after,
.uk-article:before,
.uk-block:after,
.uk-block:before,
.uk-comment-header:after,
.uk-comment-header:before,
.uk-navbar:after,
.uk-navbar:before {
    content: "";
    display: table
}

.uk-cover-object,
[data-uk-cover] {
    left: 50%;
    position: relative;
    transform: translate(-50%, -50%)
}

@media (min-width:1420px) {
    .uk-width-xlarge-1-1 {
        width: 100%
    }

    .uk-width-xlarge-1-2,
    .uk-width-xlarge-2-4,
    .uk-width-xlarge-3-6,
    .uk-width-xlarge-5-10 {
        width: 50%
    }

    .uk-width-xlarge-1-3,
    .uk-width-xlarge-2-6 {
        width: 33.333%
    }

    .uk-width-xlarge-2-3,
    .uk-width-xlarge-4-6 {
        width: 66.666%
    }

    .uk-width-xlarge-1-4 {
        width: 25%
    }

    .uk-width-xlarge-3-4 {
        width: 75%
    }

    .uk-width-xlarge-1-5,
    .uk-width-xlarge-2-10 {
        width: 20%
    }

    .uk-width-xlarge-2-5,
    .uk-width-xlarge-4-10 {
        width: 40%
    }

    .uk-width-xlarge-3-5,
    .uk-width-xlarge-6-10 {
        width: 60%
    }

    .uk-width-xlarge-4-5,
    .uk-width-xlarge-8-10 {
        width: 80%
    }

    .uk-width-xlarge-1-6 {
        width: 16.666%
    }

    .uk-width-xlarge-5-6 {
        width: 83.333%
    }

    .uk-width-xlarge-1-10 {
        width: 10%
    }

    .uk-width-xlarge-3-10 {
        width: 30%
    }

    .uk-width-xlarge-7-10 {
        width: 70%
    }

    .uk-width-xlarge-9-10 {
        width: 90%
    }

    .uk-panel+.uk-panel-divider {
        margin-top: 70px !important
    }

    .uk-panel+.uk-panel-divider:before {
        top: -35px
    }
}

*+.uk-article-divider,
.uk-article+.uk-article {
    margin-top: 25px
}

.uk-block {
    position: relative;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width:768px) {
    .uk-block {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.uk-block-large {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width:768px) {
    .uk-block-large {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width:1080px) {
    .uk-block-large {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.uk-block-default {
    background: #fff
}

.uk-block-muted {
    background: #f9f9f9
}

.uk-block-primary {
    background: #0079c2
}

.uk-block-secondary {
    background: #203052
}

.uk-article-title {
    font-size: 36px;
    line-height: 42px;
    font-weight: 400;
    text-transform: none
}

.uk-article-title a {
    color: inherit
}

.uk-article-meta {
    font-size: 12px;
    line-height: 18px;
    color: #999
}

.uk-article-lead {
    color: #444;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

.uk-article-divider {
    margin-bottom: 25px;
    border-color: #ddd
}

.uk-nav-dropdown .uk-nav-divider,
.uk-nav-navbar .uk-nav-divider,
.uk-nav-side .uk-nav-divider {
    border-top: 1px solid #ddd
}

.uk-comment-header {
    margin-bottom: 15px
}

.uk-comment-avatar {
    margin-right: 15px;
    float: left
}

.uk-comment-title {
    margin: 5px 0 0;
    font-size: 16px;
    line-height: 22px
}

.uk-comment-meta {
    margin: 2px 0 0;
    font-size: 11px;
    line-height: 16px;
    color: #999
}

.uk-comment-body>:last-child {
    margin-bottom: 0
}

.uk-comment-list {
    padding: 0;
    list-style: none
}

.uk-comment-list .uk-comment+ul {
    margin: 15px 0 0;
    list-style: none
}

.uk-comment-list .uk-comment+ul>li:nth-child(n+2),
.uk-comment-list>li:nth-child(n+2) {
    margin-top: 15px
}

@media (min-width:768px) {
    .uk-comment-list .uk-comment+ul {
        padding-left: 100px
    }
}

.uk-cover-background {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.uk-cover {
    overflow: hidden
}

.uk-cover-object {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    top: 50%
}

[data-uk-cover] {
    top: 50%
}

.uk-nav,
.uk-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-nav li>a {
    display: block
}

.uk-nav>li>a {
    padding: 5px 15px
}

.uk-nav ul {
    padding-left: 15px
}

.uk-nav ul a {
    padding: 2px 0
}

.uk-nav li>a>div {
    font-size: 12px;
    line-height: 18px
}

.uk-nav-header {
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px
}

.uk-nav-header:not(:first-child) {
    margin-top: 15px
}

.uk-nav-divider {
    margin: 9px 15px
}

ul.uk-nav-sub {
    padding: 5px 0 5px 15px
}

.uk-nav-parent-icon>.uk-parent>a:after {
    content: "\f104";
    width: 20px;
    margin-right: -10px;
    float: right;
    font-family: FontAwesome;
    text-align: center
}

.uk-nav-parent-icon>.uk-parent.uk-open>a:after {
    content: "\f107"
}

.uk-nav-side>li>a {
    color: #444
}

.uk-nav-side>li>a:focus,
.uk-nav-side>li>a:hover {
    background: rgba(0, 0, 0, .05);
    color: #444;
    outline: 0;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .06);
    text-shadow: 0 -1px 0 #fff
}

.uk-nav-side>li.uk-active>a {
    background: #0079c2;
    color: #fff;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}

.uk-nav-side .uk-nav-header {
    color: #444
}

.uk-nav-side .uk-nav-divider {
    box-shadow: 0 1px 0 #fff
}

.uk-nav-side ul a {
    color: #07D
}

.uk-nav-side ul a:hover {
    color: #059
}

.uk-nav-dropdown>li>a {
    color: #444
}

.uk-nav-dropdown>li>a:focus,
.uk-nav-dropdown>li>a:hover {
    background: #0079c2;
    color: #fff;
    outline: 0;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}

.uk-nav-dropdown .uk-nav-header {
    color: #999
}

.uk-nav-dropdown ul a {
    color: #07D
}

.uk-nav-dropdown ul a:hover {
    color: #059
}

.uk-nav-navbar>li>a {
    color: #444
}

.uk-nav-navbar>li>a:focus,
.uk-nav-navbar>li>a:hover {
    background: #0079c2;
    color: #fff;
    outline: 0;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}

.uk-nav-navbar .uk-nav-header {
    color: #999
}

.uk-nav-offcanvas .uk-nav-header,
.uk-nav-offcanvas>li>a {
    border-top: 1px solid rgba(0, 0, 0, .3);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.uk-nav-navbar ul a {
    color: #07D
}

.uk-nav-navbar ul a:hover {
    color: #059
}

.uk-nav-offcanvas>li>a {
    color: #ccc;
    padding: 10px 15px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05)
}

.uk-nav-offcanvas>.uk-open>a,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {
    background: #404040;
    color: #fff;
    outline: 0
}

html .uk-nav.uk-nav-offcanvas>li.uk-active>a {
    background: #1a1a1a;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}

.uk-nav-offcanvas .uk-nav-header {
    color: #777;
    margin-top: 0;
    background: #404040;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05)
}

.uk-nav-offcanvas .uk-nav-divider {
    border-top: 1px solid #1a1a1a;
    margin: 0;
    height: 4px;
    background: rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}

.uk-nav-offcanvas ul a {
    color: #ccc
}

html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
    color: #fff
}

.uk-nav-offcanvas {
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .05)
}

.uk-nav-offcanvas .uk-nav-sub {
    border-top: 1px solid rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05)
}

.uk-navbar {
    background: #eee;
    color: #444
}

.uk-navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left
}

.uk-navbar-nav>li {
    float: left;
    position: relative
}

.uk-navbar-nav>li>a {
    display: block;
    box-sizing: border-box;
    height: 40px;
    padding: 0 15px;
    line-height: 40px;
    color: #444;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400
}

.uk-navbar-nav>li>a[href='#'] {
    cursor: text
}

.uk-navbar-nav>li.uk-open>a,
.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a:focus {
    background-color: #f5f5f5;
    color: #444;
    outline: 0
}

.uk-navbar-nav>li>a:active {
    background-color: #ddd;
    color: #444
}

.uk-navbar-nav>li.uk-active>a {
    background-color: #f5f5f5;
    color: #444
}

.uk-navbar-nav .uk-navbar-nav-subtitle {
    line-height: 28px
}

.uk-navbar-nav-subtitle>div {
    margin-top: -6px;
    font-size: 10px;
    line-height: 12px
}

.uk-navbar-brand,
.uk-navbar-toggle {
    font-size: 18px;
    text-decoration: none
}

.uk-navbar-brand,
.uk-navbar-content,
.uk-navbar-toggle {
    box-sizing: border-box;
    display: block;
    height: 40px;
    padding: 0 15px;
    float: left
}

.uk-navbar-brand:before,
.uk-navbar-content:before,
.uk-navbar-toggle:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.uk-navbar-content+.uk-navbar-content:not(.uk-navbar-center) {
    padding-left: 0
}

.uk-navbar-content>a:not([class]) {
    color: #07D
}

.uk-navbar-content>a:not([class]):hover {
    color: #059
}

.uk-navbar-brand {
    color: #444
}

.uk-navbar-brand:focus,
.uk-navbar-brand:hover {
    color: #444;
    text-decoration: none;
    outline: 0
}

.uk-navbar-toggle {
    color: #444
}

.uk-navbar-toggle:focus,
.uk-navbar-toggle:hover {
    color: #444;
    text-decoration: none;
    outline: 0
}

.uk-navbar-toggle:after {
    content: "\f0c9";
    font-family: FontAwesome;
    vertical-align: middle
}

.uk-navbar-toggle-alt:after {
    content: "\f002"
}

.uk-navbar-center {
    float: none;
    text-align: center;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto
}

.uk-navbar-flip {
    float: right
}

.uk-subnav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -10px;
    padding: 0;
    list-style: none
}

.uk-subnav>* {
    -ms-flex: none;
    flex: none;
    padding-left: 10px;
    margin-top: 10px;
    position: relative;
    float: left
}

.uk-subnav:after,
.uk-subnav:before {
    content: "";
    display: block;
    overflow: hidden
}

.uk-subnav>*>* {
    display: inline-block;
    color: #444
}

.uk-subnav>*>:focus,
.uk-subnav>*>:hover {
    color: #07D;
    text-decoration: none
}

.uk-subnav>.uk-active>* {
    color: #07D
}

.uk-subnav-line>:before {
    content: "";
    display: inline-block;
    height: 10px;
    vertical-align: middle
}

.uk-breadcrumb>li,
.uk-pagination>li,
.uk-table td {
    vertical-align: top
}

.uk-subnav-line>:nth-child(n+2):before {
    margin-right: 10px;
    border-left: 1px solid #ddd
}

.uk-subnav-pill>*>* {
    padding: 3px 9px
}

.uk-breadcrumb,
.uk-pagination,
.uk-tab {
    padding: 0;
    list-style: none
}

.uk-subnav-pill>*>:focus,
.uk-subnav-pill>*>:hover {
    background: #eee;
    color: #444;
    text-decoration: none;
    outline: 0
}

.uk-subnav-pill>.uk-active>* {
    background: #0079c2;
    color: #fff
}

.uk-subnav>.uk-disabled>* {
    background: 0 0;
    color: #999;
    text-decoration: none;
    cursor: text
}

.uk-breadcrumb {
    font-size: 0
}

.uk-breadcrumb>li {
    font-size: 1rem
}

.uk-breadcrumb>li,
.uk-breadcrumb>li>a,
.uk-breadcrumb>li>span {
    display: inline-block
}

.uk-breadcrumb>li:nth-child(n+2):before {
    content: "";
    display: inline-block;
    margin: 0 8px
}

.uk-breadcrumb>li:not(.uk-active)>span {
    color: #999
}

.uk-pagination {
    text-align: center;
    font-size: 0
}

.uk-pagination:after,
.uk-pagination:before {
    content: "";
    display: table
}

.uk-pagination>li {
    display: inline-block;
    font-size: 1rem
}

.uk-pagination>li:nth-child(n+2) {
    margin-left: 5px
}

.uk-pagination>li>a,
.uk-pagination>li>span {
    display: inline-block;
    min-width: 16px;
    line-height: 20px;
    text-decoration: none;
    box-sizing: content-box;
    text-align: center
}

.uk-pagination>li>a {
    background: #eee;
    color: #444
}

.uk-pagination>li>a:focus,
.uk-pagination>li>a:hover {
    background-color: #f5f5f5;
    color: #444;
    outline: 0
}

.uk-pagination>li>a:active {
    background-color: #ddd;
    color: #444
}

.uk-pagination>.uk-active>span {
    background: #0079c2;
    color: #fff
}

.uk-pagination>.uk-disabled>span {
    background-color: #f5f5f5;
    color: #999
}

.uk-pagination-previous {
    float: left
}

.uk-pagination-next {
    float: right
}

.uk-pagination-left {
    text-align: left
}

.uk-pagination-right {
    text-align: right
}

.uk-badge,
.uk-button,
.uk-close,
.uk-form-icon>[class*=uk-icon-],
.uk-icon-button,
.uk-icon-justify,
.uk-tab-center .uk-tab>li>a,
.uk-tab-grid>li>a,
.uk-thumbnail-caption {
    text-align: center
}

.uk-tab {
    margin: 0
}

.uk-tab:after,
.uk-tab:before {
    content: "";
    display: table
}

.uk-tab>li {
    margin-bottom: -1px;
    float: left;
    position: relative
}

.uk-tab>li>a {
    display: block;
    border: 1px solid transparent;
    border-bottom-width: 0;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
    text-shadow: 0 1px 0 #fff
}

.uk-tab>li:nth-child(n+2)>a {
    margin-left: 5px
}

.uk-tab>li.uk-open>a,
.uk-tab>li>a:focus,
.uk-tab>li>a:hover {
    border-color: #f5f5f5;
    background: #f5f5f5;
    color: #059;
    outline: 0
}

.uk-tab>li.uk-open:not(.uk-active)>a,
.uk-tab>li:not(.uk-active)>a:focus,
.uk-tab>li:not(.uk-active)>a:hover {
    margin-bottom: 1px;
    padding-bottom: 7px
}

.uk-tab>li.uk-disabled>a {
    color: #999;
    cursor: text
}

.uk-tab>li.uk-disabled.uk-active>a,
.uk-tab>li.uk-disabled>a:focus,
.uk-tab>li.uk-disabled>a:hover {
    background: 0 0;
    border-color: transparent
}

.uk-tab-center,
.uk-table td,
.uk-table th {
    border-bottom: 1px solid #ddd
}

.uk-tab-flip>li {
    float: right
}

.uk-tab-flip>li:nth-child(n+2)>a {
    margin-left: 0;
    margin-right: 5px
}

.uk-tab>li.uk-tab-responsive>a {
    margin-left: 0;
    margin-right: 0
}

.uk-tab-responsive>a:before {
    content: "\f0c9\00a0";
    font-family: FontAwesome
}

.uk-tab-center-bottom {
    border-bottom: none;
    border-top: 1px solid #ddd
}

.uk-tab-center:after,
.uk-tab-center:before {
    content: "";
    display: table
}

.uk-tab-center .uk-tab {
    position: relative;
    right: 50%;
    border: none;
    float: right
}

.uk-tab-center .uk-tab>li {
    position: relative;
    right: -50%
}

.uk-tab-bottom {
    border-top: 1px solid #ddd;
    border-bottom: none
}

.uk-tab-bottom>li {
    margin-top: -1px;
    margin-bottom: 0
}

.uk-tab-bottom>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom-width: 1px;
    border-top-width: 0;
    border-radius: 0 0 4px 4px
}

.uk-tab-bottom>li.uk-open:not(.uk-active)>a,
.uk-tab-bottom>li:not(.uk-active)>a:focus,
.uk-tab-bottom>li:not(.uk-active)>a:hover {
    margin-bottom: 0;
    margin-top: 1px;
    padding-bottom: 8px;
    padding-top: 7px
}

.uk-tab-bottom>li.uk-active>a {
    border-top-color: transparent;
    border-bottom-color: #ddd
}

.uk-tab-grid {
    margin-left: -5px;
    border-bottom: none;
    position: relative;
    z-index: 0
}

.uk-tab-grid:before {
    display: block;
    position: absolute;
    left: 5px;
    right: 0;
    bottom: -1px;
    border-top: 1px solid #ddd;
    z-index: -1
}

.uk-tab-grid>li:first-child>a {
    margin-left: 5px
}

.uk-tab-grid.uk-tab-bottom {
    border-top: none
}

.uk-tab-grid.uk-tab-bottom:before {
    top: -1px;
    bottom: auto
}

@media (min-width:768px) {

    .uk-tab-left,
    .uk-tab-right {
        border-bottom: none
    }

    .uk-tab-left>li,
    .uk-tab-right>li {
        margin-bottom: 0;
        float: none
    }

    .uk-tab-left>li>a,
    .uk-tab-right>li>a {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .uk-tab-left>li:nth-child(n+2)>a,
    .uk-tab-right>li:nth-child(n+2)>a {
        margin-left: 0;
        margin-top: 5px
    }

    .uk-tab-left>li.uk-active>a,
    .uk-tab-right>li.uk-active>a {
        border-color: #ddd
    }

    .uk-tab-left {
        border-right: 1px solid #ddd
    }

    .uk-tab-left>li {
        margin-right: -1px
    }

    .uk-tab-left>li>a {
        border-bottom-width: 1px;
        border-right-width: 0;
        border-radius: 4px 0 0 4px
    }

    .uk-tab-left>li:not(.uk-active)>a:focus,
    .uk-tab-left>li:not(.uk-active)>a:hover {
        margin-bottom: 0;
        margin-right: 1px;
        padding-bottom: 8px;
        padding-right: 11px
    }

    .uk-tab-left>li.uk-active>a {
        border-right-color: transparent
    }

    .uk-tab-right {
        border-left: 1px solid #ddd
    }

    .uk-tab-right>li {
        margin-left: -1px
    }

    .uk-tab-right>li>a {
        border-bottom-width: 1px;
        border-left-width: 0;
        border-radius: 0 4px 4px 0
    }

    .uk-tab-right>li:not(.uk-active)>a:focus,
    .uk-tab-right>li:not(.uk-active)>a:hover {
        margin-bottom: 0;
        margin-left: 1px;
        padding-bottom: 8px;
        padding-left: 11px
    }

    .uk-tab-right>li.uk-active>a {
        border-left-color: transparent
    }
}

.uk-dotnav,
.uk-thumbnav {
    margin-left: -10px;
    margin-top: -10px;
    list-style: none
}

.uk-thumbnav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0
}

.uk-thumbnav>* {
    -ms-flex: none;
    flex: none;
    padding-left: 10px;
    margin-top: 10px;
    float: left
}

.uk-thumbnav:after,
.uk-thumbnav:before {
    content: "";
    display: block;
    overflow: hidden
}

.uk-thumbnav>*>* {
    display: block;
    background: #fff
}

.uk-thumbnav>*>*>img {
    opacity: .7;
    transition: opacity .15s linear
}

.uk-thumbnav>*>:focus>img,
.uk-thumbnav>*>:hover>img,
.uk-thumbnav>.uk-active>*>img {
    opacity: 1
}

.uk-list {
    padding: 0;
    list-style: none
}

.uk-list>li:after,
.uk-list>li:before {
    content: "";
    display: table
}

.uk-list>li>:last-child {
    margin-bottom: 0
}

.uk-list ul {
    margin: 0;
    padding-left: 20px;
    list-style: none
}

.uk-list-line>li:nth-child(n+2) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #ddd
}

.uk-list-striped>li {
    padding: 5px
}

.uk-list-striped>li:nth-of-type(odd) {
    background: #f5f5f5
}

.uk-list-space>li:nth-child(n+2) {
    margin-top: 10px
}

@media (min-width:768px) {
    .uk-description-list-horizontal {
        overflow: hidden
    }

    .uk-description-list-horizontal>dt {
        width: 160px;
        float: left;
        clear: both;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .uk-description-list-horizontal>dd {
        margin-left: 180px
    }
}

.uk-description-list-line>dt {
    font-weight: 400
}

.uk-description-list-line>dt:nth-child(n+2) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #ddd
}

*+.uk-table,
.uk-form-row+.uk-form-row {
    margin-top: 15px
}

.uk-description-list-line>dd {
    color: #999
}

.uk-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 15px
}

.uk-table td,
.uk-table th {
    padding: 8px
}

.uk-table th {
    text-align: left
}

.uk-table thead th {
    vertical-align: bottom
}

.uk-table caption,
.uk-table tfoot {
    font-size: 12px;
    font-style: italic
}

.uk-table caption {
    text-align: left;
    color: #999
}

.uk-table tbody tr.uk-active {
    background: #EEE
}

.uk-table-middle,
.uk-table-middle td {
    vertical-align: middle !important
}

.uk-table-striped tbody tr:nth-of-type(odd) {
    background: #f5f5f5
}

.uk-table-condensed td {
    padding: 4px 8px
}

.uk-table-hover tbody tr:hover {
    background: #EEE
}

.uk-form input,
.uk-form select,
.uk-form textarea {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    color: inherit
}

.uk-form select {
    text-transform: none
}

.uk-form optgroup {
    font: inherit;
    font-weight: 700
}

.uk-form input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-form input[type=checkbox],
.uk-form input[type=radio] {
    padding: 0
}

.uk-form input[type=checkbox]:not(:disabled),
.uk-form input[type=radio]:not(:disabled) {
    cursor: pointer
}

.uk-form input:not([type]),
.uk-form input[type=text],
.uk-form input[type=password],
.uk-form input[type=email],
.uk-form input[type=url],
.uk-form input[type=search],
.uk-form input[type=tel],
.uk-form input[type=number],
.uk-form input[type=datetime],
.uk-form textarea {
    -webkit-appearance: none
}

.uk-form input[type=search]::-webkit-search-cancel-button,
.uk-form input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.uk-form input[type=number]::-webkit-inner-spin-button,
.uk-form input[type=number]::-webkit-outer-spin-button {
    height: auto
}

.uk-form fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.uk-form textarea {
    overflow: auto;
    vertical-align: top
}

.uk-badge,
.uk-button,
.uk-button-dropdown,
.uk-button-group,
.uk-close,
.uk-form input:not([type=radio]):not([type=checkbox]),
.uk-form select,
.uk-overlay,
.uk-overlay-area-content,
.uk-overlay-area:not(:empty):before {
    vertical-align: middle
}

.uk-form :invalid {
    box-shadow: none
}

.uk-form>:last-child {
    margin-bottom: 0
}

.uk-form input:not([type]),
.uk-form input[type=text],
.uk-form input[type=password],
.uk-form input[type=email],
.uk-form input[type=url],
.uk-form input[type=search],
.uk-form input[type=tel],
.uk-form input[type=number],
.uk-form input[type=datetime],
.uk-form input[type=datetime-local],
.uk-form input[type=date],
.uk-form input[type=month],
.uk-form input[type=time],
.uk-form input[type=week],
.uk-form input[type=color],
.uk-form select,
.uk-form textarea {
    height: 30px;
    max-width: 100%;
    padding: 4px 6px;
    border: 1px solid #ddd;
    background: #fff;
    color: #444;
    -webkit-transition: all .2s linear;
    -webkit-transition-property: border, background, color, box-shadow, padding;
    transition: all .2s linear;
    transition-property: border, background, color, box-shadow, padding;
    border-radius: 4px
}

.uk-form input:not([type]):focus,
.uk-form input[type=text]:focus,
.uk-form input[type=password]:focus,
.uk-form input[type=email]:focus,
.uk-form input[type=url]:focus,
.uk-form input[type=search]:focus,
.uk-form input[type=tel]:focus,
.uk-form input[type=number]:focus,
.uk-form input[type=datetime]:focus,
.uk-form input[type=datetime-local]:focus,
.uk-form input[type=date]:focus,
.uk-form input[type=month]:focus,
.uk-form input[type=time]:focus,
.uk-form input[type=week]:focus,
.uk-form input[type=color]:focus,
.uk-form select:focus,
.uk-form textarea:focus {
    border-color: #99baca;
    outline: 0;
    background: #f5fbfe;
    color: #444
}

.uk-form input:not([type]):disabled,
.uk-form input[type=text]:disabled,
.uk-form input[type=password]:disabled,
.uk-form input[type=email]:disabled,
.uk-form input[type=url]:disabled,
.uk-form input[type=search]:disabled,
.uk-form input[type=tel]:disabled,
.uk-form input[type=number]:disabled,
.uk-form input[type=datetime]:disabled,
.uk-form input[type=datetime-local]:disabled,
.uk-form input[type=date]:disabled,
.uk-form input[type=month]:disabled,
.uk-form input[type=time]:disabled,
.uk-form input[type=week]:disabled,
.uk-form input[type=color]:disabled,
.uk-form select:disabled,
.uk-form textarea:disabled {
    border-color: #ddd;
    background-color: #f5f5f5;
    color: #999
}

.uk-form :-ms-input-placeholder {
    color: #999 !important
}

.uk-form ::-moz-placeholder {
    opacity: 1;
    color: #999
}

.uk-form ::-webkit-input-placeholder {
    color: #999
}

.uk-form :disabled:-ms-input-placeholder {
    color: #999 !important
}

.uk-form :disabled::-moz-placeholder {
    color: #999
}

.uk-form :disabled::-webkit-input-placeholder {
    color: #999
}

.uk-form legend {
    width: 100%;
    border: 0;
    padding: 0 0 15px;
    font-size: 18px;
    line-height: 30px
}

.uk-form legend:after {
    content: "";
    display: block;
    border-bottom: 1px solid #ddd;
    width: 100%
}

input:not([type]).uk-form-small,
input[type].uk-form-small,
select.uk-form-small,
textarea.uk-form-small {
    height: 25px;
    padding: 3px;
    font-size: 12px
}

input:not([type]).uk-form-large,
input[type].uk-form-large,
select.uk-form-large,
textarea.uk-form-large {
    height: 40px;
    padding: 8px 6px;
    font-size: 16px
}

.uk-form select[multiple],
.uk-form select[size],
.uk-form textarea {
    height: auto
}

.uk-form-danger {
    border-color: #dc8d99 !important;
    background: #fff7f8 !important;
    color: #d85030 !important
}

.uk-form-success {
    border-color: #8ec73b !important;
    background: #fafff2 !important;
    color: #659f13 !important
}

.uk-form-blank {
    border-color: transparent !important;
    border-style: dashed !important;
    background: 0 0 !important
}

.uk-form-blank:focus {
    border-color: #ddd !important
}

input.uk-form-width-mini {
    width: 40px
}

select.uk-form-width-mini {
    width: 65px
}

.uk-form-width-small {
    width: 130px
}

.uk-form-width-medium {
    width: 200px
}

.uk-form-width-large {
    width: 500px
}

.uk-form-row:after,
.uk-form-row:before {
    content: "";
    display: table
}

.uk-form-help-inline {
    display: inline-block;
    margin: 0 0 0 10px
}

.uk-form-help-block {
    margin: 5px 0 0
}

.uk-form-controls>:first-child {
    margin-top: 0
}

.uk-form-controls>:last-child {
    margin-bottom: 0
}

.uk-form-controls-condensed {
    margin: 5px 0
}

.uk-form-stacked .uk-form-label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700
}

@media (max-width:1079px) {
    .uk-form-horizontal .uk-form-label {
        display: block;
        margin-bottom: 5px;
        font-weight: 700
    }
}

.uk-button,
.uk-button-dropdown,
.uk-button-group,
.uk-button-group>*,
.uk-close,
.uk-form-icon,
.uk-icon-button,
.uk-icon-spin,
[class*=uk-icon-] {
    display: inline-block
}

@media (min-width:1080px) {
    .uk-form-horizontal .uk-form-label {
        width: 200px;
        margin-top: 5px;
        float: left
    }

    .uk-form-horizontal .uk-form-controls {
        margin-left: 215px
    }

    .uk-form-horizontal .uk-form-controls-text {
        padding-top: 5px
    }
}

.uk-form-icon {
    position: relative;
    max-width: 100%
}

.uk-form-icon>[class*=uk-icon-] {
    position: absolute;
    top: 50%;
    width: 30px;
    margin-top: -7px;
    font-size: 14px;
    color: #999;
    pointer-events: none
}

.uk-form-icon:not(.uk-form-icon-flip)>input {
    padding-left: 30px !important
}

.uk-form-icon-flip>[class*=uk-icon-] {
    right: 0
}

.uk-form-icon-flip>input {
    padding-right: 30px !important
}

.uk-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-button {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: #444;
    text-transform: none;
    box-sizing: border-box;
    padding: 0 12px;
    background: #eee;
    line-height: 30px;
    min-height: 30px;
    font-size: 1rem;
    text-decoration: none
}

.uk-button:not(:disabled) {
    cursor: pointer
}

.uk-button:focus,
.uk-button:hover {
    background-color: #f5f5f5;
    color: #444;
    outline: 0;
    text-decoration: none
}

.uk-button.uk-active,
.uk-button:active {
    background-color: #ddd;
    color: #444
}

.uk-button-primary {
    background-color: #00B15B;
    color: #fff
}

.uk-button-primary:focus,
.uk-button-primary:hover {
    background-color: #00A14B;
    color: #fff
}

.uk-button-primary.uk-active,
.uk-button-primary:active {
    background-color: rgb(85, 174, 76);
    color: #fff
}

.uk-button-success {
    background-color: #8cc14c;
    color: #fff
}

.uk-button-success:focus,
.uk-button-success:hover {
    background-color: #8ec73b;
    color: #fff
}

.uk-button-success.uk-active,
.uk-button-success:active {
    background-color: #72ae41;
    color: #fff
}

.uk-button-danger {
    background-color: #da314b;
    color: #fff
}

.uk-button-danger:focus,
.uk-button-danger:hover {
    background-color: #e4354f;
    color: #fff
}

.uk-button-danger.uk-active,
.uk-button-danger:active {
    background-color: #c91032;
    color: #fff
}

.uk-button:disabled {
    background-color: #f5f5f5;
    color: #999
}

.uk-button-link,
.uk-button-link.uk-active,
.uk-button-link:active,
.uk-button-link:disabled,
.uk-button-link:focus,
.uk-button-link:hover {
    border-color: transparent;
    background: 0 0
}

.uk-button-link {
    color: #07D
}

.uk-button-link.uk-active,
.uk-button-link:active,
.uk-button-link:focus,
.uk-button-link:hover {
    color: #059;
    text-decoration: underline
}

.uk-button-link:disabled,
.uk-icon-hover {
    color: #999
}

.uk-button-link:focus {
    outline: dotted 1px
}

.uk-button-mini {
    min-height: 20px;
    padding: 0 6px;
    line-height: 20px;
    font-size: 11px
}

.uk-button-small {
    min-height: 25px;
    padding: 0 10px;
    line-height: 25px;
    font-size: 12px
}

.uk-button-large {
    min-height: 40px;
    padding: 0 15px;
    line-height: 40px;
    font-size: 16px
}

.uk-button-group {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.uk-button-group .uk-button {
    vertical-align: top
}

.uk-button-dropdown {
    position: relative
}

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.woff2) format('woff2'), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

[class*=uk-icon-] {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=uk-icon-],
[class*=uk-icon-]:focus,
[class*=uk-icon-]:hover {
    text-decoration: none
}

.uk-icon-small {
    font-size: 150%;
    vertical-align: -10%
}

.uk-icon-medium {
    font-size: 200%;
    vertical-align: -16%
}

.uk-icon-large {
    font-size: 250%;
    vertical-align: -22%
}

.uk-icon-justify {
    width: 1em
}

.uk-icon-spin {
    animation: uk-rotate 2s infinite linear
}

.uk-icon-hover:hover {
    color: #444
}

.uk-icon-button {
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: #eee;
    line-height: 35px;
    color: #444;
    font-size: 18px
}

.uk-icon-button:focus,
.uk-icon-button:hover {
    background-color: #f5f5f5;
    color: #444;
    outline: 0
}

.uk-icon-button:active {
    background-color: #ddd;
    color: #444
}

.uk-icon-glass:before {
    content: "\f000"
}

.uk-icon-music:before {
    content: "\f001"
}

.uk-icon-search:before {
    content: "\f002"
}

.uk-icon-envelope-o:before {
    content: "\f003"
}

.uk-icon-heart:before {
    content: "\f004"
}

.uk-icon-star:before {
    content: "\f005"
}

.uk-icon-star-o:before {
    content: "\f006"
}

.uk-icon-user:before {
    content: "\f007"
}

.uk-icon-film:before {
    content: "\f008"
}

.uk-icon-th-large:before {
    content: "\f009"
}

.uk-icon-th:before {
    content: "\f00a"
}

.uk-icon-th-list:before {
    content: "\f00b"
}

.uk-icon-check:before {
    content: "\f00c"
}

.uk-close:after,
.uk-icon-close:before,
.uk-icon-remove:before,
.uk-icon-times:before {
    content: "\f00d"
}

.uk-icon-search-plus:before {
    content: "\f00e"
}

.uk-icon-search-minus:before {
    content: "\f010"
}

.uk-icon-power-off:before {
    content: "\f011"
}

.uk-icon-signal:before {
    content: "\f012"
}

.uk-icon-cog:before,
.uk-icon-gear:before {
    content: "\f013"
}

.uk-icon-trash-o:before {
    content: "\f014"
}

.uk-icon-home:before {
    content: "\f015"
}

.uk-icon-file-o:before {
    content: "\f016"
}

.uk-icon-clock-o:before {
    content: "\f017"
}

.uk-icon-road:before {
    content: "\f018"
}

.uk-icon-download:before {
    content: "\f019"
}

.uk-icon-arrow-circle-o-down:before {
    content: "\f01a"
}

.uk-icon-arrow-circle-o-up:before {
    content: "\f01b"
}

.uk-icon-inbox:before {
    content: "\f01c"
}

.uk-icon-play-circle-o:before {
    content: "\f01d"
}

.uk-icon-repeat:before,
.uk-icon-rotate-right:before {
    content: "\f01e"
}

.uk-icon-refresh:before {
    content: "\f021"
}

.uk-icon-list-alt:before {
    content: "\f022"
}

.uk-icon-lock:before {
    content: "\f023"
}

.uk-icon-flag:before {
    content: "\f024"
}

.uk-icon-headphones:before {
    content: "\f025"
}

.uk-icon-volume-off:before {
    content: "\f026"
}

.uk-icon-volume-down:before {
    content: "\f027"
}

.uk-icon-volume-up:before {
    content: "\f028"
}

.uk-icon-qrcode:before {
    content: "\f029"
}

.uk-icon-barcode:before {
    content: "\f02a"
}

.uk-icon-tag:before {
    content: "\f02b"
}

.uk-icon-tags:before {
    content: "\f02c"
}

.uk-icon-book:before {
    content: "\f02d"
}

.uk-icon-bookmark:before {
    content: "\f02e"
}

.uk-icon-print:before {
    content: "\f02f"
}

.uk-icon-camera:before {
    content: "\f030"
}

.uk-icon-font:before {
    content: "\f031"
}

.uk-icon-bold:before {
    content: "\f032"
}

.uk-icon-italic:before {
    content: "\f033"
}

.uk-icon-text-height:before {
    content: "\f034"
}

.uk-icon-text-width:before {
    content: "\f035"
}

.uk-icon-align-left:before {
    content: "\f036"
}

.uk-icon-align-center:before {
    content: "\f037"
}

.uk-icon-align-right:before {
    content: "\f038"
}

.uk-icon-align-justify:before {
    content: "\f039"
}

.uk-icon-list:before {
    content: "\f03a"
}

.uk-icon-dedent:before,
.uk-icon-outdent:before {
    content: "\f03b"
}

.uk-icon-indent:before {
    content: "\f03c"
}

.uk-icon-video-camera:before {
    content: "\f03d"
}

.uk-icon-image:before,
.uk-icon-photo:before,
.uk-icon-picture-o:before {
    content: "\f03e"
}

.uk-icon-pencil:before {
    content: "\f040"
}

.uk-icon-map-marker:before {
    content: "\f041"
}

.uk-icon-adjust:before {
    content: "\f042"
}

.uk-icon-tint:before {
    content: "\f043"
}

.uk-icon-edit:before,
.uk-icon-pencil-square-o:before {
    content: "\f044"
}

.uk-icon-share-square-o:before {
    content: "\f045"
}

.uk-icon-check-square-o:before {
    content: "\f046"
}

.uk-icon-arrows:before {
    content: "\f047"
}

.uk-icon-step-backward:before {
    content: "\f048"
}

.uk-icon-fast-backward:before {
    content: "\f049"
}

.uk-icon-backward:before {
    content: "\f04a"
}

.uk-icon-play:before {
    content: "\f04b"
}

.uk-icon-pause:before {
    content: "\f04c"
}

.uk-icon-stop:before {
    content: "\f04d"
}

.uk-icon-forward:before {
    content: "\f04e"
}

.uk-icon-fast-forward:before {
    content: "\f050"
}

.uk-icon-step-forward:before {
    content: "\f051"
}

.uk-icon-eject:before {
    content: "\f052"
}

.uk-icon-chevron-left:before {
    content: "\f053"
}

.uk-icon-chevron-right:before {
    content: "\f054"
}

.uk-icon-plus-circle:before {
    content: "\f055"
}

.uk-icon-minus-circle:before {
    content: "\f056"
}

.uk-icon-times-circle:before {
    content: "\f057"
}

.uk-icon-check-circle:before {
    content: "\f058"
}

.uk-icon-question-circle:before {
    content: "\f059"
}

.uk-icon-info-circle:before {
    content: "\f05a"
}

.uk-icon-crosshairs:before {
    content: "\f05b"
}

.uk-icon-times-circle-o:before {
    content: "\f05c"
}

.uk-icon-check-circle-o:before {
    content: "\f05d"
}

.uk-icon-ban:before {
    content: "\f05e"
}

.uk-icon-arrow-left:before {
    content: "\f060"
}

.uk-icon-arrow-right:before {
    content: "\f061"
}

.uk-icon-arrow-up:before {
    content: "\f062"
}

.uk-icon-arrow-down:before {
    content: "\f063"
}

.uk-icon-mail-forward:before,
.uk-icon-share:before {
    content: "\f064"
}

.uk-icon-expand:before {
    content: "\f065"
}

.uk-icon-compress:before {
    content: "\f066"
}

.uk-icon-plus:before {
    content: "\f067"
}

.uk-icon-minus:before {
    content: "\f068"
}

.uk-icon-asterisk:before {
    content: "\f069"
}

.uk-icon-exclamation-circle:before {
    content: "\f06a"
}

.uk-icon-gift:before {
    content: "\f06b"
}

.uk-icon-leaf:before {
    content: "\f06c"
}

.uk-icon-fire:before {
    content: "\f06d"
}

.uk-icon-eye:before {
    content: "\f06e"
}

.uk-icon-eye-slash:before {
    content: "\f070"
}

.uk-icon-exclamation-triangle:before,
.uk-icon-warning:before {
    content: "\f071"
}

.uk-icon-plane:before {
    content: "\f072"
}

.uk-icon-calendar:before {
    content: "\f073"
}

.uk-icon-random:before {
    content: "\f074"
}

.uk-icon-comment:before {
    content: "\f075"
}

.uk-icon-magnet:before {
    content: "\f076"
}

.uk-icon-chevron-up:before {
    content: "\f077"
}

.uk-icon-chevron-down:before {
    content: "\f078"
}

.uk-icon-retweet:before {
    content: "\f079"
}

.uk-icon-shopping-cart:before {
    content: "\f07a"
}

.uk-icon-folder:before {
    content: "\f07b"
}

.uk-icon-folder-open:before {
    content: "\f07c"
}

.uk-icon-arrows-v:before {
    content: "\f07d"
}

.uk-icon-arrows-h:before {
    content: "\f07e"
}

.uk-icon-bar-chart-o:before,
.uk-icon-bar-chart:before {
    content: "\f080"
}

.uk-icon-twitter-square:before {
    content: "\f081"
}

.uk-icon-facebook-square:before {
    content: "\f082"
}

.uk-icon-camera-retro:before {
    content: "\f083"
}

.uk-icon-key:before {
    content: "\f084"
}

.uk-icon-cogs:before,
.uk-icon-gears:before {
    content: "\f085"
}

.uk-icon-comments:before {
    content: "\f086"
}

.uk-icon-thumbs-o-up:before {
    content: "\f087"
}

.uk-icon-thumbs-o-down:before {
    content: "\f088"
}

.uk-icon-star-half:before {
    content: "\f089"
}

.uk-icon-heart-o:before {
    content: "\f08a"
}

.uk-icon-sign-out:before {
    content: "\f08b"
}

.uk-icon-linkedin-square:before {
    content: "\f08c"
}

.uk-icon-thumb-tack:before {
    content: "\f08d"
}

.uk-icon-external-link:before {
    content: "\f08e"
}

.uk-icon-sign-in:before {
    content: "\f090"
}

.uk-icon-trophy:before {
    content: "\f091"
}

.uk-icon-github-square:before {
    content: "\f092"
}

.uk-icon-upload:before {
    content: "\f093"
}

.uk-icon-lemon-o:before {
    content: "\f094"
}

.uk-icon-phone:before {
    content: "\f095"
}

.uk-icon-square-o:before {
    content: "\f096"
}

.uk-icon-bookmark-o:before {
    content: "\f097"
}

.uk-icon-phone-square:before {
    content: "\f098"
}

.uk-icon-twitter:before {
    content: "\f099"
}

.uk-icon-facebook-f:before,
.uk-icon-facebook:before {
    content: "\f09a"
}

.uk-icon-github:before {
    content: "\f09b"
}

.uk-icon-unlock:before {
    content: "\f09c"
}

.uk-icon-credit-card:before {
    content: "\f09d"
}

.uk-icon-rss:before {
    content: "\f09e"
}

.uk-icon-hdd-o:before {
    content: "\f0a0"
}

.uk-icon-bullhorn:before {
    content: "\f0a1"
}

.uk-icon-bell:before {
    content: "\f0f3"
}

.uk-icon-certificate:before {
    content: "\f0a3"
}

.uk-icon-hand-o-right:before {
    content: "\f0a4"
}

.uk-icon-hand-o-left:before {
    content: "\f0a5"
}

.uk-icon-hand-o-up:before {
    content: "\f0a6"
}

.uk-icon-hand-o-down:before {
    content: "\f0a7"
}

.uk-icon-arrow-circle-left:before {
    content: "\f0a8"
}

.uk-icon-arrow-circle-right:before {
    content: "\f0a9"
}

.uk-icon-arrow-circle-up:before {
    content: "\f0aa"
}

.uk-icon-arrow-circle-down:before {
    content: "\f0ab"
}

.uk-icon-globe:before {
    content: "\f0ac"
}

.uk-icon-wrench:before {
    content: "\f0ad"
}

.uk-icon-tasks:before {
    content: "\f0ae"
}

.uk-icon-filter:before {
    content: "\f0b0"
}

.uk-icon-briefcase:before {
    content: "\f0b1"
}

.uk-icon-arrows-alt:before {
    content: "\f0b2"
}

.uk-icon-group:before,
.uk-icon-users:before {
    content: "\f0c0"
}

.uk-icon-chain:before,
.uk-icon-link:before {
    content: "\f0c1"
}

.uk-icon-cloud:before {
    content: "\f0c2"
}

.uk-icon-flask:before {
    content: "\f0c3"
}

.uk-icon-cut:before,
.uk-icon-scissors:before {
    content: "\f0c4"
}

.uk-icon-copy:before,
.uk-icon-files-o:before {
    content: "\f0c5"
}

.uk-icon-paperclip:before {
    content: "\f0c6"
}

.uk-icon-floppy-o:before,
.uk-icon-save:before {
    content: "\f0c7"
}

.uk-icon-square:before {
    content: "\f0c8"
}

.uk-icon-bars:before,
.uk-icon-navicon:before,
.uk-icon-reorder:before {
    content: "\f0c9"
}

.uk-icon-list-ul:before {
    content: "\f0ca"
}

.uk-icon-list-ol:before {
    content: "\f0cb"
}

.uk-icon-strikethrough:before {
    content: "\f0cc"
}

.uk-icon-underline:before {
    content: "\f0cd"
}

.uk-icon-table:before {
    content: "\f0ce"
}

.uk-icon-magic:before {
    content: "\f0d0"
}

.uk-icon-truck:before {
    content: "\f0d1"
}

.uk-icon-pinterest:before {
    content: "\f0d2"
}

.uk-icon-pinterest-square:before {
    content: "\f0d3"
}

.uk-icon-google-plus-square:before {
    content: "\f0d4"
}

.uk-icon-google-plus:before {
    content: "\f0d5"
}

.uk-icon-money:before {
    content: "\f0d6"
}

.uk-icon-caret-down:before {
    content: "\f0d7"
}

.uk-icon-caret-up:before {
    content: "\f0d8"
}

.uk-icon-caret-left:before {
    content: "\f0d9"
}

.uk-icon-caret-right:before {
    content: "\f0da"
}

.uk-icon-columns:before {
    content: "\f0db"
}

.uk-icon-sort:before,
.uk-icon-unsorted:before {
    content: "\f0dc"
}

.uk-icon-sort-desc:before,
.uk-icon-sort-down:before {
    content: "\f0dd"
}

.uk-icon-sort-asc:before,
.uk-icon-sort-up:before {
    content: "\f0de"
}

.uk-icon-envelope:before {
    content: "\f0e0"
}

.uk-icon-linkedin:before {
    content: "\f0e1"
}

.uk-icon-rotate-left:before,
.uk-icon-undo:before {
    content: "\f0e2"
}

.uk-icon-gavel:before,
.uk-icon-legal:before {
    content: "\f0e3"
}

.uk-icon-dashboard:before,
.uk-icon-tachometer:before {
    content: "\f0e4"
}

.uk-icon-comment-o:before {
    content: "\f0e5"
}

.uk-icon-comments-o:before {
    content: "\f0e6"
}

.uk-icon-bolt:before,
.uk-icon-flash:before {
    content: "\f0e7"
}

.uk-icon-sitemap:before {
    content: "\f0e8"
}

.uk-icon-umbrella:before {
    content: "\f0e9"
}

.uk-icon-clipboard:before,
.uk-icon-paste:before {
    content: "\f0ea"
}

.uk-icon-lightbulb-o:before {
    content: "\f0eb"
}

.uk-icon-exchange:before {
    content: "\f0ec"
}

.uk-icon-cloud-download:before {
    content: "\f0ed"
}

.uk-icon-cloud-upload:before {
    content: "\f0ee"
}

.uk-icon-user-md:before {
    content: "\f0f0"
}

.uk-icon-stethoscope:before {
    content: "\f0f1"
}

.uk-icon-suitcase:before {
    content: "\f0f2"
}

.uk-icon-bell-o:before {
    content: "\f0a2"
}

.uk-icon-coffee:before {
    content: "\f0f4"
}

.uk-icon-cutlery:before {
    content: "\f0f5"
}

.uk-icon-file-text-o:before {
    content: "\f0f6"
}

.uk-icon-building-o:before {
    content: "\f0f7"
}

.uk-icon-hospital-o:before {
    content: "\f0f8"
}

.uk-icon-ambulance:before {
    content: "\f0f9"
}

.uk-icon-medkit:before {
    content: "\f0fa"
}

.uk-icon-fighter-jet:before {
    content: "\f0fb"
}

.uk-icon-beer:before {
    content: "\f0fc"
}

.uk-icon-h-square:before {
    content: "\f0fd"
}

.uk-icon-plus-square:before {
    content: "\f0fe"
}

.uk-icon-angle-double-left:before {
    content: "\f100"
}

.uk-icon-angle-double-right:before {
    content: "\f101"
}

.uk-icon-angle-double-up:before {
    content: "\f102"
}

.uk-icon-angle-double-down:before {
    content: "\f103"
}

.uk-icon-angle-left:before {
    content: "\f104"
}

.uk-icon-angle-right:before {
    content: "\f105"
}

.uk-icon-angle-up:before {
    content: "\f106"
}

.uk-icon-angle-down:before {
    content: "\f107"
}

.uk-icon-desktop:before {
    content: "\f108"
}

.uk-icon-laptop:before {
    content: "\f109"
}

.uk-icon-tablet:before {
    content: "\f10a"
}

.uk-icon-mobile-phone:before,
.uk-icon-mobile:before {
    content: "\f10b"
}

.uk-icon-circle-o:before {
    content: "\f10c"
}

.uk-icon-quote-left:before {
    content: "\f10d"
}

.uk-icon-quote-right:before {
    content: "\f10e"
}

.uk-icon-spinner:before,
.uk-modal-spinner:after {
    content: "\f110"
}

.uk-icon-circle:before {
    content: "\f111"
}

.uk-icon-mail-reply:before,
.uk-icon-reply:before {
    content: "\f112"
}

.uk-icon-github-alt:before {
    content: "\f113"
}

.uk-icon-folder-o:before {
    content: "\f114"
}

.uk-icon-folder-open-o:before {
    content: "\f115"
}

.uk-icon-smile-o:before {
    content: "\f118"
}

.uk-icon-frown-o:before {
    content: "\f119"
}

.uk-icon-meh-o:before {
    content: "\f11a"
}

.uk-icon-gamepad:before {
    content: "\f11b"
}

.uk-icon-keyboard-o:before {
    content: "\f11c"
}

.uk-icon-flag-o:before {
    content: "\f11d"
}

.uk-icon-flag-checkered:before {
    content: "\f11e"
}

.uk-icon-terminal:before {
    content: "\f120"
}

.uk-icon-code:before {
    content: "\f121"
}

.uk-icon-mail-reply-all:before,
.uk-icon-reply-all:before {
    content: "\f122"
}

.uk-icon-star-half-empty:before,
.uk-icon-star-half-full:before,
.uk-icon-star-half-o:before {
    content: "\f123"
}

.uk-icon-location-arrow:before {
    content: "\f124"
}

.uk-icon-crop:before {
    content: "\f125"
}

.uk-icon-code-fork:before {
    content: "\f126"
}

.uk-icon-chain-broken:before,
.uk-icon-unlink:before {
    content: "\f127"
}

.uk-icon-question:before {
    content: "\f128"
}

.uk-icon-info:before {
    content: "\f129"
}

.uk-icon-exclamation:before {
    content: "\f12a"
}

.uk-icon-superscript:before {
    content: "\f12b"
}

.uk-icon-subscript:before {
    content: "\f12c"
}

.uk-icon-eraser:before {
    content: "\f12d"
}

.uk-icon-puzzle-piece:before {
    content: "\f12e"
}

.uk-icon-microphone:before {
    content: "\f130"
}

.uk-icon-microphone-slash:before {
    content: "\f131"
}

.uk-icon-shield:before {
    content: "\f132"
}

.uk-icon-calendar-o:before {
    content: "\f133"
}

.uk-icon-fire-extinguisher:before {
    content: "\f134"
}

.uk-icon-rocket:before {
    content: "\f135"
}

.uk-icon-maxcdn:before {
    content: "\f136"
}

.uk-icon-chevron-circle-left:before {
    content: "\f137"
}

.uk-icon-chevron-circle-right:before {
    content: "\f138"
}

.uk-icon-chevron-circle-up:before {
    content: "\f139"
}

.uk-icon-chevron-circle-down:before {
    content: "\f13a"
}

.uk-icon-html5:before {
    content: "\f13b"
}

.uk-icon-css3:before {
    content: "\f13c"
}

.uk-icon-anchor:before {
    content: "\f13d"
}

.uk-icon-unlock-alt:before {
    content: "\f13e"
}

.uk-icon-bullseye:before {
    content: "\f140"
}

.uk-icon-ellipsis-h:before {
    content: "\f141"
}

.uk-icon-ellipsis-v:before {
    content: "\f142"
}

.uk-icon-rss-square:before {
    content: "\f143"
}

.uk-icon-play-circle:before {
    content: "\f144"
}

.uk-icon-ticket:before {
    content: "\f145"
}

.uk-icon-minus-square:before {
    content: "\f146"
}

.uk-icon-minus-square-o:before {
    content: "\f147"
}

.uk-icon-level-up:before {
    content: "\f148"
}

.uk-icon-level-down:before {
    content: "\f149"
}

.uk-icon-check-square:before {
    content: "\f14a"
}

.uk-icon-pencil-square:before {
    content: "\f14b"
}

.uk-icon-external-link-square:before {
    content: "\f14c"
}

.uk-icon-share-square:before {
    content: "\f14d"
}

.uk-icon-compass:before {
    content: "\f14e"
}

.uk-icon-caret-square-o-down:before,
.uk-icon-toggle-down:before {
    content: "\f150"
}

.uk-icon-caret-square-o-up:before,
.uk-icon-toggle-up:before {
    content: "\f151"
}

.uk-icon-caret-square-o-right:before,
.uk-icon-toggle-right:before {
    content: "\f152"
}

.uk-icon-eur:before,
.uk-icon-euro:before {
    content: "\f153"
}

.uk-icon-gbp:before {
    content: "\f154"
}

.uk-icon-dollar:before,
.uk-icon-usd:before {
    content: "\f155"
}

.uk-icon-inr:before,
.uk-icon-rupee:before {
    content: "\f156"
}

.uk-icon-cny:before,
.uk-icon-jpy:before,
.uk-icon-rmb:before,
.uk-icon-yen:before {
    content: "\f157"
}

.uk-icon-rouble:before,
.uk-icon-rub:before,
.uk-icon-ruble:before {
    content: "\f158"
}

.uk-icon-krw:before,
.uk-icon-won:before {
    content: "\f159"
}

.uk-icon-bitcoin:before,
.uk-icon-btc:before {
    content: "\f15a"
}

.uk-icon-file:before {
    content: "\f15b"
}

.uk-icon-file-text:before {
    content: "\f15c"
}

.uk-icon-sort-alpha-asc:before {
    content: "\f15d"
}

.uk-icon-sort-alpha-desc:before {
    content: "\f15e"
}

.uk-icon-sort-amount-asc:before {
    content: "\f160"
}

.uk-icon-sort-amount-desc:before {
    content: "\f161"
}

.uk-icon-sort-numeric-asc:before {
    content: "\f162"
}

.uk-icon-sort-numeric-desc:before {
    content: "\f163"
}

.uk-icon-thumbs-up:before {
    content: "\f164"
}

.uk-icon-thumbs-down:before {
    content: "\f165"
}

.uk-icon-youtube-square:before {
    content: "\f166"
}

.uk-icon-youtube:before {
    content: "\f167"
}

.uk-icon-xing:before {
    content: "\f168"
}

.uk-icon-xing-square:before {
    content: "\f169"
}

.uk-icon-youtube-play:before {
    content: "\f16a"
}

.uk-icon-dropbox:before {
    content: "\f16b"
}

.uk-icon-stack-overflow:before {
    content: "\f16c"
}

.uk-icon-instagram:before {
    content: "\f16d"
}

.uk-icon-flickr:before {
    content: "\f16e"
}

.uk-icon-adn:before {
    content: "\f170"
}

.uk-icon-bitbucket:before {
    content: "\f171"
}

.uk-icon-bitbucket-square:before {
    content: "\f172"
}

.uk-icon-tumblr:before {
    content: "\f173"
}

.uk-icon-tumblr-square:before {
    content: "\f174"
}

.uk-icon-long-arrow-down:before {
    content: "\f175"
}

.uk-icon-long-arrow-up:before {
    content: "\f176"
}

.uk-icon-long-arrow-left:before {
    content: "\f177"
}

.uk-icon-long-arrow-right:before {
    content: "\f178"
}

.uk-icon-apple:before {
    content: "\f179"
}

.uk-icon-windows:before {
    content: "\f17a"
}

.uk-icon-android:before {
    content: "\f17b"
}

.uk-icon-linux:before {
    content: "\f17c"
}

.uk-icon-dribbble:before {
    content: "\f17d"
}

.uk-icon-skype:before {
    content: "\f17e"
}

.uk-icon-foursquare:before {
    content: "\f180"
}

.uk-icon-trello:before {
    content: "\f181"
}

.uk-icon-female:before {
    content: "\f182"
}

.uk-icon-male:before {
    content: "\f183"
}

.uk-icon-gittip:before,
.uk-icon-gratipay:before {
    content: "\f184"
}

.uk-icon-sun-o:before {
    content: "\f185"
}

.uk-icon-moon-o:before {
    content: "\f186"
}

.uk-icon-archive:before {
    content: "\f187"
}

.uk-icon-bug:before {
    content: "\f188"
}

.uk-icon-vk:before {
    content: "\f189"
}

.uk-icon-weibo:before {
    content: "\f18a"
}

.uk-icon-renren:before {
    content: "\f18b"
}

.uk-icon-pagelines:before {
    content: "\f18c"
}

.uk-icon-stack-exchange:before {
    content: "\f18d"
}

.uk-icon-arrow-circle-o-right:before {
    content: "\f18e"
}

.uk-icon-arrow-circle-o-left:before {
    content: "\f190"
}

.uk-icon-caret-square-o-left:before,
.uk-icon-toggle-left:before {
    content: "\f191"
}

.uk-icon-dot-circle-o:before {
    content: "\f192"
}

.uk-icon-wheelchair:before {
    content: "\f193"
}

.uk-icon-vimeo-square:before {
    content: "\f194"
}

.uk-icon-try:before,
.uk-icon-turkish-lira:before {
    content: "\f195"
}

.uk-icon-plus-square-o:before {
    content: "\f196"
}

.uk-icon-space-shuttle:before {
    content: "\f197"
}

.uk-icon-slack:before {
    content: "\f198"
}

.uk-icon-envelope-square:before {
    content: "\f199"
}

.uk-icon-wordpress:before {
    content: "\f19a"
}

.uk-icon-openid:before {
    content: "\f19b"
}

.uk-icon-bank:before,
.uk-icon-institution:before,
.uk-icon-university:before {
    content: "\f19c"
}

.uk-icon-graduation-cap:before,
.uk-icon-mortar-board:before {
    content: "\f19d"
}

.uk-icon-yahoo:before {
    content: "\f19e"
}

.uk-icon-google:before {
    content: "\f1a0"
}

.uk-icon-reddit:before {
    content: "\f1a1"
}

.uk-icon-reddit-square:before {
    content: "\f1a2"
}

.uk-icon-stumbleupon-circle:before {
    content: "\f1a3"
}

.uk-icon-stumbleupon:before {
    content: "\f1a4"
}

.uk-icon-delicious:before {
    content: "\f1a5"
}

.uk-icon-digg:before {
    content: "\f1a6"
}

.uk-icon-pied-piper:before {
    content: "\f1a7"
}

.uk-icon-pied-piper-alt:before {
    content: "\f1a8"
}

.uk-icon-drupal:before {
    content: "\f1a9"
}

.uk-icon-joomla:before {
    content: "\f1aa"
}

.uk-icon-language:before {
    content: "\f1ab"
}

.uk-icon-fax:before {
    content: "\f1ac"
}

.uk-icon-building:before {
    content: "\f1ad"
}

.uk-icon-child:before {
    content: "\f1ae"
}

.uk-icon-paw:before {
    content: "\f1b0"
}

.uk-icon-spoon:before {
    content: "\f1b1"
}

.uk-icon-cube:before {
    content: "\f1b2"
}

.uk-icon-cubes:before {
    content: "\f1b3"
}

.uk-icon-behance:before {
    content: "\f1b4"
}

.uk-icon-behance-square:before {
    content: "\f1b5"
}

.uk-icon-steam:before {
    content: "\f1b6"
}

.uk-icon-steam-square:before {
    content: "\f1b7"
}

.uk-icon-recycle:before {
    content: "\f1b8"
}

.uk-icon-automobile:before,
.uk-icon-car:before {
    content: "\f1b9"
}

.uk-icon-cab:before,
.uk-icon-taxi:before {
    content: "\f1ba"
}

.uk-icon-tree:before {
    content: "\f1bb"
}

.uk-icon-spotify:before {
    content: "\f1bc"
}

.uk-icon-deviantart:before {
    content: "\f1bd"
}

.uk-icon-soundcloud:before {
    content: "\f1be"
}

.uk-icon-database:before {
    content: "\f1c0"
}

.uk-icon-file-pdf-o:before {
    content: "\f1c1"
}

.uk-icon-file-word-o:before {
    content: "\f1c2"
}

.uk-icon-file-excel-o:before {
    content: "\f1c3"
}

.uk-icon-file-powerpoint-o:before {
    content: "\f1c4"
}

.uk-icon-file-image-o:before,
.uk-icon-file-photo-o:before,
.uk-icon-file-picture-o:before {
    content: "\f1c5"
}

.uk-icon-file-archive-o:before,
.uk-icon-file-zip-o:before {
    content: "\f1c6"
}

.uk-icon-file-audio-o:before,
.uk-icon-file-sound-o:before {
    content: "\f1c7"
}

.uk-icon-file-movie-o:before,
.uk-icon-file-video-o:before {
    content: "\f1c8"
}

.uk-icon-file-code-o:before {
    content: "\f1c9"
}

.uk-icon-vine:before {
    content: "\f1ca"
}

.uk-icon-codepen:before {
    content: "\f1cb"
}

.uk-icon-jsfiddle:before {
    content: "\f1cc"
}

.uk-icon-life-bouy:before,
.uk-icon-life-buoy:before,
.uk-icon-life-ring:before,
.uk-icon-life-saver:before,
.uk-icon-support:before {
    content: "\f1cd"
}

.uk-icon-circle-o-notch:before {
    content: "\f1ce"
}

.uk-icon-ra:before,
.uk-icon-rebel:before {
    content: "\f1d0"
}

.uk-icon-empire:before,
.uk-icon-ge:before {
    content: "\f1d1"
}

.uk-icon-git-square:before {
    content: "\f1d2"
}

.uk-icon-git:before {
    content: "\f1d3"
}

.uk-icon-hacker-news:before {
    content: "\f1d4"
}

.uk-icon-tencent-weibo:before {
    content: "\f1d5"
}

.uk-icon-qq:before {
    content: "\f1d6"
}

.uk-icon-wechat:before,
.uk-icon-weixin:before {
    content: "\f1d7"
}

.uk-icon-paper-plane:before,
.uk-icon-send:before {
    content: "\f1d8"
}

.uk-icon-paper-plane-o:before,
.uk-icon-send-o:before {
    content: "\f1d9"
}

.uk-icon-history:before {
    content: "\f1da"
}

.uk-icon-circle-thin:before,
.uk-icon-genderless:before {
    content: "\f1db"
}

.uk-icon-header:before {
    content: "\f1dc"
}

.uk-icon-paragraph:before {
    content: "\f1dd"
}

.uk-icon-sliders:before {
    content: "\f1de"
}

.uk-icon-share-alt:before {
    content: "\f1e0"
}

.uk-icon-share-alt-square:before {
    content: "\f1e1"
}

.uk-icon-bomb:before {
    content: "\f1e2"
}

.uk-icon-futbol-o:before,
.uk-icon-soccer-ball-o:before {
    content: "\f1e3"
}

.uk-icon-tty:before {
    content: "\f1e4"
}

.uk-icon-binoculars:before {
    content: "\f1e5"
}

.uk-icon-plug:before {
    content: "\f1e6"
}

.uk-icon-slideshare:before {
    content: "\f1e7"
}

.uk-icon-twitch:before {
    content: "\f1e8"
}

.uk-icon-yelp:before {
    content: "\f1e9"
}

.uk-icon-newspaper-o:before {
    content: "\f1ea"
}

.uk-icon-wifi:before {
    content: "\f1eb"
}

.uk-icon-calculator:before {
    content: "\f1ec"
}

.uk-icon-paypal:before {
    content: "\f1ed"
}

.uk-icon-google-wallet:before {
    content: "\f1ee"
}

.uk-icon-cc-visa:before {
    content: "\f1f0"
}

.uk-icon-cc-mastercard:before {
    content: "\f1f1"
}

.uk-icon-cc-discover:before {
    content: "\f1f2"
}

.uk-icon-cc-amex:before {
    content: "\f1f3"
}

.uk-icon-cc-paypal:before {
    content: "\f1f4"
}

.uk-icon-cc-stripe:before {
    content: "\f1f5"
}

.uk-icon-bell-slash:before {
    content: "\f1f6"
}

.uk-icon-bell-slash-o:before {
    content: "\f1f7"
}

.uk-icon-trash:before {
    content: "\f1f8"
}

.uk-icon-copyright:before {
    content: "\f1f9"
}

.uk-icon-at:before {
    content: "\f1fa"
}

.uk-icon-eyedropper:before {
    content: "\f1fb"
}

.uk-icon-paint-brush:before {
    content: "\f1fc"
}

.uk-icon-birthday-cake:before {
    content: "\f1fd"
}

.uk-icon-area-chart:before {
    content: "\f1fe"
}

.uk-icon-pie-chart:before {
    content: "\f200"
}

.uk-icon-line-chart:before {
    content: "\f201"
}

.uk-icon-lastfm:before {
    content: "\f202"
}

.uk-icon-lastfm-square:before {
    content: "\f203"
}

.uk-icon-toggle-off:before {
    content: "\f204"
}

.uk-icon-toggle-on:before {
    content: "\f205"
}

.uk-icon-bicycle:before {
    content: "\f206"
}

.uk-icon-bus:before {
    content: "\f207"
}

.uk-icon-ioxhost:before {
    content: "\f208"
}

.uk-icon-angellist:before {
    content: "\f209"
}

.uk-icon-cc:before {
    content: "\f20a"
}

.uk-icon-ils:before,
.uk-icon-shekel:before,
.uk-icon-sheqel:before {
    content: "\f20b"
}

.uk-icon-meanpath:before {
    content: "\f20c"
}

.uk-icon-buysellads:before {
    content: "\f20d"
}

.uk-icon-connectdevelop:before {
    content: "\f20e"
}

.uk-icon-dashcube:before {
    content: "\f210"
}

.uk-icon-forumbee:before {
    content: "\f211"
}

.uk-icon-leanpub:before {
    content: "\f212"
}

.uk-icon-sellsy:before {
    content: "\f213"
}

.uk-icon-shirtsinbulk:before {
    content: "\f214"
}

.uk-icon-simplybuilt:before {
    content: "\f215"
}

.uk-icon-skyatlas:before {
    content: "\f216"
}

.uk-icon-cart-plus:before {
    content: "\f217"
}

.uk-icon-cart-arrow-down:before {
    content: "\f218"
}

.uk-icon-diamond:before {
    content: "\f219"
}

.uk-icon-ship:before {
    content: "\f21a"
}

.uk-icon-user-secret:before {
    content: "\f21b"
}

.uk-icon-motorcycle:before {
    content: "\f21c"
}

.uk-icon-street-view:before {
    content: "\f21d"
}

.uk-icon-heartbeat:before {
    content: "\f21e"
}

.uk-icon-venus:before {
    content: "\f221"
}

.uk-icon-mars:before {
    content: "\f222"
}

.uk-icon-mercury:before {
    content: "\f223"
}

.uk-icon-transgender:before {
    content: "\f224"
}

.uk-icon-transgender-alt:before {
    content: "\f225"
}

.uk-icon-venus-double:before {
    content: "\f226"
}

.uk-icon-mars-double:before {
    content: "\f227"
}

.uk-icon-venus-mars:before {
    content: "\f228"
}

.uk-icon-mars-stroke:before {
    content: "\f229"
}

.uk-icon-mars-stroke-v:before {
    content: "\f22a"
}

.uk-icon-mars-stroke-h:before {
    content: "\f22b"
}

.uk-icon-neuter:before {
    content: "\f22c"
}

.uk-icon-facebook-official:before {
    content: "\f230"
}

.uk-icon-pinterest-p:before {
    content: "\f231"
}

.uk-icon-whatsapp:before {
    content: "\f232"
}

.uk-icon-server:before {
    content: "\f233"
}

.uk-icon-user-plus:before {
    content: "\f234"
}

.uk-icon-user-times:before {
    content: "\f235"
}

.uk-icon-bed:before,
.uk-icon-hotel:before {
    content: "\f236"
}

.uk-icon-viacoin:before {
    content: "\f237"
}

.uk-icon-train:before {
    content: "\f238"
}

.uk-icon-subway:before {
    content: "\f239"
}

.uk-icon-medium-logo:before {
    content: "\f23a"
}

.uk-icon-500px:before {
    content: "\f26e"
}

.uk-icon-amazon:before {
    content: "\f270"
}

.uk-icon-balance-scale:before {
    content: "\f24e"
}

.uk-icon-battery-0:before,
.uk-icon-battery-empty:before {
    content: "\f244"
}

.uk-icon-battery-1:before,
.uk-icon-battery-quarter:before {
    content: "\f243"
}

.uk-icon-battery-2:before,
.uk-icon-battery-half:before {
    content: "\f242"
}

.uk-icon-battery-3:before,
.uk-icon-battery-three-quarters:before {
    content: "\f241"
}

.uk-icon-battery-4:before,
.uk-icon-battery-full:before {
    content: "\f240"
}

.uk-icon-black-tie:before {
    content: "\f27e"
}

.uk-icon-calendar-check-o:before {
    content: "\f274"
}

.uk-icon-calendar-minus-o:before {
    content: "\f272"
}

.uk-icon-calendar-plus-o:before {
    content: "\f271"
}

.uk-icon-calendar-times-o:before {
    content: "\f273"
}

.uk-icon-cc-diners-club:before {
    content: "\f24c"
}

.uk-icon-cc-jcb:before {
    content: "\f24b"
}

.uk-icon-chrome:before {
    content: "\f268"
}

.uk-icon-clone:before {
    content: "\f24d"
}

.uk-icon-commenting:before {
    content: "\f27a"
}

.uk-icon-commenting-o:before {
    content: "\f27b"
}

.uk-icon-contao:before {
    content: "\f26d"
}

.uk-icon-creative-commons:before {
    content: "\f25e"
}

.uk-icon-expeditedssl:before {
    content: "\f23e"
}

.uk-icon-firefox:before {
    content: "\f269"
}

.uk-icon-fonticons:before {
    content: "\f280"
}

.uk-icon-get-pocket:before {
    content: "\f265"
}

.uk-icon-gg:before {
    content: "\f260"
}

.uk-icon-gg-circle:before {
    content: "\f261"
}

.uk-icon-hand-lizard-o:before {
    content: "\f258"
}

.uk-icon-hand-paper-o:before,
.uk-icon-hand-stop-o:before {
    content: "\f256"
}

.uk-icon-hand-peace-o:before {
    content: "\f25b"
}

.uk-icon-hand-pointer-o:before {
    content: "\f25a"
}

.uk-icon-hand-grab-o:before,
.uk-icon-hand-rock-o:before {
    content: "\f255"
}

.uk-icon-hand-scissors-o:before {
    content: "\f257"
}

.uk-icon-hand-spock-o:before {
    content: "\f259"
}

.uk-icon-hourglass:before {
    content: "\f254"
}

.uk-icon-hourglass-o:before {
    content: "\f250"
}

.uk-icon-hourglass-1:before,
.uk-icon-hourglass-start:before {
    content: "\f251"
}

.uk-icon-hourglass-2:before,
.uk-icon-hourglass-half:before {
    content: "\f252"
}

.uk-icon-hourglass-3:before,
.uk-icon-hourglass-end:before {
    content: "\f253"
}

.uk-icon-houzz:before {
    content: "\f27c"
}

.uk-icon-i-cursor:before {
    content: "\f246"
}

.uk-icon-industry:before {
    content: "\f275"
}

.uk-icon-internet-explorer:before {
    content: "\f26b"
}

.uk-icon-map:before {
    content: "\f279"
}

.uk-icon-map-o:before {
    content: "\f278"
}

.uk-icon-map-pin:before {
    content: "\f276"
}

.uk-icon-map-signs:before {
    content: "\f277"
}

.uk-icon-mouse-pointer:before {
    content: "\f245"
}

.uk-icon-object-group:before {
    content: "\f247"
}

.uk-icon-object-ungroup:before {
    content: "\f248"
}

.uk-icon-odnoklassniki:before {
    content: "\f263"
}

.uk-icon-odnoklassniki-square:before {
    content: "\f264"
}

.uk-icon-opencart:before {
    content: "\f23d"
}

.uk-icon-opera:before {
    content: "\f26a"
}

.uk-icon-optin-monster:before {
    content: "\f23c"
}

.uk-icon-registered:before {
    content: "\f25d"
}

.uk-icon-safari:before {
    content: "\f267"
}

.uk-icon-sticky-note:before {
    content: "\f249"
}

.uk-icon-sticky-note-o:before {
    content: "\f24a"
}

.uk-icon-television:before,
.uk-icon-tv:before {
    content: "\f26c"
}

.uk-icon-trademark:before {
    content: "\f25c"
}

.uk-icon-tripadvisor:before {
    content: "\f262"
}

.uk-icon-vimeo:before {
    content: "\f27d"
}

.uk-icon-wikipedia-w:before {
    content: "\f266"
}

.uk-icon-y-combinator:before,
.uk-icon-yc:before {
    content: "\f23b"
}

.uk-icon-y-combinator-square:before,
.uk-icon-yc-square:before {
    content: "\f1d4"
}

.uk-icon-bluetooth:before {
    content: "\f293"
}

.uk-icon-bluetooth-b:before {
    content: "\f294"
}

.uk-icon-codiepie:before {
    content: "\f284"
}

.uk-icon-credit-card-alt:before {
    content: "\f283"
}

.uk-icon-edge:before {
    content: "\f282"
}

.uk-icon-fort-awesome:before {
    content: "\f286"
}

.uk-icon-hashtag:before {
    content: "\f292"
}

.uk-icon-mixcloud:before {
    content: "\f289"
}

.uk-icon-modx:before {
    content: "\f285"
}

.uk-icon-pause-circle:before {
    content: "\f28b"
}

.uk-icon-pause-circle-o:before {
    content: "\f28c"
}

.uk-icon-percent:before {
    content: "\f295"
}

.uk-icon-product-hunt:before {
    content: "\f288"
}

.uk-icon-reddit-alien:before {
    content: "\f281"
}

.uk-icon-scribd:before {
    content: "\f28a"
}

.uk-icon-shopping-bag:before {
    content: "\f290"
}

.uk-icon-shopping-basket:before {
    content: "\f291"
}

.uk-icon-stop-circle:before {
    content: "\f28d"
}

.uk-icon-stop-circle-o:before {
    content: "\f28e"
}

.uk-icon-usb:before {
    content: "\f287"
}

.uk-icon-american-sign-language-interpreting:before,
.uk-icon-asl-interpreting:before {
    content: "\f2a3"
}

.uk-icon-assistive-listening-systems:before {
    content: "\f2a2"
}

.uk-icon-audio-description:before {
    content: "\f29e"
}

.uk-icon-blind:before {
    content: "\f29d"
}

.uk-icon-braille:before {
    content: "\f2a1"
}

.uk-icon-deaf:before,
.uk-icon-deafness:before {
    content: "\f2a4"
}

.uk-icon-envira:before {
    content: "\f299"
}

.uk-icon-gitlab:before {
    content: "\f296"
}

.uk-icon-glide:before {
    content: "\f2a5"
}

.uk-icon-glide-g:before {
    content: "\f2a6"
}

.uk-icon-hard-of-hearing:before {
    content: "\f2a4"
}

.uk-icon-low-vision:before {
    content: "\f2a8"
}

.uk-icon-question-circle-o:before {
    content: "\f29c"
}

.uk-icon-sign-language:before,
.uk-icon-signing:before {
    content: "\f2a7"
}

.uk-icon-snapchat:before {
    content: "\f2ab"
}

.uk-icon-snapchat-ghost:before {
    content: "\f2ac"
}

.uk-icon-snapchat-square:before {
    content: "\f2ad"
}

.uk-icon-universal-access:before {
    content: "\f29a"
}

.uk-icon-viadeo:before {
    content: "\f2a9"
}

.uk-icon-viadeo-square:before {
    content: "\f2aa"
}

.uk-icon-volume-control-phone:before {
    content: "\f2a0"
}

.uk-icon-wheelchair-alt:before {
    content: "\f29b"
}

.uk-icon-wpbeginner:before {
    content: "\f297"
}

.uk-icon-wpforms:before {
    content: "\f298"
}

.uk-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-close {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background: 0 0;
    box-sizing: content-box;
    width: 20px;
    line-height: 20px;
    opacity: .3
}

.uk-border-circle,
.uk-close-alt,
.uk-dotnav>*>* {
    border-radius: 50%
}

.uk-badge-notification,
.uk-container,
.uk-dropdown,
.uk-dropdown-blank,
.uk-modal-dialog,
.uk-overlay-area-content,
.uk-responsive-height,
.uk-responsive-width,
.uk-scrollable-box,
.uk-thumbnail,
[class*=uk-height] {
    box-sizing: border-box
}

.uk-close:after {
    display: block;
    font-family: FontAwesome
}

.uk-close:focus,
.uk-close:hover {
    opacity: .5;
    outline: 0;
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.uk-badge,
a.uk-badge:hover {
    color: #fff
}

.uk-close-alt {
    padding: 2px;
    background: #eee;
    opacity: 1
}

.uk-close-alt:focus,
.uk-close-alt:hover {
    opacity: 1
}

.uk-close-alt:after {
    opacity: .5
}

.uk-close-alt:focus:after,
.uk-close-alt:hover:after {
    opacity: .8
}

.uk-badge {
    display: inline-block;
    padding: 0 5px;
    background: #00a8e6;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: none
}

.uk-badge-notification {
    min-width: 18px;
    border-radius: 500px;
    font-size: 12px;
    line-height: 18px
}

.uk-badge-success {
    background-color: #8cc14c
}

.uk-badge-warning {
    background-color: #faa732
}

.uk-badge-danger {
    background-color: #da314b
}

.uk-alert {
    margin-bottom: 15px;
    padding: 10px;
    background: #ebf7fd;
    color: #2d7091
}

.uk-alert>:last-child,
.uk-overlay-area-content>:last-child,
.uk-overlay-panel.uk-flex>*>:last-child,
.uk-overlay-panel>:last-child,
.uk-overlay>:first-child {
    margin-bottom: 0
}

*+.uk-alert {
    margin-top: 15px
}

.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
    color: inherit
}

.uk-alert>.uk-close:first-child {
    float: right
}

.uk-alert>.uk-close:first-child+* {
    margin-top: 0
}

.uk-alert-success {
    background: #f2fae3;
    color: #659f13
}

.uk-alert-warning {
    background: #fffceb;
    color: #e28327
}

.uk-alert-danger {
    background: #fff1f0;
    color: #d85030
}

.uk-alert-large {
    padding: 20px
}

.uk-alert-large>.uk-close:first-child {
    margin: -10px -10px 0 0
}

.uk-thumbnail {
    display: inline-block;
    max-width: 100%;
    margin: 0;
    padding: 4px;
    border: 1px solid #ddd;
    background: #fff
}

a.uk-thumbnail:focus,
a.uk-thumbnail:hover {
    border-color: #aaa;
    background-color: #fff;
    text-decoration: none;
    outline: 0
}

.uk-thumbnail-caption {
    padding-top: 4px;
    color: #444
}

.uk-thumbnail-mini {
    width: 150px
}

.uk-thumbnail-small {
    width: 200px
}

.uk-thumbnail-medium {
    width: 300px
}

.uk-thumbnail-large {
    width: 400px
}

.uk-thumbnail-expand,
.uk-thumbnail-expand>img {
    width: 100%
}

.uk-overlay {
    display: inline-block;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    margin: 0
}

.uk-overlay-area:empty:before,
.uk-overlay-icon:before {
    content: "\f002";
    height: 50px;
    margin-top: -25px;
    font-size: 50px;
    font-family: FontAwesome;
    line-height: 1;
    text-align: center
}

.uk-overlay.uk-border-circle {
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}

.uk-overlay-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    color: #fff
}

.uk-overlay-panel h1,
.uk-overlay-panel h2,
.uk-overlay-panel h3,
.uk-overlay-panel h4,
.uk-overlay-panel h5,
.uk-overlay-panel h6 {
    color: inherit
}

.uk-overlay-panel a:not([class]) {
    color: inherit;
    text-decoration: underline
}

.uk-overlay-panel a[class*=uk-icon-]:not(.uk-icon-button) {
    color: inherit
}

.uk-overlay-active :not(.uk-active)>.uk-overlay-panel:not(.uk-ignore),
.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
    opacity: 0
}

.uk-overlay-background {
    background: rgba(0, 0, 0, .5)
}

.uk-overlay-image {
    padding: 0
}

.uk-overlay-top {
    bottom: auto
}

.uk-overlay-bottom {
    top: auto
}

.uk-overlay-left {
    right: auto
}

.uk-overlay-right {
    left: auto
}

.uk-overlay-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    margin-left: -25px;
    color: #fff
}

.uk-overlay-blur,
.uk-overlay-fade,
.uk-overlay-grayscale,
.uk-overlay-scale,
.uk-overlay-spin,
[class*=uk-overlay-slide] {
    transition-duration: .3s;
    transition-timing-function: ease-out;
    transition-property: opacity, transform, filter
}

.uk-overlay-active .uk-overlay-fade,
.uk-overlay-active .uk-overlay-scale,
.uk-overlay-active .uk-overlay-spin,
.uk-overlay-active [class*=uk-overlay-slide] {
    transition-duration: .8s
}

.uk-modal,
.uk-overlay-area,
.uk-overlay-caption {
    right: 0;
    bottom: 0;
    transition: opacity .15s linear
}

.uk-overlay-fade {
    opacity: .7
}

.uk-overlay-active .uk-active>.uk-overlay-fade,
.uk-overlay-hover.uk-hover .uk-overlay-fade,
.uk-overlay-hover:hover .uk-overlay-fade {
    opacity: 1
}

.uk-overlay-scale {
    transform: scale(1)
}

.uk-overlay-active .uk-active>.uk-overlay-scale,
.uk-overlay-hover.uk-hover .uk-overlay-scale,
.uk-overlay-hover:hover .uk-overlay-scale {
    transform: scale(1.1)
}

.uk-overlay-spin {
    transform: scale(1) rotate(0)
}

.uk-overlay-active .uk-active>.uk-overlay-spin,
.uk-overlay-hover.uk-hover .uk-overlay-spin,
.uk-overlay-hover:hover .uk-overlay-spin {
    transform: scale(1.1) rotate(3deg)
}

.uk-overlay-grayscale {
    filter: grayscale(100%)
}

.uk-overlay-active .uk-active>.uk-overlay-grayscale,
.uk-overlay-hover.uk-hover .uk-overlay-grayscale,
.uk-overlay-hover:hover .uk-overlay-grayscale {
    filter: grayscale(0)
}

[class*=uk-overlay-slide] {
    opacity: 0
}

.uk-overlay-slide-top {
    transform: translateY(-100%)
}

.uk-overlay-slide-bottom {
    transform: translateY(100%)
}

.uk-overlay-slide-left {
    transform: translateX(-100%)
}

.uk-overlay-slide-right {
    transform: translateX(100%)
}

.uk-overlay-active .uk-active>[class*=uk-overlay-slide],
.uk-overlay-hover.uk-hover [class*=uk-overlay-slide],
.uk-overlay-hover:hover [class*=uk-overlay-slide] {
    opacity: 1;
    transform: translateX(0) translateY(0)
}

.uk-overlay-area {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0)
}

.uk-overlay-toggle.uk-hover .uk-overlay-area,
.uk-overlay-toggle:hover .uk-overlay-area,
.uk-overlay.uk-hover .uk-overlay-area,
.uk-overlay:hover .uk-overlay-area {
    opacity: 1
}

.uk-overlay-area:empty:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    margin-left: -25px;
    color: #fff
}

.ui.buttons,
.uk-overlay-area:not(:empty),
.uk-vertical-align {
    font-size: 0
}

.uk-overlay-area:not(:empty):before {
    content: '';
    display: inline-block;
    height: 100%
}

.uk-overlay-area-content {
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    text-align: center;
    padding: 0 15px;
    color: #fff
}

.uk-overlay-area-content a:not([class]),
.uk-overlay-area-content a:not([class]):hover {
    color: inherit
}

.uk-overlay-caption {
    position: absolute;
    left: 0;
    padding: 15px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0)
}

.uk-overlay-toggle.uk-hover .uk-overlay-caption,
.uk-overlay-toggle:hover .uk-overlay-caption,
.uk-overlay.uk-hover .uk-overlay-caption,
.uk-overlay:hover .uk-overlay-caption {
    opacity: 1
}

[class*=uk-column-] {
    column-gap: 25px
}

.uk-column-1-2 {
    column-count: 2
}

.uk-column-1-3 {
    column-count: 3
}

.uk-column-1-4 {
    column-count: 4
}

.uk-column-1-5 {
    column-count: 5
}

.uk-column-1-6 {
    column-count: 6
}

@media (min-width:480px) {
    .uk-column-small-1-2 {
        column-count: 2
    }

    .uk-column-small-1-3 {
        column-count: 3
    }

    .uk-column-small-1-4 {
        column-count: 4
    }

    .uk-column-small-1-5 {
        column-count: 5
    }

    .uk-column-small-1-6 {
        column-count: 6
    }
}

@media (min-width:768px) {
    .uk-column-medium-1-2 {
        column-count: 2
    }

    .uk-column-medium-1-3 {
        column-count: 3
    }

    .uk-column-medium-1-4 {
        column-count: 4
    }

    .uk-column-medium-1-5 {
        column-count: 5
    }

    .uk-column-medium-1-6 {
        column-count: 6
    }
}

@media (min-width:1080px) {
    .uk-column-large-1-2 {
        column-count: 2
    }

    .uk-column-large-1-3 {
        column-count: 3
    }

    .uk-column-large-1-4 {
        column-count: 4
    }

    .uk-column-large-1-5 {
        column-count: 5
    }

    .uk-column-large-1-6 {
        column-count: 6
    }
}

[class*=uk-animation-] {
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

@media screen {
    [data-uk-scrollspy*=uk-animation-]:not([data-uk-scrollspy*=target]) {
        opacity: 0
    }
}

.uk-animation-fade {
    animation-name: uk-fade;
    animation-timing-function: linear !important
}

.uk-animation-scale-up {
    animation-name: uk-fade-scale-02
}

.uk-animation-scale-down {
    animation-name: uk-fade-scale-18
}

.uk-animation-slide-top {
    animation-name: uk-fade-top
}

.uk-animation-slide-bottom {
    animation-name: uk-fade-bottom
}

.uk-animation-slide-left {
    animation-name: uk-fade-left
}

.uk-animation-slide-right {
    animation-name: uk-fade-right
}

.uk-animation-scale {
    animation-name: uk-scale-12
}

.uk-animation-shake {
    animation-name: uk-shake
}

.uk-animation-reverse {
    animation-direction: reverse;
    animation-timing-function: ease-in
}

.uk-animation-15 {
    animation-duration: 15s
}

.uk-animation-top-left {
    transform-origin: 0 0
}

.uk-animation-top-center {
    transform-origin: 50% 0
}

.uk-animation-top-right {
    transform-origin: 100% 0
}

.uk-animation-middle-left {
    transform-origin: 0 50%
}

.uk-animation-middle-right {
    transform-origin: 100% 50%
}

.uk-animation-bottom-left {
    transform-origin: 0 100%
}

.uk-animation-bottom-center {
    transform-origin: 50% 100%
}

.uk-animation-bottom-right {
    transform-origin: 100% 100%
}

.uk-animation-hover:not(:hover),
.uk-animation-hover:not(:hover) [class*=uk-animation-],
.uk-touch .uk-animation-hover:not(.uk-hover),
.uk-touch .uk-animation-hover:not(.uk-hover) [class*=uk-animation-] {
    animation-name: none
}

@keyframes uk-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes uk-fade-top {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes uk-fade-left {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes uk-fade-right {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes uk-fade-scale-15 {
    0% {
        opacity: 0;
        transform: scale(1.5)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        transform: scale(1.8)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes uk-slide-left {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-right {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-left-33 {
    0% {
        transform: translateX(33%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-slide-right-33 {
    0% {
        transform: translateX(-33%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes uk-scale-12 {
    0% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes uk-rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

@keyframes uk-shake {

    0%,
    100% {
        transform: translateX(0)
    }

    10% {
        transform: translateX(-9px)
    }

    20% {
        transform: translateX(8px)
    }

    30% {
        transform: translateX(-7px)
    }

    40% {
        transform: translateX(6px)
    }

    50% {
        transform: translateX(-5px)
    }

    60% {
        transform: translateX(4px)
    }

    70% {
        transform: translateX(-3px)
    }

    80% {
        transform: translateX(2px)
    }

    90% {
        transform: translateX(-1px)
    }
}

@keyframes uk-slide-top-fixed {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes uk-slide-bottom-fixed {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.uk-dropdown,
.uk-dropdown-blank {
    display: none;
    position: absolute;
    z-index: 970;
    width: 200px
}

.uk-dropdown {
    padding: 15px;
    background: #f5f5f5;
    color: #444;
    font-size: 1rem;
    vertical-align: top;
    border: 1px solid #ddd;
    border-radius: 4px
}

.uk-open>.uk-dropdown,
.uk-open>.uk-dropdown-blank {
    display: block;
    animation: uk-fade .2s ease-in-out;
    transform-origin: 0 0
}

.uk-dropdown-top {
    margin-top: -5px
}

.uk-dropdown-bottom {
    margin-top: 5px
}

.uk-dropdown-left {
    margin-left: -5px
}

.uk-dropdown-right {
    margin-left: 5px
}

.uk-dropdown .uk-nav {
    margin: 0 -15px
}

.uk-dropdown-grid>[class*=uk-width-]>.uk-panel+.uk-panel,
.uk-dropdown-stack>.uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2),
.uk-grid .uk-dropdown-grid+.uk-dropdown-grid {
    margin-top: 15px
}

@media (min-width:768px) {
    .uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid {
        margin-left: -15px;
        margin-right: -15px
    }

    .uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid>[class*=uk-width-] {
        padding-left: 15px;
        padding-right: 15px
    }

    .uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) {
        border-left: 1px solid #ddd
    }

    .uk-dropdown-width-2:not(.uk-dropdown-stack) {
        width: 400px
    }

    .uk-dropdown-width-3:not(.uk-dropdown-stack) {
        width: 600px
    }

    .uk-dropdown-width-4:not(.uk-dropdown-stack) {
        width: 800px
    }

    .uk-dropdown-width-5:not(.uk-dropdown-stack) {
        width: 1000px
    }
}

@media (max-width:767px) {
    .uk-dropdown-grid>[class*=uk-width-] {
        width: 100%
    }

    .uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) {
        margin-top: 15px
    }
}

.uk-dropdown-stack>.uk-dropdown-grid>[class*=uk-width-] {
    width: 100%
}

.uk-dropdown-small {
    min-width: 150px;
    width: auto;
    padding: 5px;
    white-space: nowrap
}

.uk-dropdown-small .uk-nav {
    margin: 0 -5px
}

.uk-dropdown-navbar {
    margin-top: 0;
    background: #f5f5f5;
    color: #444;
    left: -1px
}

.uk-open>.uk-dropdown-navbar {
    animation: uk-slide-top-fixed .2s ease-in-out
}

.uk-dropdown-scrollable {
    overflow-y: auto;
    max-height: 200px
}

.uk-dropdown-navbar.uk-dropdown-flip {
    left: auto
}

.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    -ms-touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    transform: translateZ(0)
}

.uk-modal-caption,
.uk-modal-page,
.uk-modal-page body,
.uk-nbfc,
.uk-text-truncate {
    overflow: hidden
}

.uk-modal.uk-open {
    opacity: 1
}

.uk-modal-dialog {
    position: relative;
    margin: 50px auto;
    padding: 20px;
    width: 600px;
    max-width: 100%;
    max-width: calc(100% - 20px);
    background: #fff;
    opacity: 0;
    transform: translateY(-100px);
    transition: opacity .3s linear, transform .3s ease-out;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

@media (max-width:767px) {
    .uk-modal-dialog {
        width: auto;
        margin: 10px auto
    }
}

.uk-open .uk-modal-dialog {
    opacity: 1;
    transform: translateY(0)
}

.uk-modal-dialog>:not([class*=uk-modal-]):last-child {
    margin-bottom: 0
}

.uk-modal-dialog>.uk-close:first-child {
    margin: -10px -10px 0 0;
    float: right
}

.uk-modal-dialog>.uk-close:first-child+:not([class*=uk-modal-]) {
    margin-top: 0
}

.uk-modal-dialog-lightbox {
    margin: 15px auto;
    padding: 0;
    max-width: 95%;
    max-width: calc(100% - 30px);
    min-height: 50px;
    border-radius: 0
}

.uk-modal-dialog-lightbox>.uk-close:first-child {
    position: absolute;
    top: -12px;
    right: -12px;
    margin: 0;
    float: none
}

@media (max-width:767px) {
    .uk-modal-dialog-lightbox>.uk-close:first-child {
        top: -7px;
        right: -7px
    }
}

.uk-modal-dialog-blank {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    transition: opacity .3s linear
}

.uk-modal-dialog-blank>.uk-close:first-child {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    margin: 0;
    float: none
}

@media (min-width:768px) {
    .uk-modal-dialog-large {
        width: 930px
    }
}

@media (min-width:1420px) {
    .uk-column-xlarge-1-2 {
        column-count: 2
    }

    .uk-column-xlarge-1-3 {
        column-count: 3
    }

    .uk-column-xlarge-1-4 {
        column-count: 4
    }

    .uk-column-xlarge-1-5 {
        column-count: 5
    }

    .uk-column-xlarge-1-6 {
        column-count: 6
    }

    .uk-modal-dialog-large {
        width: 1130px
    }
}

.uk-modal-header {
    margin: -20px -20px 15px;
    padding: 20px;
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    background: #fafafa
}

.panel,
.panel .button-panel,
.uk-modal-footer {
    border-radius: 0 0 4px 4px
}

.uk-modal-footer {
    margin: 15px -20px -20px;
    padding: 20px;
    border-top: 1px solid #ddd;
    background: #fafafa
}

.uk-modal-footer>:last-child,
.uk-modal-header>:last-child {
    margin-bottom: 0
}

.uk-modal-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin-bottom: -10px;
    color: #fff;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.uk-modal-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 25px;
    color: #ddd
}

.uk-modal-spinner:after {
    display: block;
    font-family: FontAwesome;
    animation: uk-rotate 2s infinite linear
}

.uk-clearfix:after,
.uk-clearfix:before,
.uk-container:after,
.uk-container:before {
    content: ""
}

.uk-offcanvas {
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    -ms-touch-action: none;
    touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.uk-offcanvas.uk-active {
    display: block
}

.uk-offcanvas-page {
    position: fixed;
    transition: margin-left .3s ease-in-out
}

.uk-offcanvas-bar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    z-index: 1001;
    width: 270px;
    max-width: 100%;
    background: #333;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: transform .3s ease-in-out;
    -ms-scroll-chaining: none
}

.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
    transform: translateX(0)
}

.uk-offcanvas-bar-flip {
    left: auto;
    right: 0;
    transform: translateX(100%)
}

.uk-offcanvas .uk-panel {
    margin: 20px 15px;
    color: #777
}

.uk-offcanvas .uk-panel a:not([class]),
.uk-offcanvas .uk-panel-title {
    color: #ccc
}

.uk-offcanvas .uk-panel a:not([class]):hover {
    color: #fff
}

.uk-switcher {
    margin: 0;
    padding: 0;
    list-style: none;
    -ms-touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom
}

.uk-switcher>:not(.uk-active) {
    display: none
}

.uk-text-small {
    font-size: 11px;
    line-height: 16px
}

.uk-text-large {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.uk-text-bold {
    font-weight: 700
}

.uk-text-muted {
    color: #999 !important
}

.uk-text-primary {
    color: #2d7091 !important
}

.uk-text-success {
    color: #659f13 !important
}

.uk-text-warning {
    color: #e28327 !important
}

.uk-text-danger {
    color: #d85030 !important
}

.uk-text-contrast {
    color: #fff !important
}

.uk-text-left {
    text-align: left !important
}

.uk-text-right {
    text-align: right !important
}

.uk-text-center {
    text-align: center !important
}

.uk-text-justify {
    text-align: justify !important
}

.uk-text-top {
    vertical-align: top !important
}

.uk-text-middle {
    vertical-align: middle !important
}

.uk-text-bottom {
    vertical-align: bottom !important
}

@media (max-width:1079px) {
    .uk-text-center-medium {
        text-align: center !important
    }

    .uk-text-left-medium {
        text-align: left !important
    }
}

.uk-text-nowrap {
    white-space: nowrap
}

.uk-text-truncate {
    text-overflow: ellipsis;
    white-space: nowrap
}

.uk-text-break {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.uk-container {
    max-width: 1080px;
    padding: 0 25px
}

@media (min-width:1420px) {
    .uk-container {
        max-width: 1420px;
        padding: 0 40px
    }
}

.uk-container:after,
.uk-container:before {
    display: table
}

.uk-container-center {
    margin-left: auto;
    margin-right: auto
}

.uk-clearfix:before {
    display: table-cell
}

.uk-clearfix:after {
    display: table
}

.uk-nbfc-alt {
    display: table-cell;
    width: 10000px
}

.uk-float-left {
    float: left
}

.uk-float-right {
    float: right
}

[class*=uk-float-] {
    max-width: 100%
}

[class*=uk-align-] {
    display: block;
    margin-bottom: 15px
}

.uk-align-left {
    margin-right: 15px;
    float: left
}

.uk-align-right {
    margin-left: 15px;
    float: right
}

@media (min-width:768px) {
    .uk-align-medium-left {
        margin-right: 15px;
        float: left
    }

    .uk-align-medium-right {
        margin-left: 15px;
        float: right
    }
}

.uk-align-center {
    margin-left: auto;
    margin-right: auto
}

.uk-vertical-align:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.uk-vertical-align-bottom,
.uk-vertical-align-middle {
    display: inline-block;
    max-width: 100%;
    font-size: 1rem
}

.uk-vertical-align-middle {
    vertical-align: middle
}

.uk-vertical-align-bottom {
    vertical-align: bottom
}

.uk-height-1-1 {
    height: 100%
}

.uk-height-viewport {
    height: 100vh;
    min-height: 600px
}

.uk-responsive-width {
    max-width: 100% !important;
    height: auto
}

.uk-responsive-height {
    max-height: 100%;
    width: auto
}

.uk-margin {
    margin-bottom: 15px
}

*+.uk-margin {
    margin-top: 15px
}

.uk-margin-top {
    margin-top: 15px !important
}

.uk-margin-bottom {
    margin-bottom: 15px !important
}

.uk-margin-left {
    margin-left: 15px !important
}

.uk-margin-right {
    margin-right: 15px !important
}

.uk-margin-large {
    margin-bottom: 50px
}

*+.uk-margin-large {
    margin-top: 50px
}

.uk-margin-large-top {
    margin-top: 50px !important
}

.uk-margin-large-bottom {
    margin-bottom: 50px !important
}

.uk-margin-large-left {
    margin-left: 50px !important
}

.uk-margin-large-right {
    margin-right: 50px !important
}

.uk-margin-small {
    margin-bottom: 5px
}

*+.uk-margin-small {
    margin-top: 5px
}

.uk-margin-small-top {
    margin-top: 5px !important
}

.uk-margin-small-bottom {
    margin-bottom: 5px !important
}

.uk-margin-small-left {
    margin-left: 5px !important
}

.uk-margin-small-right {
    margin-right: 5px !important
}

.uk-margin-remove {
    margin: 0 !important
}

.uk-margin-top-remove {
    margin-top: 0 !important
}

.uk-margin-bottom-remove {
    margin-bottom: 0 !important
}

.uk-overflow-container>:last-child,
.uk-scrollable-box>:last-child {
    margin-bottom: 0
}

.uk-padding-remove {
    padding: 0 !important
}

.uk-padding-top-remove {
    padding-top: 0 !important
}

.uk-padding-bottom-remove {
    padding-bottom: 0 !important
}

.uk-padding-vertical-remove {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.uk-border-rounded {
    border-radius: 5px
}

.uk-heading-large {
    font-size: 36px;
    line-height: 42px
}

.uk-link-muted,
.uk-link-muted a,
.uk-link-muted a:hover,
.uk-link-muted:hover {
    color: #444
}

.uk-link-reset,
.uk-link-reset a,
.uk-link-reset a:focus,
.uk-link-reset a:hover,
.uk-link-reset:focus,
.uk-link-reset:hover {
    color: inherit;
    text-decoration: none
}

.uk-scrollable-text {
    height: 300px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    resize: both
}

.uk-scrollable-box {
    height: 170px;
    padding: 10px;
    border: 1px solid #ddd;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    resize: both
}

.uk-overflow-hidden {
    overflow: hidden
}

.uk-overflow-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.uk-position-absolute,
[class*=uk-position-top],
[class*=uk-position-bottom] {
    position: absolute !important
}

.uk-position-top {
    top: 0;
    left: 0;
    right: 0
}

.uk-position-bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-top-left {
    top: 0;
    left: 0
}

.uk-position-top-right {
    top: 0;
    right: 0
}

.uk-position-bottom-left {
    bottom: 0;
    left: 0
}

.uk-position-bottom-right {
    bottom: 0;
    right: 0
}

.uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-relative {
    position: relative !important
}

.uk-position-z-index {
    z-index: 1
}

.uk-display-block {
    display: block !important
}

.uk-display-inline {
    display: inline !important
}

.uk-display-inline-block {
    display: inline-block !important;
    max-width: 100%
}

@media (min-width:1080px) {

    .uk-hidden-large,
    .uk-visible-medium,
    .uk-visible-small {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:1079px) {

    .uk-hidden-medium,
    .uk-visible-large,
    .uk-visible-small {
        display: none !important
    }
}

@media (max-width:767px) {
    .uk-text-center-small {
        text-align: center !important
    }

    .uk-text-left-small {
        text-align: left !important
    }

    .uk-hidden-small,
    .uk-visible-large,
    .uk-visible-medium {
        display: none !important
    }
}

.uk-hidden {
    display: none !important;
    visibility: hidden !important
}

.uk-invisible {
    visibility: hidden !important
}

.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
    display: block !important;
    visibility: visible !important
}

.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
    display: inline-block !important;
    visibility: visible !important
}

.uk-notouch .uk-hidden-notouch,
.uk-touch .uk-hidden-touch {
    display: none !important
}

.uk-flex {
    display: -ms-flexbox;
    display: flex
}

.ui.input,
.uk-flex-inline {
    display: -ms-inline-flexbox
}

.uk-flex-inline {
    display: inline-flex
}

.uk-flex-inline>*,
.uk-flex>* {
    -ms-flex-negative: 1
}

.uk-flex-top {
    -ms-flex-align: start;
    align-items: flex-start
}

.uk-flex-middle {
    -ms-flex-align: center;
    align-items: center
}

.uk-flex-bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.uk-flex-center {
    -ms-flex-pack: center;
    justify-content: center
}

.uk-flex-right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.uk-flex-space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uk-flex-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.uk-flex-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.uk-flex-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.uk-flex-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.uk-flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.uk-flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uk-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.uk-flex-wrap-top {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.uk-flex-wrap-middle {
    -ms-flex-line-pack: center;
    align-content: center
}

.uk-flex-wrap-bottom {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.uk-flex-wrap-space-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.uk-flex-wrap-space-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.uk-flex-order-first {
    -ms-flex-order: -1;
    order: -1
}

.uk-flex-order-last {
    -ms-flex-order: 99;
    order: 99
}

@media (min-width:480px) {
    .uk-flex-order-first-small {
        -ms-flex-order: -1;
        order: -1
    }

    .uk-flex-order-last-small {
        -ms-flex-order: 99;
        order: 99
    }
}

@media (min-width:768px) {
    .uk-heading-large {
        font-size: 55px;
        line-height: 60px
    }

    .uk-flex-order-first-medium {
        -ms-flex-order: -1;
        order: -1
    }

    .uk-flex-order-last-medium {
        -ms-flex-order: 99;
        order: 99
    }
}

@media (min-width:1080px) {
    .uk-flex-order-first-large {
        -ms-flex-order: -1;
        order: -1
    }

    .uk-flex-order-last-large {
        -ms-flex-order: 99;
        order: 99
    }
}

@media (min-width:1420px) {
    .uk-flex-order-first-xlarge {
        -ms-flex-order: -1;
        order: -1
    }

    .uk-flex-order-last-xlarge {
        -ms-flex-order: 99;
        order: 99
    }
}

.uk-flex-item-none {
    -ms-flex: none;
    flex: none
}

.uk-flex-item-auto {
    -ms-flex: auto;
    flex: auto;
    -ms-flex-negative: 1
}

.uk-flex-item-1 {
    -ms-flex: 1;
    flex: 1
}

.uk-contrast {
    color: #fff
}

.uk-contrast .uk-link,
.uk-contrast a:not([class]) {
    color: rgba(255, 255, 255, .7);
    text-decoration: none
}

.uk-contrast .uk-link:hover,
.uk-contrast a:not([class]):hover {
    color: #fff;
    text-decoration: underline
}

.uk-contrast :not(pre)>code,
.uk-contrast :not(pre)>kbd,
.uk-contrast :not(pre)>samp,
.uk-contrast em,
.uk-contrast h1,
.uk-contrast h2,
.uk-contrast h3,
.uk-contrast h4,
.uk-contrast h5,
.uk-contrast h6 {
    color: #fff
}

.uk-contrast hr {
    border-top-color: rgba(255, 255, 255, .2)
}

.uk-contrast .uk-nav li>a,
.uk-contrast .uk-nav li>a:hover {
    text-decoration: none
}

.uk-contrast .uk-nav-side>li>a {
    color: #fff
}

.uk-contrast .uk-nav-side>li>a:focus,
.uk-contrast .uk-nav-side>li>a:hover {
    background: rgba(255, 255, 255, .1);
    color: #fff
}

.uk-contrast .uk-nav-side>li.uk-active>a {
    background: #fff;
    color: #444
}

.uk-contrast .uk-nav-side .uk-nav-header {
    color: #fff
}

.uk-contrast .uk-nav-side .uk-nav-divider {
    border-top-color: rgba(255, 255, 255, .2)
}

.uk-contrast .uk-nav-side ul a {
    color: rgba(255, 255, 255, .7)
}

.uk-contrast .uk-nav-side ul a:hover {
    color: #fff
}

.uk-contrast .uk-subnav>*>a {
    color: rgba(255, 255, 255, .7);
    text-decoration: none
}

.uk-contrast .uk-subnav>*>a:focus,
.uk-contrast .uk-subnav>*>a:hover {
    color: #fff;
    text-decoration: none
}

.uk-contrast .uk-subnav>.uk-active>a {
    color: #fff
}

.uk-contrast .uk-subnav-line>:nth-child(n+2):before {
    border-left-color: rgba(255, 255, 255, .2)
}

.uk-contrast .uk-subnav-pill>*>a:focus,
.uk-contrast .uk-subnav-pill>*>a:hover {
    background: rgba(255, 255, 255, .7);
    color: #444;
    text-decoration: none
}

.uk-contrast .uk-subnav-pill>.uk-active>a {
    background: #fff;
    color: #444
}

.uk-contrast .uk-tab {
    border-bottom-color: rgba(255, 255, 255, .2)
}

.uk-contrast .uk-tab>li>a {
    border-color: transparent;
    color: rgba(255, 255, 255, .7)
}

.uk-contrast .uk-tab>li.uk-open>a,
.uk-contrast .uk-tab>li>a:focus,
.uk-contrast .uk-tab>li>a:hover {
    border-color: rgba(255, 255, 255, .7);
    background: rgba(255, 255, 255, .7);
    color: #444;
    text-decoration: none
}

.uk-contrast .uk-tab>li.uk-active>a {
    border-color: rgba(255, 255, 255, .2);
    border-bottom-color: transparent;
    background: #fff;
    color: #444
}

.uk-contrast .uk-tab-center {
    border-bottom-color: rgba(255, 255, 255, .2)
}

.uk-contrast .uk-list-line>li:nth-child(n+2),
.uk-contrast .uk-tab-grid:before {
    border-top-color: rgba(255, 255, 255, .2)
}

.uk-contrast .uk-form input:not([type]),
.uk-contrast .uk-form input[type=text],
.uk-contrast .uk-form input[type=password],
.uk-contrast .uk-form input[type=email],
.uk-contrast .uk-form input[type=url],
.uk-contrast .uk-form input[type=search],
.uk-contrast .uk-form input[type=tel],
.uk-contrast .uk-form input[type=number],
.uk-contrast .uk-form input[type=datetime],
.uk-contrast .uk-form input[type=datetime-local],
.uk-contrast .uk-form input[type=date],
.uk-contrast .uk-form input[type=month],
.uk-contrast .uk-form input[type=time],
.uk-contrast .uk-form input[type=week],
.uk-contrast .uk-form input[type=color],
.uk-contrast .uk-form select,
.uk-contrast .uk-form textarea {
    border-color: rgba(255, 255, 255, .8);
    background: rgba(255, 255, 255, .8);
    color: #444;
    background-clip: padding-box
}

.uk-contrast .uk-form input:not([type]):focus,
.uk-contrast .uk-form input[type=text]:focus,
.uk-contrast .uk-form input[type=password]:focus,
.uk-contrast .uk-form input[type=email]:focus,
.uk-contrast .uk-form input[type=url]:focus,
.uk-contrast .uk-form input[type=search]:focus,
.uk-contrast .uk-form input[type=tel]:focus,
.uk-contrast .uk-form input[type=number]:focus,
.uk-contrast .uk-form input[type=datetime]:focus,
.uk-contrast .uk-form input[type=datetime-local]:focus,
.uk-contrast .uk-form input[type=date]:focus,
.uk-contrast .uk-form input[type=month]:focus,
.uk-contrast .uk-form input[type=time]:focus,
.uk-contrast .uk-form input[type=week]:focus,
.uk-contrast .uk-form input[type=color]:focus,
.uk-contrast .uk-form select:focus,
.uk-contrast .uk-form textarea:focus {
    border-color: #fff;
    background: #fff;
    color: #444
}

.uk-contrast .uk-form :-ms-input-placeholder {
    color: rgba(68, 68, 68, .7) !important
}

.uk-contrast .uk-form ::-moz-placeholder {
    color: rgba(68, 68, 68, .7)
}

.uk-contrast .uk-form ::-webkit-input-placeholder {
    color: rgba(68, 68, 68, .7)
}

.uk-contrast .uk-button {
    color: #444;
    background: #fff
}

.uk-contrast .uk-button:focus,
.uk-contrast .uk-button:hover {
    background-color: rgba(255, 255, 255, .8);
    color: #444
}

.uk-contrast .uk-button.uk-active,
.uk-contrast .uk-button:active {
    background-color: rgba(255, 255, 255, .7);
    color: #444
}

.uk-contrast .uk-button-primary {
    background-color: #0079c2;
    color: #fff
}

.uk-contrast .uk-button-primary:focus,
.uk-contrast .uk-button-primary:hover {
    background-color: #35b3ee;
    color: #fff
}

.uk-contrast .uk-button-primary.uk-active,
.uk-contrast .uk-button-primary:active {
    background-color: #0091ca;
    color: #fff
}

.ui.dropdown .menu,
.ui.selection.dropdown {
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15)
}

.uk-contrast .uk-icon-hover {
    color: rgba(255, 255, 255, .7)
}

.uk-contrast .uk-icon-hover:hover {
    color: #fff
}

.uk-contrast .uk-icon-button {
    background: #fff;
    color: #444
}

.uk-contrast .uk-icon-button:focus,
.uk-contrast .uk-icon-button:hover {
    background-color: rgba(255, 255, 255, .8);
    color: #444
}

.uk-contrast .uk-icon-button:active {
    background-color: rgba(255, 255, 255, .7);
    color: #444
}

.uk-contrast .uk-text-muted {
    color: rgba(255, 255, 255, .6) !important
}

.uk-contrast .uk-text-primary {
    color: #2d7091 !important
}

@media print {

    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }

    *,
    :after,
    :before {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    blockquote,
    pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

.uk-autocomplete {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle
}

.uk-dropdown-flip {
    left: auto;
    right: 0
}

.uk-nav-autocomplete>li>a {
    color: #444
}

.uk-nav-autocomplete>li.uk-active>a {
    background: #00a8e6;
    color: #fff;
    outline: 0
}

.uk-nav-autocomplete .uk-nav-header {
    color: #999
}

.uk-nav-autocomplete .uk-nav-divider {
    border-top: 1px solid #ddd
}

.uk-datepicker {
    z-index: 1050;
    width: auto;
    animation: uk-fade .2s ease-in-out;
    transform-origin: 0 0
}

.uk-datepicker-nav {
    margin-bottom: 15px;
    text-align: center;
    line-height: 20px
}

.uk-datepicker-nav:after,
.uk-datepicker-nav:before {
    content: "";
    display: table
}

.uk-datepicker-nav a {
    color: #444;
    text-decoration: none
}

.uk-datepicker-nav a:hover {
    color: #444
}

.uk-datepicker-previous {
    float: left
}

.uk-datepicker-next {
    float: right
}

.uk-datepicker-next:after,
.uk-datepicker-previous:after {
    width: 20px;
    font-family: FontAwesome
}

.uk-datepicker-previous:after {
    content: "\f053"
}

.uk-datepicker-next:after {
    content: "\f054"
}

.uk-datepicker-table {
    width: 100%
}

.uk-datepicker-table td,
.uk-datepicker-table th {
    padding: 2px
}

.uk-datepicker-table th {
    font-size: 12px
}

.uk-datepicker-table a {
    display: block;
    width: 26px;
    line-height: 24px;
    text-align: center;
    color: #444;
    text-decoration: none
}

a.uk-datepicker-table-muted {
    color: #999
}

.uk-datepicker-table a:focus,
.uk-datepicker-table a:hover {
    background-color: #ddd;
    color: #444;
    outline: 0
}

.uk-datepicker-table a:active {
    background-color: #ccc;
    color: #444
}

.uk-datepicker-table a.uk-active {
    background: #00a8e6;
    color: #fff
}

.uk-dotnav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0
}

.uk-dotnav>* {
    -ms-flex: none;
    flex: none;
    padding-left: 10px;
    margin-top: 10px;
    float: left
}

.uk-dotnav:after,
.uk-dotnav:before {
    content: "";
    display: block;
    overflow: hidden
}

.uk-dotnav>*>* {
    display: block;
    box-sizing: content-box;
    width: 15px;
    height: 15px;
    background: rgba(50, 50, 50, .1);
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap
}

.ui.fluid.labels>.label,
.ui.form input,
.ui.form textarea,
.ui.label.fluid,
.ui.selection.dropdown,
.uk-notify,
.uk-search-field,
.uk-slidenav,
[data-uk-sticky].uk-active {
    box-sizing: border-box
}

.uk-dotnav>*>:focus,
.uk-dotnav>*>:hover {
    background: rgba(50, 50, 50, .4);
    outline: 0
}

.uk-dotnav>*>:active {
    background: rgba(50, 50, 50, .6)
}

.uk-dotnav>.uk-active>* {
    background: rgba(50, 50, 50, .4)
}

.uk-dotnav-contrast>*>* {
    background: rgba(255, 255, 255, .4)
}

.uk-dotnav-contrast>*>:focus,
.uk-dotnav-contrast>*>:hover {
    background: rgba(255, 255, 255, .7)
}

.uk-dotnav-contrast>*>:active,
.uk-dotnav-contrast>.uk-active>* {
    background: rgba(255, 255, 255, .9)
}

.uk-dotnav-vertical {
    -ms-flex-direction: column;
    flex-direction: column
}

.uk-dotnav-vertical>* {
    float: none
}

.uk-notify {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1040;
    width: 350px
}

.uk-notify-bottom-right,
.uk-notify-top-right {
    left: auto;
    right: 10px
}

.uk-notify-bottom-center,
.uk-notify-top-center {
    left: 50%;
    margin-left: -175px
}

.uk-notify-bottom-center,
.uk-notify-bottom-left,
.uk-notify-bottom-right {
    top: auto;
    bottom: 10px
}

@media (max-width:479px) {
    .uk-notify {
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0
    }
}

.uk-notify-message {
    position: relative;
    margin-bottom: 10px;
    padding: 15px;
    background: #444;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer
}

.uk-notify-message>.uk-close {
    visibility: hidden;
    float: right
}

.uk-notify-message:hover>.uk-close,
select.ui.dropdown {
    visibility: visible
}

.uk-notify-message-primary {
    background: #ebf7fd;
    color: #2d7091
}

.uk-notify-message-success {
    background: #f2fae3;
    color: #659f13
}

.uk-notify-message-warning {
    background: #fffceb;
    color: #e28327
}

.uk-notify-message-danger {
    background: #fff1f0;
    color: #d85030
}

.uk-slidenav {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: rgba(50, 50, 50, .4);
    font-size: 60px;
    text-align: center
}

.uk-slider-fullscreen,
.uk-slider-fullscreen>li,
.uk-slideshow-fullscreen,
.uk-slideshow-fullscreen>li {
    height: 100vh
}

.uk-slidenav:focus,
.uk-slidenav:hover {
    outline: 0;
    text-decoration: none;
    color: rgba(50, 50, 50, .7);
    cursor: pointer
}

.uk-slidenav:active {
    color: rgba(50, 50, 50, .9)
}

.uk-slidenav-previous:before {
    content: "\f104";
    font-family: FontAwesome
}

.uk-slidenav-next:before {
    content: "\f105";
    font-family: FontAwesome
}

.uk-slidenav-position {
    position: relative
}

.uk-slidenav-position .uk-slidenav {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top: -30px
}

.uk-slidenav-position:hover .uk-slidenav {
    display: block
}

.uk-slidenav-position .uk-slidenav-previous {
    left: 20px
}

.uk-slidenav-position .uk-slidenav-next {
    right: 20px
}

.uk-slidenav-contrast:focus,
.uk-slidenav-contrast:hover {
    color: rgba(255, 255, 255, .7)
}

.uk-slidenav-contrast:active {
    color: rgba(255, 255, 255, .9)
}

.uk-slider {
    position: relative;
    z-index: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.uk-slider:not(.uk-grid) {
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-slider>* {
    position: absolute;
    top: 0;
    left: 0
}

.uk-slider-container {
    overflow: hidden
}

.uk-slider:not(.uk-drag) {
    transition: transform .2s linear
}

.uk-slider.uk-drag {
    cursor: col-resize;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.uk-slider a,
.uk-slider img {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none
}

.uk-slider img {
    pointer-events: none
}

.uk-slideshow {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.uk-slideshow>li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0
}

.uk-slideshow>.uk-active {
    z-index: 10;
    opacity: 1
}

.uk-slideshow>li>img {
    visibility: hidden
}

[data-uk-slideshow-slide] {
    cursor: pointer
}

.uk-slideshow-fade-in {
    animation: uk-fade .5s linear
}

.uk-slideshow-fade-out {
    animation: uk-fade .5s linear reverse
}

.uk-slideshow-scroll-forward-in {
    animation: uk-slide-right .5s ease-in-out
}

.uk-slideshow-scroll-forward-out {
    animation: uk-slide-left .5s ease-in-out reverse
}

.uk-slideshow-scroll-backward-in {
    animation: uk-slide-left .5s ease-in-out
}

.uk-slideshow-scroll-backward-out {
    animation: uk-slide-right .5s ease-in-out reverse
}

.uk-slideshow-scale-out {
    animation: uk-fade-scale-15 .5s ease-in-out reverse
}

.uk-slideshow-swipe-forward-in {
    animation: uk-slide-left-33 .5s ease-in-out
}

.uk-slideshow-swipe-forward-out {
    animation: uk-slide-left .5s ease-in-out reverse
}

.uk-slideshow-swipe-backward-in {
    animation: uk-slide-right-33 .5s ease-in-out
}

.uk-slideshow-swipe-backward-out {
    animation: uk-slide-right .5s ease-in-out reverse
}

.uk-slideshow-swipe-backward-in:before,
.uk-slideshow-swipe-forward-in:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .6);
    animation: uk-fade .5s ease-in-out reverse
}

[data-uk-sticky].uk-active {
    z-index: 980
}

[data-uk-sticky].uk-animation-reverse,
[data-uk-sticky][class*=uk-animation-] {
    animation-duration: .2s
}

.uk-search {
    display: inline-block;
    position: relative;
    margin: 0
}

.uk-search:before {
    content: "\f002";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-family: FontAwesome;
    font-size: 14px;
    color: rgba(0, 0, 0, .2)
}

.uk-search-field::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-search-field::-webkit-search-cancel-button,
.uk-search-field::-webkit-search-decoration {
    -webkit-appearance: none
}

.uk-search-field::-ms-clear {
    display: none
}

.uk-search-field {
    margin: 0;
    border-radius: 0;
    font: inherit;
    color: #444;
    -webkit-appearance: none;
    width: 120px;
    height: 30px;
    padding: 0 0 0 30px;
    border: 1px solid transparent;
    background: rgba(0, 0, 0, 0);
    transition: all .2s linear;
    vertical-align: middle
}

.uk-search-field:-ms-input-placeholder {
    color: #999 !important
}

.uk-search-field::-moz-placeholder {
    opacity: 1;
    color: #999
}

.uk-search-field::-webkit-input-placeholder {
    color: #999
}

.uk-search-field:focus {
    outline: 0
}

.uk-search-field:focus,
.uk-search.uk-active .uk-search-field {
    width: 180px
}

.uk-dropdown-search {
    width: 300px;
    margin-top: 0;
    background: #f5f5f5;
    color: #444
}

.uk-open>.uk-dropdown-search {
    animation: uk-slide-top-fixed .2s ease-in-out
}

.uk-navbar-flip .uk-dropdown-search {
    margin-top: 5px;
    margin-right: -15px
}

.uk-nav-search>li>a {
    color: #444
}

.uk-nav-search>li.uk-active>a {
    background: #00a8e6;
    color: #fff;
    outline: 0
}

.uk-nav-search .uk-nav-header {
    color: #999
}

.uk-nav-search .uk-nav-divider {
    border-top: 1px solid #ddd
}

.uk-nav-search ul a {
    color: #07D
}

.uk-nav-search ul a:hover {
    color: #059
}

.uk-offcanvas .uk-search {
    display: block;
    margin: 20px 15px
}

.uk-offcanvas .uk-search:before {
    color: #777
}

.uk-offcanvas .uk-search-field {
    width: 100%;
    border-color: transparent;
    background: #1a1a1a;
    color: #ccc
}

.uk-offcanvas .uk-search-field:-ms-input-placeholder {
    color: #777 !important
}

.uk-offcanvas .uk-search-field::-moz-placeholder {
    color: #777
}

.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
    color: #777
}

.uk-form input[type=checkbox],
.uk-form input[type=radio] {
    display: inline-block;
    height: 14px;
    width: 14px;
    border: 1px solid #aaa;
    overflow: hidden;
    margin-top: -4px;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: 0;
    background: 0 0
}

.uk-form input[type=radio] {
    border-radius: 50%
}

.uk-form input[type=checkbox]:before,
.uk-form input[type=radio]:before {
    display: block
}

.uk-form input[type=radio]:checked:before {
    content: '';
    width: 8px;
    height: 8px;
    margin: 2px auto 0;
    border-radius: 50%;
    background: #00a8e6
}

.uk-form input[type=checkbox]:checked:before,
.uk-form input[type=checkbox]:indeterminate:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    line-height: 12px;
    color: #00a8e6
}

.uk-form input[type=checkbox]:indeterminate:before {
    content: "\f068"
}

.uk-form input[type=checkbox]:disabled,
.uk-form input[type=radio]:disabled {
    border-color: #ddd
}

.uk-form input[type=radio]:disabled:checked:before {
    background-color: #aaa
}

.uk-form input[type=checkbox]:disabled:checked:before,
.uk-form input[type=checkbox]:disabled:indeterminate:before {
    color: #aaa
}

.uk-form-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden
}

.ui.scrolling.dropdown .menu,
.ui.search.dropdown .menu,
.ui.selection.dropdown .menu {
    -webkit-overflow-scrolling: touch;
    backface-visibility: hidden
}

.uk-form-select select {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    left: 0;
    -webkit-appearance: none
}

/*!
 * # Semantic UI 2.1.7 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.transition {
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-timing-function: ease;
    animation-fill-mode: both
}

.animating.transition {
    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 {
    animation-play-state: paused
}

.looping.transition {
    animation-iteration-count: infinite
}

.transition.browse {
    animation-duration: .5s
}

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

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

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

@keyframes browseIn {
    0% {
        transform: scale(.8) translateZ(0);
        z-index: -1
    }

    10% {
        transform: scale(.8) translateZ(0);
        z-index: -1;
        opacity: .7
    }

    80% {
        transform: scale(1.05) translateZ(0);
        opacity: 1;
        z-index: 999
    }

    100% {
        transform: scale(1) translateZ(0);
        z-index: 999
    }
}

@keyframes browseOutLeft {
    0% {
        z-index: 999;
        transform: translateX(0) rotateY(0) rotateX(0)
    }

    50% {
        z-index: -1;
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }

    80% {
        opacity: 1
    }

    100% {
        z-index: -1;
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutRight {
    0% {
        z-index: 999;
        transform: translateX(0) rotateY(0) rotateX(0)
    }

    50% {
        z-index: 1;
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }

    80% {
        opacity: 1
    }

    100% {
        z-index: 1;
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

.drop.transition {
    transform-origin: top center;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.34, 1.61, .7, 1)
}

.flip.transition.in,
.flip.transition.out,
.transition.fly {
    animation-duration: .6s
}

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

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

@keyframes dropIn {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

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

    100% {
        opacity: 0;
        transform: scale(0)
    }
}

.transition.fade.in {
    animation-name: fadeIn
}

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

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

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

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

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

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

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

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

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

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(10%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

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

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(10%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

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

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(5%)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(-5%)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(5%)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(-5%)
    }
}

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

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

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

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

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

    100% {
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }
}

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

    100% {
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }
}

@keyframes horizontalFlipOut {
    0% {
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }

    100% {
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes verticalFlipOut {
    0% {
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }

    100% {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}

.scale.transition.in {
    animation-name: scaleIn
}

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

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes scaleOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(.9)
    }
}

.transition.fly {
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

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

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

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

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

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

.transition.fly.out {
    animation-name: flyOut
}

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

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

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

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

@keyframes flyIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

@keyframes flyInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 1500px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes flyInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -1500px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    100% {
        transform: none
    }
}

@keyframes flyInLeft {
    0% {
        opacity: 0;
        transform: translate3d(1500px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    100% {
        transform: none
    }
}

@keyframes flyInRight {
    0% {
        opacity: 0;
        transform: translate3d(-1500px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    100% {
        transform: none
    }
}

@keyframes flyOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes flyOutUp {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    100% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes flyOutDown {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    100% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

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

    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

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

    100% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

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

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

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

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

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

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

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

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

@keyframes slideInY {
    0% {
        opacity: 0;
        transform: scaleY(0)
    }

    100% {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes slideInX {
    0% {
        opacity: 0;
        transform: scaleX(0)
    }

    100% {
        opacity: 1;
        transform: scaleX(1)
    }
}

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

    100% {
        opacity: 0;
        transform: scaleY(0)
    }
}

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

    100% {
        opacity: 0;
        transform: scaleX(0)
    }
}

.transition.swing {
    animation-duration: .8s
}

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

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

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

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

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

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

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

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

@keyframes swingInX {
    0% {
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }

    60% {
        transform: perspective(1000px) rotateX(15deg)
    }

    80% {
        transform: perspective(1000px) rotateX(-7.5deg)
    }

    100% {
        transform: perspective(1000px) rotateX(0)
    }
}

@keyframes swingInY {
    0% {
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }

    40% {
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }

    60% {
        transform: perspective(1000px) rotateY(-17.5deg)
    }

    80% {
        transform: perspective(1000px) rotateY(7.5deg)
    }

    100% {
        transform: perspective(1000px) rotateY(0)
    }
}

@keyframes swingOutX {
    0% {
        transform: perspective(1000px) rotateX(0)
    }

    40% {
        transform: perspective(1000px) rotateX(-7.5deg)
    }

    60% {
        transform: perspective(1000px) rotateX(17.5deg)
    }

    80% {
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }

    100% {
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes swingOutY {
    0% {
        transform: perspective(1000px) rotateY(0)
    }

    40% {
        transform: perspective(1000px) rotateY(7.5deg)
    }

    60% {
        transform: perspective(1000px) rotateY(-10deg)
    }

    80% {
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }

    100% {
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
}

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

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

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

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

.pulse.transition {
    animation-duration: .5s;
    animation-name: pulse
}

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

@keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes shake {

    0%,
    100% {
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

@keyframes tada {
    0% {
        transform: scale(1)
    }

    10%,
    20% {
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        transform: scale(1) rotate(0)
    }
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1
    }

    50% {
        transform: scale(.9);
        opacity: .7
    }
}

@keyframes jiggle {

    0%,
    100% {
        transform: scale3d(1, 1, 1)
    }

    30% {
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }
}

/*!
 * # Semantic UI 2.1.7 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: 0;
    text-align: left;
    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: max-content;
    margin: 0;
    padding: 0;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    border-radius: .28571429rem;
    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;
    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: .71428571rem 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: -ms-flexbox;
    display: flex;
    margin: 1.14285714rem .71428571rem;
    min-width: 10rem
}

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

.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: .71428571rem 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: .71428571rem
}

.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.dropdown.icon.button>.dropdown.icon {
    margin: 0
}

.ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    transform: rotateZ(0);
    display: inline-block;
    padding: .78571429em 2.6em .78571429em 1em;
    color: rgba(0, 0, 0, .87);
    box-shadow: none;
    border-radius: .28571429rem;
    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)
}

.ui.selection.dropdown>.delete.icon,
.ui.selection.dropdown>.dropdown.icon,
.ui.selection.dropdown>.search.icon {
    cursor: pointer;
    position: absolute;
    top: auto;
    width: auto;
    z-index: 3;
    margin: -.78571429em;
    padding: .78571429em;
    right: 1em;
    opacity: .8;
    transition: opacity .1s ease
}

.ui.compact.selection.dropdown {
    min-width: 0
}

.ui.selection.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    border-top-width: 0 !important;
    outline: 0;
    border-radius: 0 0 .28571429rem .28571429rem;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    transition: opacity .1s ease
}

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

.ui.selection.dropdown .menu>.message {
    padding: .71428571rem 1.14285714rem
}

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

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

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

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

.ui.selection.dropdown .menu>.item {
    border-top: 1px solid #fafafa;
    padding: .71428571rem 1.14285714rem !important;
    white-space: normal;
    word-wrap: normal
}

.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.active.dropdown:hover,
.ui.selection.active.dropdown:hover .menu,
.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.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.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;
    z-index: 3
}

.ui.multiple.dropdown .menu,
.ui.search.dropdown.active>input.search,
.ui.search.dropdown.visible>input.search {
    cursor: auto
}

.ui.search.selection.dropdown>input.search {
    line-height: 1.2142em;
    padding: .67861429em 2.6em .67861429em 1em
}

.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(0, 0, 0, .4) !important
}

.ui.search.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto
}

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

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

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

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

.ui.multiple.dropdown {
    padding: .22620476em 2.6em .22620476em .28571429em
}

.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown>input.search {
    cursor: text
}

.ui.multiple.dropdown>.label {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 1em;
    padding: .35714286em .71428571em;
    margin: .21428571em .28571429rem .21428571em 0;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset
}

.ui.multiple.dropdown .dropdown.icon {
    margin: 0 -.71428571em 0 0;
    padding: .5em
}

.ui.multiple.dropdown>.text,
.ui.multiple.search.dropdown>.text,
.ui.multiple.search.dropdown>input.search {
    margin: .45240952em 0 .45240952em .71428571em;
    line-height: 1.2142em
}

.ui.multiple.dropdown>.text {
    position: static;
    padding: 0;
    max-width: 100%
}

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

.ui.multiple.search.dropdown>.text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit
}

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

.ui.multiple.search.dropdown>input.search {
    position: static;
    padding: 0;
    max-width: 100%;
    width: 2.2em
}

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

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

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

.ui.inline.dropdown .menu {
    cursor: auto;
    margin-top: .25em;
    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:after,
.ui.loading.dropdown>i.icon:before {
    left: 30% !important
}

.ui.loading.dropdown>i.icon {
    top: 50% !important
}

.ui.multiple.loading.dropdown>i.icon:after,
.ui.multiple.loading.dropdown>i.icon:before {
    top: 0 !important;
    left: 0 !important
}

.ui.loading.dropdown>i.icon:after,
.ui.loading.dropdown>i.icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em
}

.ui.loading.dropdown>i.icon:before {
    border-radius: 500rem;
    border: .2em solid rgba(0, 0, 0, .1)
}

.ui.loading.dropdown>i.icon:after {
    box-shadow: 0 0 0 1px transparent;
    animation: dropdown-spin .6s linear;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: .2em
}

.ui.dropdown.error>.menu,
.ui.dropdown.error>.menu .menu,
.ui.multiple.selection.error.dropdown>.label,
.ui.selection.dropdown.error,
.ui.selection.dropdown.error:hover {
    border-color: #e0b4b4
}

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

@keyframes dropdown-spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.ui.default.dropdown:hover>.text,
.ui.default.dropdown>.text,
.ui.dropdown:hover>.default.text,
.ui.dropdown>.default.text {
    color: rgba(179, 179, 179, .7)
}

.ui.loading.dropdown>.text {
    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.error,
.ui.dropdown.error>.default.text,
.ui.dropdown.error>.menu>.item,
.ui.dropdown.error>.text {
    color: #9f3a38
}

.ui.dropdown>.filtered.text {
    visibility: hidden
}

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

.ui.selection.dropdown.error {
    background: #fff6f6
}

.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 .71428571rem 0 0
}

.ui.dropdown .scrolling.menu,
.ui.scrolling.dropdown .menu {
    overflow-y: auto;
    min-width: 100% !important;
    width: auto !important
}

.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.active.upward.selection.dropdown,
.ui.upward.selection.dropdown.visible {
    border-radius: 0 0 .28571429rem .28571429rem !important
}

.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.upward.selection.dropdown.visible {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08)
}

.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
}

.ui.dropdown .scrolling.menu {
    position: static;
    border: none;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !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: 9.71428571rem
    }
}

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

    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 14.57142857rem
    }
}

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

    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 19.42857143rem
    }
}

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

    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 19.42857143rem
    }
}

.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;
    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, .08) !important;
    border-radius: .28571429rem !important
}

.ui.loading.form:after,
.ui.pointing.dropdown>.menu:after {
    content: '';
    left: 50%;
    visibility: visible
}

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

.ui.pointing.dropdown>.menu {
    top: 100%;
    margin-top: .71428571rem;
    border-radius: .28571429rem
}

.ui.pointing.dropdown>.menu:after {
    display: block;
    position: absolute;
    pointer-events: none;
    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;
    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;
    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;
    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;
    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;
    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;
    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 .71428571rem;
    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;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: auto
}

.ui.button,
.ui.card>.content>.header,
.ui.cards>.card>.content>.header,
.ui.category.search>.results .category>.name,
.ui.form input:not([type]),
.ui.form input[type=text],
.ui.form input[type=password],
.ui.form input[type=email],
.ui.form input[type=url],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=number],
.ui.form input[type=datetime-local],
.ui.form input[type=date],
.ui.form input[type=time],
.ui.input input,
.ui.menu,
.ui.message .header,
.ui.search>.results .result .title,
.ui.search>.results>.message .header {
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif
}

.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,
.ui.vertical.menu .dropdown.item>.icon {
    content: "\f0da"
}

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

.ui.form>p {
    margin: 1em 0
}

.ui.form .field {
    margin: 0 0 1em
}

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

.ui.form .fields .field {
    margin: 0 0 1em
}

.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=password],
.ui.form input[type=email],
.ui.form input[type=url],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=number],
.ui.form input[type=datetime-local],
.ui.form input[type=date],
.ui.form input[type=time],
.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=password],
.ui.form input[type=email],
.ui.form input[type=url],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=number],
.ui.form input[type=datetime-local],
.ui.form input[type=date],
.ui.form input[type=time] {
    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;
    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;
    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);
    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 {
    -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(140, 140, 140, .87)
}

.ui.form ::-ms-input-placeholder {
    color: rgba(140, 140, 140, .87)
}

.ui.form ::-moz-placeholder {
    color: rgba(140, 140, 140, .87)
}

.ui.form :focus::-webkit-input-placeholder {
    color: rgba(89, 89, 89, .87)
}

.ui.form :focus::-ms-input-placeholder {
    color: rgba(89, 89, 89, .87)
}

.ui.form :focus::-moz-placeholder {
    color: rgba(89, 89, 89, .87)
}

.ui.form .error ::-webkit-input-placeholder {
    color: #e7bdbc
}

.ui.form .error ::-ms-input-placeholder {
    color: #e7bdbc
}

.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
}

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

.ui.form input:not([type]):focus,
.ui.form input[type=text]:focus,
.ui.form input[type=password]:focus,
.ui.form input[type=email]:focus,
.ui.form input[type=url]:focus,
.ui.form input[type=search]:focus,
.ui.form input[type=tel]:focus,
.ui.form input[type=number]:focus,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=date]:focus,
.ui.form input[type=time]:focus,
.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
}

.ui.form textarea:focus {
    -webkit-appearance: none
}

.ui.form.success .success.message:not(:empty) {
    display: block
}

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

.ui.form.warning .warning.message:not(:empty) {
    display: block
}

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

.ui.form.error .error.message:not(:empty) {
    display: block
}

.ui.form.error .icon.error.message:not(:empty) {
    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=password],
.ui.form .field.error input[type=email],
.ui.form .field.error input[type=url],
.ui.form .field.error input[type=search],
.ui.form .field.error input[type=tel],
.ui.form .field.error input[type=number],
.ui.form .field.error input[type=datetime-local],
.ui.form .field.error input[type=date],
.ui.form .field.error input[type=time],
.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=password],
.ui.form .fields.error .field input[type=email],
.ui.form .fields.error .field input[type=url],
.ui.form .fields.error .field input[type=search],
.ui.form .fields.error .field input[type=tel],
.ui.form .fields.error .field input[type=number],
.ui.form .fields.error .field input[type=datetime-local],
.ui.form .fields.error .field input[type=date],
.ui.form .fields.error .field input[type=time],
.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=password]:focus,
.ui.form .field.error input[type=email]:focus,
.ui.form .field.error input[type=url]:focus,
.ui.form .field.error input[type=search]:focus,
.ui.form .field.error input[type=tel]:focus,
.ui.form .field.error input[type=number]:focus,
.ui.form .field.error input[type=datetime-local]:focus,
.ui.form .field.error input[type=date]:focus,
.ui.form .field.error input[type=time]: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;
    top: 50%;
    margin: -1.5em 0 0 -1.5em;
    width: 3em;
    height: 3em;
    animation: form-spin .6s linear;
    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;
    z-index: 101
}

@keyframes form-spin {
    from {
        transform: rotate(0)
    }

    to {
        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 .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=password],
.ui.inverted.form input[type=email],
.ui.inverted.form input[type=url],
.ui.inverted.form input[type=search],
.ui.inverted.form input[type=tel],
.ui.inverted.form input[type=number],
.ui.inverted.form input[type=datetime-local],
.ui.inverted.form input[type=date],
.ui.inverted.form input[type=time] {
    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: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.ui.form .fields>.field {
    -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 {
        width: 100% !important;
        margin: 0 0 1em;
        padding-left: 0;
        padding-right: 0
    }
}

.ui.form .fields .field:first-child {
    padding-left: 0
}

.ui.form .fields .field:last-child {
    padding-right: 0
}

.ui.form .fields .wide.field {
    width: 6.25%;
    padding-left: .5em;
    padding-right: .5em
}

.ui.form .fields .wide.field:first-child {
    padding-left: 0
}

.ui.form .fields .wide.field:last-child {
    padding-right: 0
}

.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;
        margin: 0 0 1em;
        padding-left: 0;
        padding-right: 0
    }
}

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

.ui.form .inline.fields {
    margin: 0 0 1em;
    -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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ui.button,
.ui.checkbox {
    display: inline-block;
    font-style: normal;
    vertical-align: baseline
}

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

.ui.small.form {
    font-size: .92857143rem
}

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

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

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

/*!
 * # Semantic UI 2.1.7 - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.checkbox {
    position: relative;
    backface-visibility: hidden;
    outline: 0;
    min-height: 17px;
    font-size: 1rem;
    line-height: 17px;
    min-width: 17px
}

.ui.animated.button,
.ui.checkbox+label {
    vertical-align: middle
}

.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;
    transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .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);
    transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease;
    font-family: Checkbox
}

.ui.checkbox label,
.ui.checkbox+label {
    color: rgba(0, 0, 0, .87);
    transition: color .1s ease
}

.ui.checkbox label:hover,
.ui.checkbox+label:hover,
.ui.slider.checkbox .box:hover,
.ui.slider.checkbox label:hover {
    color: rgba(0, 0, 0, .8)
}

.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before {
    background: #fff;
    border-color: rgba(34, 36, 38, .35)
}

.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:checked~.box:before,
.ui.checkbox input:checked~label:before,
.ui.checkbox input:indeterminate~.box:before,
.ui.checkbox input:indeterminate~label:before {
    border-color: rgba(34, 36, 38, .35);
    background: #fff
}

.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:after,
.ui.checkbox input:checked~label:after {
    opacity: 1;
    color: rgba(0, 0, 0, .95)
}

.ui.checkbox input:indeterminate~.box:after,
.ui.checkbox input: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:indeterminate:focus~.box:before,
.ui.checkbox input: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:indeterminate:focus~.box:after,
.ui.checkbox input: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;
    opacity: .5;
    color: #000
}

.ui.checkbox input.hidden {
    z-index: -1
}

.ui.checkbox input.hidden+label {
    cursor: pointer;
    -webkit-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: '';
    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;
    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;
    transform: none;
    border-radius: 500rem;
    transition: background .3s ease
}

.ui.slider.checkbox .box:after,
.ui.slider.checkbox label:after,
.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after {
    position: absolute;
    content: '' !important;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset
}

.ui.slider.checkbox .box:after,
.ui.slider.checkbox label:after {
    background: linear-gradient(transparent, rgba(0, 0, 0, .05)) #fff;
    opacity: 1;
    z-index: 2;
    border: none;
    width: 1.5rem;
    height: 1.5rem;
    top: -.25rem;
    left: 0;
    transform: none;
    border-radius: 500rem;
    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 input:checked~.box,
.ui.slider.checkbox input:checked~label,
.ui.slider.checkbox input:focus:checked~.box,
.ui.slider.checkbox input:focus:checked~label,
.ui.toggle.checkbox input:checked~.box,
.ui.toggle.checkbox input:checked~label,
.ui.toggle.checkbox input:focus:checked~.box,
.ui.toggle.checkbox input:focus:checked~label {
    color: rgba(0, 0, 0, .95) !important
}

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

.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: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;
    transform: none;
    border: none;
    top: 0;
    background: rgba(0, 0, 0, .05);
    width: 3.5rem;
    height: 1.5rem;
    border-radius: 500rem
}

.ui.fluid.buttons .or:after,
.ui.search>.results,
.ui.table.segment:after {
    display: none
}

.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after {
    background: linear-gradient(transparent, rgba(0, 0, 0, .05)) #fff;
    opacity: 1;
    z-index: 2;
    border: none;
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    left: 0;
    border-radius: 500rem;
    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.input input,
.ui.search>.prompt {
    margin: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(34, 36, 38, .15);
    outline: 0
}

.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: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'
}

/*!
 * # Semantic UI 2.1.7 - Search
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.search {
    position: relative
}

.ui.search>.prompt {
    -webkit-appearance: none;
    text-shadow: none;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2142em;
    padding: .67861429em 1em;
    font-size: 1em;
    background: #fff;
    color: rgba(0, 0, 0, .87);
    box-shadow: 0 0 0 0 transparent inset;
    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 {
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: center top;
    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, .08);
    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-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-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.loading.search .input>i.icon:after,
.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
}

.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 {
    border-radius: 500rem;
    border: .2em solid rgba(0, 0, 0, .1)
}

.ui.loading.search .input>i.icon:after {
    animation: button-spin .6s linear;
    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;
    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);
    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);
    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-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: .71428571em
}

.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
}

/*!
 * # Semantic UI 2.1.7 - Input
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.input {
    position: relative;
    font-weight: 400;
    font-style: normal;
    display: inline-flex;
    color: rgba(0, 0, 0, .87)
}

.ui.input input {
    max-width: 100%;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: left;
    line-height: 1.2142em;
    padding: .67861429em 1em;
    background: #fff;
    color: rgba(0, 0, 0, .87);
    border-radius: .28571429rem;
    transition: box-shadow .1s ease, border-color .1s ease;
    box-shadow: none
}

.ui.loading.button:after,
.ui.loading.button:before,
.ui.loading.loading.input>i.icon:after,
.ui.loading.loading.input>i.icon:before {
    margin: -.64285714em 0 0 -.64285714em;
    content: ''
}

.ui.input input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.ui.input input::-moz-placeholder {
    color: rgba(0, 0, 0, .4)
}

.ui.input input::-ms-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.ui.disabled.input,
.ui.input input[disabled] {
    opacity: .45
}

.ui.disabled.input input {
    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;
    top: 50%;
    left: 50%;
    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;
    top: 50%;
    left: 50%;
    width: 1.28571429em;
    height: 1.28571429em;
    animation: button-spin .6s linear;
    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(0, 0, 0, .87)
}

.ui.input input:focus::-moz-placeholder,
.ui.input.focus input::-moz-placeholder {
    color: rgba(0, 0, 0, .87)
}

.ui.input input:focus::-ms-input-placeholder,
.ui.input.focus input::-ms-input-placeholder {
    color: rgba(0, 0, 0, .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
}

.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
}

.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;
    transition: opacity .3s ease
}

.ui.button,
.ui.icon.input>i.link.icon {
    cursor: pointer
}

.ui.loading.button:after,
.ui.loading.button:before {
    height: 1.28571429em;
    left: 50%;
    width: 1.28571429em;
    position: absolute
}

.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.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.button:focus .icon,
.ui.button:hover .icon {
    opacity: .85
}

.ui.labeled.input>.label {
    -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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -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,
.ui.action.input:not([class*="left action"])>.buttons>.button,
.ui.action.input:not([class*="left action"])>.dropdown {
    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.button,
.ui.inverted.input input {
    border: none
}

.ui.fluid.input {
    display: -ms-flexbox;
    display: flex
}

.ui.fluid.input>input {
    width: 0 !important
}

.ui.mini.input {
    font-size: .71428571em
}

.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
}

/*!
 * # Semantic UI 2.1.7 - Button
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.button {
    min-height: 1em;
    outline: 0;
    color: rgba(0, 0, 0, .6);
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    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;
    -ms-user-select: none;
    user-select: none;
    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:focus,
.ui.button:hover {
    background-color: #cacbcd;
    color: rgba(0, 0, 0, .8)
}

.ui.button:hover {
    background-image: none;
    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.button:focus {
    background-image: '' !important;
    box-shadow: '' !important
}

.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,
.ui.active.button:hover {
    color: rgba(0, 0, 0, .95);
    background-image: none
}

.ui.active.button {
    background-color: #c0c1c2;
    box-shadow: 0 0 0 1px transparent inset
}

.ui.active.button:hover {
    background-color: #c0c1c2
}

.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;
    transition: all 0s linear, opacity .1s ease
}

.ui.loading.button:before {
    top: 50%;
    border-radius: 500rem;
    border: .2em solid rgba(0, 0, 0, .15)
}

.ui.loading.button:after {
    top: 50%;
    animation: button-spin .6s linear;
    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
}

@keyframes button-spin {
    from {
        transform: rotate(0)
    }

    to {
        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
}

.ui.basic.buttons .ui.disabled.button {
    border-color: rgba(34, 36, 38, .5)
}

.ui.animated.button {
    position: relative;
    overflow: hidden;
    padding-right: 0 !important;
    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 {
    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 {
    transition: top .3s ease, transform .3s ease
}

.ui.vertical.animated.button .visible.content {
    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 {
    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 {
    transition: opacity .3s ease, transform .3s ease
}

.ui.fade.animated.button .visible.content {
    left: auto;
    right: auto;
    opacity: 1;
    transform: scale(1)
}

.ui.fade.animated.button .hidden.content {
    opacity: 0;
    left: 0;
    right: auto;
    transform: scale(1.5)
}

.ui.fade.animated.button:focus .visible.content,
.ui.fade.animated.button:hover .visible.content {
    left: auto;
    right: auto;
    opacity: 0;
    transform: scale(.75)
}

.ui.fade.animated.button:focus .hidden.content,
.ui.fade.animated.button:hover .hidden.content {
    left: 0;
    right: auto;
    opacity: 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: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    background: 0 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important
}

.ui.labeled.button>.label,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td,
.ui[class*="very basic"].table:not(.sortable):not(.striped) th {
    padding: ''
}

.ui.labeled.button:not([class*="left labeled"])>.button,
.ui[class*="left labeled"].button>.label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui.facebook.button,
.ui.google.plus.button,
.ui.instagram.button,
.ui.pinterest.button,
.ui.twitter.button,
.ui.vk.button,
.ui.youtube.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset;
    color: #fff;
    background-image: none
}

.ui.labeled.button>.button {
    margin: 0
}

.ui.labeled.button>.label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 -1px !important;
    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"])>.label,
.ui[class*="left labeled"].button>.button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ui.facebook.button {
    background-color: #3b5998;
    text-shadow: none
}

.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;
    text-shadow: none
}

.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;
    text-shadow: none
}

.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;
    text-shadow: none
}

.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;
    text-shadow: none
}

.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;
    text-shadow: none
}

.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
}

.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;
    transition: opacity .1s ease;
    vertical-align: '';
    color: ''
}

.ui.button>.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: .71428571rem
}

.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,
.ui.small.menu {
    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;
    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*="right labeled"].icon.button,
.ui.fluid[class*="left 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.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: -ms-flexbox;
    display: flex;
    border-radius: 0;
    width: auto !important;
    z-index: 2;
    margin-left: -1px;
    margin-right: -1px
}

.ui.fluid.button,
.ui.fluid.buttons,
.ui.two.buttons {
    width: 100%
}

.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: -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: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0;
    margin-right: -1px;
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui.buttons:not(.vertical)>.basic.black.button:not(:first-child),
.ui.buttons:not(.vertical)>.basic.blue.button:not(:first-child),
.ui.buttons:not(.vertical)>.basic.brown.button:not(:first-child),
.ui.buttons:not(.vertical)>.basic.green.button:not(:first-child),
.ui.buttons:not(.vertical)>.basic.grey.button:not(:first-child),
.ui.buttons:not(.vertical)>.basic.olive.button:not(:first-child),
.ui.buttons:not(.vertical)>.basic.orange.button:not(:first-child),
.ui.buttons:not(.vertical)>.basic.pink.button:not(:first-child),
.ui.buttons:not(.vertical)>.basic.purple.button:not(:first-child),
.ui.buttons:not(.vertical)>.basic.red.button:not(:first-child),
.ui.buttons:not(.vertical)>.basic.teal.button:not(:first-child),
.ui.buttons:not(.vertical)>.basic.violet.button:not(:first-child),
.ui.buttons:not(.vertical)>.basic.yellow.button:not(:first-child),
.ui[class*="right attached"].buttons .button:first-child,
.ui[class*="right attached"].buttons .button:last-child {
    margin-left: -1px
}

.ui[class*="right attached"].buttons .button:first-child {
    border-radius: .28571429rem 0 0
}

.ui[class*="right attached"].buttons .button:last-child {
    border-radius: 0 0 0 .28571429rem
}

.ui.fluid.button {
    display: block
}

.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: -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.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.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.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.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.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-shadlightOw: 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.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.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.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.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.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.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.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.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.negative.button,
.ui.positive.button,
.ui.primary.button,
.ui.secondary.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset
}

.ui.primary.button,
.ui.primary.buttons .button {
    background-color: #2185d0;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.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.buttons .active.button {
    background-color: #1279c6;
    color: #fff;
    text-shadow: none
}

.ui.secondary.button,
.ui.secondary.buttons .button {
    background-color: #1b1c1d;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.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.buttons .active.button {
    background-color: #27292a;
    color: #fff;
    text-shadow: none
}

.ui.positive.button,
.ui.positive.buttons .button {
    background-color: #21ba45 !important;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.positive.button:hover,
.ui.positive.buttons .button:hover {
    background-color: #16ab39 !important;
    color: #fff;
    text-shadow: none
}

.ui.positive.button:focus,
.ui.positive.buttons .button:focus {
    background-color: #0ea432 !important;
    color: #fff;
    text-shadow: none
}

.ui.positive.button:active,
.ui.positive.buttons .button:active {
    background-color: #198f35 !important;
    color: #fff;
    text-shadow: none
}

.ui.positive.active.button,
.ui.positive.buttons .active.button,
.ui.positive.buttons .active.button:active {
    background-color: #13ae38;
    color: #fff;
    text-shadow: none
}

.ui.negative.button,
.ui.negative.buttons .button {
    background-color: #db2828 !important;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.negative.button:hover,
.ui.negative.buttons .button:hover {
    background-color: #d01919 !important;
    color: #fff;
    text-shadow: none
}

.ui.negative.button:focus,
.ui.negative.buttons .button:focus {
    background-color: #ca1010 !important;
    color: #fff;
    text-shadow: none
}

.ui.negative.button:active,
.ui.negative.buttons .button:active {
    background-color: #b21e1e !important;
    color: #fff;
    text-shadow: none
}

.ui.negative.active.button,
.ui.negative.buttons .active.button,
.ui.negative.buttons .active.button:active {
    background-color: #d41515;
    color: #fff;
    text-shadow: none
}

.ui.buttons {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    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;
    visibility: hidden
}

.ui.buttons .button {
    -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.table,
.ui.table tfoot,
.ui.table thead,
.ui.vertical.buttons .button {
    box-shadow: none
}

.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: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.ui.vertical.buttons .button {
    display: block;
    float: none;
    width: 100%;
    margin: 0
}

.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
}

/*!
 * # Semantic UI 2.1.7 - Table
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.table {
    width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: .28571429rem;
    text-align: left;
    color: rgba(0, 0, 0, .87);
    border-collapse: separate;
    border-spacing: 0
}

.ui.table tfoot th,
.ui.table thead th {
    background: #f9fafb;
    color: rgba(0, 0, 0, .87);
    cursor: auto;
    text-transform: none
}

.ui.table tfoot tr>th:first-child,
.ui.table thead th,
.ui.table thead tr>th:first-child {
    border-left: none
}

.ui.table:first-child {
    margin-top: 0
}

.ui.table:last-child {
    margin-bottom: 0
}

.ui.table td,
.ui.table th {
    transition: background .1s ease, color .1s ease
}

.ui.form.formstack .fsError,
.ui.message {
    transition: opacity .1s ease, color .1s ease, background .1s ease, box-shadow .1s ease
}

.ui.table thead th {
    text-align: inherit;
    padding: .92857143em .71428571em;
    vertical-align: inherit;
    font-style: none;
    font-weight: 700;
    border-bottom: 1px solid rgba(34, 36, 38, .1)
}

.ui.table td,
.ui.table tfoot th {
    padding: .71428571em;
    text-align: inherit
}

.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 th {
    border-top: 1px solid rgba(34, 36, 38, .15);
    vertical-align: middle;
    font-style: normal;
    font-weight: 400
}

.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>.icon {
    vertical-align: baseline
}

.ui.table>.icon:only-child {
    margin: 0
}

.ui.table.segment {
    padding: 0
}

.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.structured.table {
    border-collapse: collapse
}

.ui.structured.table thead th {
    border-left: none;
    border-right: none
}

.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),
.ui.structured.sortable.table thead th {
    border-left: 1px solid rgba(34, 36, 38, .15)
}

.ui.structured.sortable.table thead th {
    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:first-child {
    background: rgba(0, 0, 0, .03);
    font-weight: 700;
    color: rgba(0, 0, 0, .95)
}

.ui.table td.positive,
.ui.table tr.positive {
    box-shadow: 0 0 0 #a3c293 inset;
    background: #fcfff5 !important;
    color: #2c662d !important
}

.ui.table td.error,
.ui.table td.negative,
.ui.table tr.error,
.ui.table tr.negative {
    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: .71428571em
}

.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.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;
    -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,
.ui.sortable.table thead th.sorted:hover {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95)
}

.ui.sortable.table thead th.sorted:after {
    display: inline-block
}

.ui.inverted.sortable.table thead th.sorted {
    background: linear-gradient(transparent, rgba(0, 0, 0, .05)) rgba(255, 255, 255, .15);
    color: #fff
}

.ui.inverted.sortable.table thead th:hover {
    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,
.ui.inverted.table tr td {
    border-color: rgba(255, 255, 255, .1) !important
}

.ui.inverted.table th {
    background-color: rgba(0, 0, 0, .15);
    color: rgba(255, 255, 255, .9)
}

.ui.basic.table,
.ui.menu {
    border: 1px solid rgba(34, 36, 38, .15)
}

.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;
    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.icon.message .icon:not(.close)+.content,
.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,
.ui.vertical.menu .active.item .menu .active.item {
    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
}

/*!
 * # Semantic UI 2.1.7 - Message
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.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);
    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-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:last-child,
.ui.message>:last-child {
    margin-bottom: 0
}

.ui.message .list:not(.ui) li:before {
    position: absolute;
    content: '•';
    left: -1em;
    height: 100%;
    vertical-align: baseline
}

.ui.message>.icon {
    margin-right: .6em
}

.ui.message>.close.icon {
    cursor: pointer;
    position: absolute;
    margin: 0;
    top: .78575em;
    right: .5em;
    opacity: .7;
    transition: opacity .1s ease
}

.ui.message>.close.icon:hover {
    opacity: 1
}

.ui.message>:first-child {
    margin-top: 0
}

.ui.dropdown .menu>.message {
    margin: 0 -1px
}

.ui.visible.visible.visible.visible.message {
    display: block
}

.ui.icon.visible.visible.visible.visible.message {
    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: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    align-items: center
}

.ui.icon.message>.icon:not(.close) {
    display: block;
    -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;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    vertical-align: middle
}

.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, .08)
}

.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
}

.ui.red.message .header {
    color: #c82121
}

.ui.orange.message {
    background-color: #ffedde;
    color: #f2711c
}

.ui.orange.message .header {
    color: #e7640d
}

.ui.yellow.message {
    background-color: #fff8db;
    color: #b58105
}

.ui.yellow.message .header {
    color: #9c6f04
}

.ui.olive.message {
    background-color: #fbfdef;
    color: #8abc1e
}

.ui.olive.message .header {
    color: #7aa61a
}

.ui.green.message {
    background-color: #e5f9e7;
    color: #1ebc30
}

.ui.green.message .header {
    color: #1aa62a
}

.ui.teal.message {
    background-color: #e1f7f7;
    color: #10a3a3
}

.ui.teal.message .header {
    color: #0e8c8c
}

.ui.blue.message {
    background-color: #dff0ff;
    color: #2185d0
}

.ui.blue.message .header {
    color: #1e77ba
}

.ui.violet.message {
    background-color: #eae7ff;
    color: #6435c9
}

.ui.violet.message .header {
    color: #5a30b5
}

.ui.purple.message {
    background-color: #f6e7ff;
    color: #a333c8
}

.ui.purple.message .header {
    color: #922eb4
}

.ui.pink.message {
    background-color: #ffe3fb;
    color: #e03997
}

.ui.pink.message .header {
    color: #dd238b
}

.ui.brown.message {
    background-color: #f1e2d3;
    color: #a5673f
}

.ui.brown.message .header {
    color: #935b38
}

.ui.small.message {
    font-size: .92857143em
}

.ui.message {
    font-size: 1em
}

.ui.corner.label .icon,
.ui.large.message {
    font-size: 1.14285714em
}

.ui.huge.message {
    font-size: 1.42857143em
}

.ui.massive.message {
    font-size: 1.71428571em
}

.ui.menu {
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0;
    background: #fff;
    font-weight: 400;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
    border-radius: .28571429rem;
    min-height: 2.85714286em
}

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

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

.ui.menu:after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden
}

.ui.menu .menu {
    margin: 0
}

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

.ui.menu:not(.vertical) .item {
    display: -ms-flexbox;
    display: flex;
    -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;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-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;
    transition: background .1s ease, box-shadow .1s ease, color .1s ease
}

.ui.menu .item:before,
.ui.vertical.menu .item:before {
    position: absolute;
    content: ''
}

.ui.menu>.item:first-child {
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui.menu .item:before {
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: rgba(34, 36, 38, .1)
}

.ui.item.menu .dropdown .menu .item,
.ui.menu .item>.input {
    width: 100%
}

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

.ui.menu .item>i.icon {
    opacity: .9;
    float: none;
    margin: 0 .35714286em 0 0
}

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

.ui.menu:not(.vertical) .item>.button {
    padding-bottom: .71428571em;
    padding-top: .71428571em;
    font-size: 1em
}

.ui.menu>.container,
.ui.menu>.grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: inherit;
    align-items: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit
}

.ui.menu .ui.popup,
.ui.tabular.menu .item:before,
.ui.vertical.menu .menu .item:before {
    display: none
}

.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.dropdown.item .menu .item:not(.filtered),
.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);
    -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: .71428571em 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;
    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.inverted.menu .search.dropdown.item>.search,
.ui.inverted.menu .search.dropdown.item>.text,
.ui.secondary.inverted.pointing.menu .item {
    color: rgba(255, 255, 255, .9)
}

.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.vertical.menu .dropdown.item>.icon {
    float: right;
    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.menu .item>.label {
    background: #999;
    color: #fff;
    margin-left: 1em;
    padding: .3em .71428571em
}

.ui.vertical.menu .item>.label {
    background: #999;
    color: #fff;
    margin-top: -.15em;
    margin-bottom: -.15em;
    padding: .3em .71428571em;
    float: right;
    text-align: center
}

.ui.menu .item>.floating.label {
    padding: .3em .71428571em
}

.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: -ms-flexbox;
    display: flex;
    margin-right: auto !important
}

.ui.menu:not(.vertical) .right.item,
.ui.menu:not(.vertical) .right.menu {
    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;
    -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 {
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(34, 36, 38, .1);
    height: 1px
}

.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 .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 .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;
    padding: .92857143em 1.42857143em;
    color: rgba(0, 0, 0, .87)
}

.ui.tabular.menu .item:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, .8)
}

.ui.tabular.menu .active.item {
    color: rgba(0, 0, 0, .95);
    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: 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: -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;
    align-self: center;
    box-shadow: none;
    border: none;
    padding: .71428571em .92857143em;
    margin: 0 .35714286em;
    background: 0 0;
    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 .active.item,
.ui.secondary.menu .active.item:hover,
.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 .item>img:not(.ui) {
    margin: 0
}

.ui.secondary.menu .active.item {
    box-shadow: none;
    border-radius: .28571429rem
}

.ui.secondary.menu .active.item:hover {
    box-shadow: none
}

.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;
    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,
.ui.secondary.pointing.menu .active.item:hover {
    border-color: #1b1c1d;
    color: rgba(0, 0, 0, .95)
}

.ui.secondary.pointing.menu .active.item {
    background-color: transparent;
    box-shadow: none;
    font-weight: 700
}

.ui.ribbon.label:after,
.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 .header.item {
    color: #fff !important
}

.ui.secondary.inverted.pointing.menu .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;
    align-self: center;
    margin: 0;
    padding: .35714286em .5em;
    font-weight: 400;
    color: rgba(0, 0, 0, .6);
    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
}

.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.label,
.ui.label>.detail {
    font-weight: 700;
    display: inline-block
}

.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;
    -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 {
        -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%;
        background: rgba(34, 36, 38, .1);
        height: 1px
    }
}

.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: -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.item.menu .item:last-child:before,
.ui.loader,
.ui.pointing.menu .active.item .menu .active.item:after,
.ui.pointing.menu .dropdown.active.item:after {
    display: none
}

.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;
    -ms-flex-pack: center;
    justify-content: center
}

.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%;
    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;
    transition: background .1s ease
}

.ui.vertical.pointing.menu .item:after {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    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: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.card:last-child,
.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.small.vertical.menu {
    width: 13rem
}

.ui.menu {
    font-size: 1rem
}

.ui.vertical.menu {
    width: 15rem
}

.ui.large.menu {
    font-size: 1.14285714rem
}

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

.ui.huge.menu {
    font-size: 1.42857143rem
}

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

/*!
 * # Semantic UI 2.1.7 - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.card,
.ui.cards>.card {
    max-width: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -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;
    transition: box-shadow .1s ease, transform .1s ease;
    z-index: ''
}

.ui.card a,
.ui.cards>.card a {
    cursor: pointer
}

.ui.card:first-child {
    margin-top: 0
}

.ui.cards {
    display: -ms-flexbox;
    display: flex;
    margin: -.875em -.5em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ui.cards>.card {
    display: -ms-flexbox;
    display: flex;
    float: none
}

.ui.card:after,
.ui.cards:after {
    display: block;
    content: ' ';
    height: 0;
    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;
    -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;
    -webkit-flex-grow: 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;
    overflow: hidden;
    visibility: hidden
}

.ui.card>.content>.header,
.ui.cards>.card>.content>.header {
    display: block;
    margin: '';
    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 {
    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: '';
    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;
    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;
    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;
    -webkit-flex-grow: 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;
    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.centered.cards {
    -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 {
    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;
    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,
    .ui.two.doubling.cards .card {
        margin-left: 0;
        margin-right: 0
    }

    .ui.two.doubling.cards .card {
        width: 100%
    }

    .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,
    .ui.two.doubling.cards .card {
        margin-left: 0;
        margin-right: 0
    }

    .ui.two.doubling.cards .card {
        width: 100%
    }

    .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
}

/*!
 * # Semantic UI 2.1.7 - Label
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.label {
    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;
    border: 0 solid transparent;
    border-radius: .28571429rem;
    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;
    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 {
    vertical-align: top;
    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;
    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: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;
    transition: none
}

.ui.tag.label:before,
.ui.tag.labels .label:before {
    position: absolute;
    transform: translateY(-50%) translateX(50%) rotate(-45deg);
    top: 50%;
    right: 100%;
    content: '';
    background-color: inherit;
    background-image: none;
    width: 1.56em;
    height: 1.56em;
    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;
    transition: border-color .1s ease;
    background-color: transparent !important
}

.ui.corner.label:after,
.ui.ribbon.label:after {
    background-color: transparent !important;
    width: 0
}

.ui.corner.label:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    z-index: -1;
    height: 0;
    border-top: 0 solid transparent;
    border-right: 4em solid transparent;
    border-bottom: 4em solid transparent;
    border-left: 0 solid transparent;
    border-right-color: inherit;
    transition: border-color .1s ease
}

.ui.loader:after,
.ui.loader:before,
.ui.pointing.label:before,
.ui.ribbon.label:after {
    content: ''
}

.ui.corner.label .icon {
    cursor: default;
    position: relative;
    top: .64285714em;
    left: .78571429em;
    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: max-content;
    border-radius: 0 .28571429rem .28571429rem 0;
    border-color: rgba(0, 0, 0, .15)
}

.ui.ribbon.label:after {
    position: absolute;
    top: 100%;
    left: 0;
    border-style: solid;
    border-width: 0 1.2em 1.2em 0;
    border-right-color: inherit;
    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;
    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(-.71428571em - 1.2em)
}

.ui.table td>.ui[class*="right ribbon"].label {
    left: calc(100% + .71428571em + 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)
}

.ui.labels a.active.label:ActiveHover:before,
a.ui.active.label:ActiveHover:before,
a.ui.active.label:hover,
a.ui.labels .active.label:hover {
    background-color: #c8c8c8;
    background-image: none;
    color: rgba(0, 0, 0, .95)
}

a.ui.active.label:hover,
a.ui.labels .active.label:hover {
    border-color: #c8c8c8
}

.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%
}

.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.dimmer,
.ui.dimmer>.content>*,
.ui.form.formstack input[type=checkbox],
.ui.inline.loader {
    vertical-align: middle
}

.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;
    transform: rotate(45deg);
    background-image: none;
    z-index: 2;
    width: .6666em;
    height: .6666em;
    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;
    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;
    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;
    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;
    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.dimmer,
.ui.loader {
    text-align: center;
    z-index: 1000
}

.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
}

/*!
 * # Semantic UI 2.1.7 - Loader
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translateX(-50%) translateY(-50%)
}

.ui.loader:before {
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 500rem;
    border: .2em solid rgba(0, 0, 0, .1)
}

.ui.loader:after {
    position: absolute;
    top: 0;
    left: 50%;
    animation: loader .6s linear;
    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
}

.dimmable,
.ui.inline.loader {
    position: relative
}

@keyframes loader {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.ui.loader:after,
.ui.loader:before {
    width: 2.2585em;
    height: 2.2585em;
    margin: 0 0 0 -1.12925em
}

.ui.mini.loader:after,
.ui.mini.loader:before {
    width: 1.2857em;
    height: 1.2857em;
    margin: 0 0 0 -.64285em
}

.ui.small.loader:after,
.ui.small.loader:before {
    width: 1.7142em;
    height: 1.7142em;
    margin: 0 0 0 -.8571em
}

.ui.large.loader:after,
.ui.large.loader:before {
    width: 4.5714em;
    height: 4.5714em;
    margin: 0 0 0 -2.2857em
}

.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 {
    animation-direction: reverse;
    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: 1.2857em;
    height: 1.2857em;
    font-size: .71428571em
}

.ui.inverted.dimmer .ui.small.loader,
.ui.small.loader {
    width: 1.7142em;
    height: 1.7142em;
    font-size: .92857143em
}

.ui.inverted.dimmer .ui.loader,
.ui.loader {
    width: 2.2585em;
    height: 2.2585em;
    font-size: 1em
}

.ui.inverted.dimmer .ui.loader.large,
.ui.loader.large {
    width: 4.5714em;
    height: 4.5714em;
    font-size: 1.14285714em
}

.ui.mini.text.loader {
    min-width: 1.2857em;
    padding-top: 1.99998571em
}

.ui.small.text.loader {
    min-width: 1.7142em;
    padding-top: 2.42848571em
}

.ui.text.loader {
    min-width: 2.2585em;
    padding-top: 2.97278571em
}

.ui.large.text.loader {
    min-width: 4.5714em;
    padding-top: 5.28568571em
}

.ui.inverted.loader {
    color: rgba(255, 255, 255, .9)
}

.heading-white,
.ui.dimmer>.content>*,
.ui.inverted.dimmer>.content>* {
    color: #fff
}

.ui.inverted.loader:before {
    border-color: rgba(255, 255, 255, .15)
}

.ui.inverted.loader:after {
    border-top-color: #fff
}

.ui.inline.loader {
    margin: 0;
    left: 0;
    top: 0;
    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
}

/*!
 * # Semantic UI 2.1.7 - Dimmer
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.dimmer {
    display: none;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .85);
    opacity: 0;
    line-height: 1;
    animation-fill-mode: both;
    animation-duration: .5s;
    transition: background-color .5s linear;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: opacity
}

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

.ui.dimmer>.content>* {
    display: table-cell
}

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

.ui.segment>.ui.dimmer {
    border-radius: inherit !important
}

.animating.dimmable:not(body),
.dimmed.dimmable:not(body) {
    overflow: hidden
}

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

.ui.page.dimmer {
    position: fixed;
    transform-style: '';
    perspective: 2000px;
    transform-origin: center center
}

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

body.dimmable>.dimmer {
    position: fixed
}

.blurring.dimmable>:not(.dimmer) {
    filter: blur(0) grayscale(0);
    transition: .8s filter ease
}

.blurring.dimmed.dimmable>:not(.dimmer) {
    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.simple.dimmer {
    overflow: hidden;
    width: 0%;
    height: 0%;
    z-index: -100;
    background-color: rgba(0, 0, 0, 0)
}

.autoplay .nope,
.no-autoplay .yep,
.ui.tab {
    display: none
}

.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)
}

/*!
 * # Semantic UI 2.1.7 - Tab
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.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:after,
.ui.tab.loading.segment:before,
.ui.tab.loading:after,
.ui.tab.loading:before {
    position: absolute;
    margin: -1.25em 0 0 -1.25em;
    width: 2.5em;
    height: 2.5em;
    content: ''
}

.ui.tab.loading.segment:before,
.ui.tab.loading:before {
    top: 100px;
    left: 50%;
    border-radius: 500rem;
    border: .2em solid rgba(0, 0, 0, .1)
}

.ui.tab.loading.segment:after,
.ui.tab.loading:after {
    top: 100px;
    left: 50%;
    animation: button-spin .6s linear;
    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
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
[data-aos][data-aos][data-aos-easing=ease-in-quad],
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-cubic] [data-aos],
body[data-aos-easing=ease-in-quad] [data-aos],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
[data-aos][data-aos][data-aos-easing=ease-out-quad],
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-cubic] [data-aos],
body[data-aos-easing=ease-out-quad] [data-aos],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-cubic] [data-aos],
body[data-aos-easing=ease-in-out-quad] [data-aos],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

@font-face {
    font-family: nimbus_sans_novusheavy;
    src: url(../fonts/nimbus-sans/nimbussannov-hea-webfont.eot);
    src: url(../fonts/nimbus-sans/nimbussannov-hea-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/nimbus-sans/nimbussannov-hea-webfont.woff) format('woff'), url(../fonts/nimbus-sans/nimbussannov-hea-webfont.ttf) format('truetype'), url(../fonts/nimbus-sans/nimbussannov-hea-webfont.svg#nimbus_sans_novusheavy) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nimbus_sans_novusbold;
    src: url(../fonts/nimbus-sans/nimbussannov-bol-webfont.eot);
    src: url(../fonts/nimbus-sans/nimbussannov-bol-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/nimbus-sans/nimbussannov-bol-webfont.woff) format('woff'), url(../fonts/nimbus-sans/nimbussannov-bol-webfont.ttf) format('truetype'), url(../fonts/nimbus-sans/nimbussannov-bol-webfont.svg#nimbus_sans_novusbold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nimbus_sans_novusultralight;
    src: url(../fonts/nimbus-sans/NimbuSanNovTUltLig.eot);
    src: url(../fonts/nimbus-sans/NimbuSanNovTUltLig.eot?#iefix) format('embedded-opentype'), url(../fonts/nimbus-sans/NimbusSanNovUltLig.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nimbus_sans_novuslight;
    src: url(../fonts/nimbus-sans/nimbussannov-lig-webfont.eot);
    src: url(../fonts/nimbus-sans/nimbussannov-lig-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/nimbus-sans/nimbussannov-lig-webfont.woff) format('woff'), url(../fonts/nimbus-sans/nimbussannov-lig-webfont.ttf) format('truetype'), url(../fonts/nimbus-sans/nimbussannov-lig-webfont.svg#nimbus_sans_novuslight) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nimbus_sans_novusmedium;
    src: url(../fonts/nimbus-sans/nimbussannov-med-webfont.eot);
    src: url(../fonts/nimbus-sans/nimbussannov-med-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/nimbus-sans/nimbussannov-med-webfont.woff) format('woff'), url(../fonts/nimbus-sans/nimbussannov-med-webfont.ttf) format('truetype'), url(../fonts/nimbus-sans/nimbussannov-med-webfont.svg#nimbus_sans_novusmedium) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nimbus_sans_novusregular;
    src: url(../fonts/nimbus-sans/nimbussannov-reg-webfont.eot);
    src: url(../fonts/nimbus-sans/nimbussannov-reg-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/nimbus-sans/nimbussannov-reg-webfont.woff) format('woff'), url(../fonts/nimbus-sans/nimbussannov-reg-webfont.ttf) format('truetype'), url(../fonts/nimbus-sans/nimbussannov-reg-webfont.svg#nimbus_sans_novusregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nimbus_sans_novusRgIt;
    src: url(../fonts/nimbus-sans/nimbussannov-regita-webfont.eot);
    src: url(../fonts/nimbus-sans/nimbussannov-regita-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/nimbus-sans/nimbussannov-regita-webfont.woff) format('woff'), url(../fonts/nimbus-sans/nimbussannov-regita-webfont.ttf) format('truetype'), url(../fonts/nimbus-sans/nimbussannov-regita-webfont.svg#nimbus_sans_novusRgIt) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nimbus_sans_novus_condblack;
    src: url(../fonts/nimbus-sans/nimbussannovcon-bla-webfont.eot);
    src: url(../fonts/nimbus-sans/nimbussannovcon-bla-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/nimbus-sans/nimbussannovcon-bla-webfont.woff) format('woff'), url(../fonts/nimbus-sans/nimbussannovcon-bla-webfont.ttf) format('truetype'), url(../fonts/nimbus-sans/nimbussannovcon-bla-webfont.svg#nimbus_sans_novus_condblack) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nimbus_sans_novus_condbold;
    src: url(../fonts/nimbus-sans/nimbussannovcon-bol-webfont.eot);
    src: url(../fonts/nimbus-sans/nimbussannovcon-bol-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/nimbus-sans/nimbussannovcon-bol-webfont.woff) format('woff'), url(../fonts/nimbus-sans/nimbussannovcon-bol-webfont.ttf) format('truetype'), url(../fonts/nimbus-sans/nimbussannovcon-bol-webfont.svg#nimbus_sans_novus_condbold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nimbus_sans_novus_condmedium;
    src: url(../fonts/nimbus-sans/nimbussannovcon-med-webfont.eot);
    src: url(../fonts/nimbus-sans/nimbussannovcon-med-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/nimbus-sans/nimbussannovcon-med-webfont.woff) format('woff'), url(../fonts/nimbus-sans/nimbussannovcon-med-webfont.ttf) format('truetype'), url(../fonts/nimbus-sans/nimbussannovcon-med-webfont.svg#nimbus_sans_novus_condmedium) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nimbus_sans_novus_condregular;
    src: url(../fonts/nimbus-sans/nimbussannovcon-reg-webfont.eot);
    src: url(../fonts/nimbus-sans/nimbussannovcon-reg-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/nimbus-sans/nimbussannovcon-reg-webfont.woff) format('woff'), url(../fonts/nimbus-sans/nimbussannovcon-reg-webfont.ttf) format('truetype'), url(../fonts/nimbus-sans/nimbussannovcon-reg-webfont.svg#nimbus_sans_novus_condregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nimbus_sans_novus_condRgIt;
    src: url(../fonts/nimbus-sans/nimbussannovcon-regita-webfont.eot);
    src: url(../fonts/nimbus-sans/nimbussannovcon-regita-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/nimbus-sans/nimbussannovcon-regita-webfont.woff) format('woff'), url(../fonts/nimbus-sans/nimbussannovcon-regita-webfont.ttf) format('truetype'), url(../fonts/nimbus-sans/nimbussannovcon-regita-webfont.svg#nimbus_sans_novus_condRgIt) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: nimbus_sans_novus_outlinebold;
    src: url(../fonts/nimbus-sans/nimbussannovout-bol-webfont.eot);
    src: url(../fonts/nimbus-sans/nimbussannovout-bol-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/nimbus-sans/nimbussannovout-bol-webfont.woff) format('woff'), url(../fonts/nimbus-sans/nimbussannovout-bol-webfont.ttf) format('truetype'), url(../fonts/nimbus-sans/nimbussannovout-bol-webfont.svg#nimbus_sans_novus_outlinebold) format('svg');
    font-weight: 400;
    font-style: normal
}

html {
    height: 100%;
    background: #FFFFFF
}

body {
    position: relative;
    padding-top: 64px;
}

@media (max-width:479px) {
    body {
        text-align: center
    }

    .uk-offcanvas,
    ul {
        text-align: left
    }
}

.heading-subpage,
.heading-subpage.heading-product,
.nav-bar,
.page-text ul {
    text-align: left
}

.heading-rti-blue,
.rti-blue-color {
    color: #0063b4 !important
}

.heading-rti-dark-blue,
.rti-navy-color {
    color: #203052
}

.heading-rti-green,
.rti-green-color {
    color: #55AE4C
}

.heading-rti-gray {
    color: #8B9293
}

.heading-thin {
    font-family: nimbus_sans_novuslight, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300
}

.heading-really-thin {
    font-family: nimbus_sans_novusultralight, nimbus_sans_novuslight, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 100
}

@media (max-width:767px) {
    .heading-really-thin {
        font-family: nimbus_sans_novuslight, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 300
    }
}

.heading-bold {
    font-family: nimbus_sans_novusbold, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 700
}

.heading-medium {
    font-family: nimbus_sans_novusmedium, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.heading-cond-medium {
    font-family: nimbus_sans_novus_condmedium, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.heading-normal {
    font-size: 25px;
    line-height: 26px
}

.heading-medium {
    font-size: 32px;
    line-height: 40px
}

.heading-medium-large {
    font-size: 36px;
    line-height: 45px
}

.heading-large {
    font-size: 45px;
    line-height: 55px
}

.heading-sterilization-process {
    font-size: 40px;
    line-height: 48px
}

.heading-dark {
    color: #444
}

.inherit-color,
.page-text a:not(.button),
em {
    color: inherit
}

.margin-top-xs {
    margin-top: 10px !important
}

.heading-subpage {
    margin-top: 0
}

.heading-subpage sup {
    font-weight: 700;
    font-size: 22px;
    display: inline-block;
    position: relative;
    top: -25px
}

@media (min-width:768px) {
    .page-text h3.staff-heading {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 2px;
        margin-top: 15px
    }

    .uk-responsive-width.sterilization-logos {
        max-width: 450px !important
    }
}

@media (max-width:480px) {
    .heading-subpage {
        font-size: 28px;
        line-height: 34px
    }
}

@media (min-width:480px) and (max-width:767px) {
    .heading-subpage {
        font-size: 36px;
        line-height: 42px
    }

    .ui.labeled.icon.button.select-subpage {
        margin-top: 2px
    }
}

@media (min-width:768px) and (max-width:1079px) {
    .heading-subpage {
        font-size: 44px;
        line-height: 52px
    }

    .ui.labeled.icon.button.select-subpage {
        margin-top: 2px
    }
}

@media (min-width:1080px) {
    .ui.labeled.icon.button.select-subpage {
        margin-top: 8px
    }
}

.subpage-nav-dropdown-mobile-trigger.ui.dropdown {
    margin-top: 7px
}

.subpage-nav-dropdown-mobile-trigger.ui.dropdown .menu {
    min-width: 300px
}

@media (min-width:480px) and (max-width:767px) {
    .subpage-nav-dropdown-mobile-trigger.ui.dropdown {
        margin-top: 15px
    }

    .subpage-nav-dropdown-mobile-trigger.ui.dropdown .menu {
        min-width: 400px
    }
}

.heading-product-name {
    font-size: 28px;
    line-height: 35px;
    font-weight: 700;
    text-align: center;
    margin-top: 15px
}

@media (min-width:480px) {
    .heading-product-name {
        text-align: left
    }
}

.icon-flag {
    width: 20px
}

.uk-animation-fade {
    animation-duration: .3s !important
}

.uk-block.block-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.img-bordered {
    border: 3px solid #ccc
}

.margin-right-icon {
    margin-right: 8px
}

.uk-list-space>li:nth-child(n+2) {
    padding-top: 10px
}

.border-circle-gray {
    border: 1px solid #ccc
}

.border-circle-gray-thumb {
    border: 2px solid #ccc
}

.border-rounded-top {
    border-radius: 4px 4px 0 0
}

a.disabled {
    pointer-events: none
}

@media (max-width:767px) {
    .icon-flag {
        width: 15px;
        margin-left: 8px
    }

    .padding-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .padding-30,
    .padding-40 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .uk-block {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .mobile-column-divider {
        clear: both;
        width: 100%;
        margin-top: 30px;
        margin-left: -25px;
        margin-bottom: 35px
    }

    .mobile-column-divider hr {
        margin-left: 25px
    }
}

.show-content {
    display: none
}

.slide-video-dropdown {
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 560px;
    z-index: 498;
    background: rgba(0, 0, 0, .9);
    display: none
}

.slide-video-dropdown .close {
    position: absolute;
    z-index: 499;
    top: 10px;
    right: 10px;
    display: block;
    opacity: .7
}

.panel iframe {
    margin: 5px -15px -15px;
    width: 314px;
    height: 180px
}

.panel-no-padding {
    padding-bottom: 0
}

.panel .full-cover {
    width: 314px;
    margin: 5px -15px 0;
    max-width: none
}

.light-border {
    border: 1px solid #ccc
}

.banner-ad,
.uk-panel.banner-ad {
    background: #f1f1f1;
    box-shadow: 0 0 50px rgba(200, 200, 200, .4) inset;
    padding: 30px
}

.banner-ad a,
.uk-panel.banner-ad a {
    color: #f05423;
    text-decoration: underline;
    font-weight: 700
}

.footer-icons {
    padding-top: 15px
}

.footer-icons a {
    color: #fff;
    font-size: 26px;
    text-align: center
}

@media (min-width:768px) {

    .footer-icons,
    .footer-icons a {
        text-align: right
    }

    .footer-icons {
        padding-bottom: 0
    }
}

.background-gray {
    background: #efefef
}

.background-gray-lighter {
    background: #f6f6f6
}

.background-rti-navy {
    background: #203052
}

.background-black {
    background: #111
}

.padding-20 {
    padding: 20px !important
}

.padding-10 {
    padding: 10px !important
}

.market-segments-headline h2 {
    letter-spacing: 1px;
    color: #55AE4C
}

.larger-text {
    font-size: 18px;
    line-height: 26px
}

.largerer-text {
    font-size: 22px;
    line-height: 35px
}

.largererer-text {
    font-size: 27px;
    line-height: 43px;
    font-weight: 200
}

nav li {
    list-style: none
}

.nav-bar {
    background: rgba(255, 255, 255, .92);
    padding: 15px 0;
    margin: 0;
    height: 40px;
    position: absolute;
    z-index: 500;
    top: 0;
    left: 0;
    right: 0;
    font-size: 16px;
    border-bottom: 1px solid #fff;
}

@media (min-width:768px) {
    .nav-bar--sub.browser-large {
        position: fixed;
        z-index: 750
    }
}

.panel .sub-nav-box li,
.primary-nav li,
.slider-content,
.slider-headline {
    position: relative
}

.primary-nav {
    float: right;
    margin: 0;
    padding: 2px 0
}

.primary-nav li {
    float: left
}

.primary-nav li a {
    display: block;
    padding: 5px 10px;
    margin: 0 1px;
    color: #555;
    font-weight: 400
}

.primary-nav li a:hover {
    text-decoration: none
}

.primary-nav li a.hoverable:hover {
    color: #55AE4C
}

.primary-nav li a.active:hover {
    color: #fff
}

.primary-nav li a.divider-left {
    border-left: 1px solid #ccc;
    padding-left: 15px
}

@media (max-width:1079px) {
    .primary-nav li a.divider-left {
        padding-left: 10px
    }
}

.primary-nav li .icon-flag {
    margin-right: 0;
    max-height: 20px;
    max-width: 20px
}

.primary-nav li .sub-nav .icon-flag {
    margin-right: 7px;
    margin-top: -3px
}

.primary-nav li .ui.dropdown .menu>.item>img.icon-flag {
    max-height: 22px;
    max-width: 22px
}

.primary-nav li .ui.dropdown>.text>img.icon-flag {
    height: 18px;
    width: 18px;
    margin-right: 8px;
    margin-top: -3px
}

.primary-nav li .ui.dropdown>.text>em {
    display: none
}

.primary-nav li .ui.dropdown .menu>.item em {
    font-size: 12px
}

.primary-nav li .sub-nav {
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 300;
    margin: 0;
    width: 200px;
    padding-top: 27px
}

.primary-nav li .sub-nav.about {
    width: 235px
}

.primary-nav li .sub-nav.products {
    width: 170px
}

.primary-nav li .sub-nav.healthcare-professionals,
.primary-nav li .sub-nav.patients {
    width: 225px
}

.primary-nav li .sub-nav.news {
    width: 150px
}

.primary-nav li .sub-nav.investors {
    width: 190px
}

.primary-nav li .sub-nav.location {
    width: 195px
}

.primary-nav li .sub-nav.location ul {
    left: -155px;
    background: #fff;
    opacity: .95;
    box-shadow: 0 0 20px rgba(100, 100, 100, .15)
}

.primary-nav li .sub-nav.location ul .indicator {
    color: #fff;
    left: 165px
}

.primary-nav li .sub-nav.location ul li a {
    color: #555
}

.primary-nav li .sub-nav.location ul li a:hover {
    color: #55AE4C
}

.primary-nav li ul {
    background: #203052;
    opacity: .9;
    padding: 15px;
    width: 100%;
    position: absolute;
    box-shadow: none
}

.primary-nav li ul .indicator {
    position: absolute;
    color: #203052;
    top: -38px;
    left: 5px
}

.primary-nav li ul li h3,
.primary-nav li ul li:last-child h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #111;
    font-size: 17px
}

.primary-nav li ul li a,
.primary-nav li ul li:last-child a {
    color: #fff;
    padding: 6px 5px;
    display: block
}

.primary-nav li ul li a:hover,
.primary-nav li ul li:last-child a:hover {
    color: #55AE4C
}

.primary-nav li:hover>.sub-nav {
    display: block
}

.primary-nav li:last-child a {
    padding: 5px 0 5px 15px
}

.nav-bar.nav-bar--dark {
    background: #330662;
    opacity: .95
}

.nav-bar.nav-bar--dark .primary-nav li a {
    color: #fff
}

.nav-bar.nav-bar--dark .primary-nav li a.hoverable:hover,
.nav-bar.nav-bar--dark .primary-nav li.active a {
    color: #64d159
}

.nav-bar.nav-bar--dark .primary-nav li a.divider-left {
    border-left: 1px solid rgba(200, 200, 200, .3)
}

.nav-bar.nav-bar--dark .primary-nav li ul,
.nav-bar.nav-bar--dark .primary-nav li.active ul {
    background: #fff;
    box-shadow: 0 0 20px rgba(100, 100, 100, .15);
    opacity: 1
}

.nav-bar.nav-bar--dark .primary-nav li ul .indicator,
.nav-bar.nav-bar--dark .primary-nav li.active ul .indicator {
    color: #fff
}

.nav-bar.nav-bar--dark .primary-nav li ul li a,
.nav-bar.nav-bar--dark .primary-nav li.active ul li a {
    color: #555
}

.nav-bar.nav-bar--dark .primary-nav li ul li a:hover,
.nav-bar.nav-bar--dark .primary-nav li.active ul li a:hover {
    color: #55AE4C
}

.nav-bar.nav-bar--dark .mobile-search-toggle {
    color: #fff
}

@media (max-width:1079px) {
    .primary-nav li a {
        padding: 5px 6px
    }
}

.nav-logo {
    width: 110px;
    margin-bottom: -9px
}

.nav-logo-footer {
    margin-top: -10px
}

.mobile-nav-item-divider {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

ul.nav-sub-mobile {
    padding: 10px 0 10px 10px
}

ul.nav-sub-mobile li a {
    font-size: 13px;
    font-style: italic;
    padding-left: 10px
}

ul.nav-sub-mobile.nav-sub-mobile-location {
    padding: 10px 0 10px 5px
}

ul.nav-sub-mobile.nav-sub-mobile-location li a img {
    margin-right: 5px;
    margin-top: -3px
}

.nav-sub-page-container {
    background: #fff;
    margin-top: -25px
}

.nav-sub-page-container h3 {
    padding-top: 25px;
    margin-bottom: 10px;
    text-align: center
}

.nav-sub-page-container h3 a:hover {
    text-decoration: none
}

.nav-sub-page {
    list-style: none;
    margin: 0;
    padding: 0 0 50px;
    font-size: 13px;
    font-weight: 500;
    width: 100%;
    text-align: center
}

.nav-sub-page li a {
    display: inline-block;
    color: #444;
    padding: 6px 12px;
    margin-bottom: 5px;
    font-size: 14px
}

.nav-sub-page li a:hover {
    text-decoration: none;
    color: #55AE4C
}

.nav-sub-page li a.active,
.nav-sub-page li.active a,
.nav-sub-page li.uk-active a {
    color: #fff;
    background: #55AE4C;
    border-radius: 20px
}

.nav-sub-page li ul,
.nav-sub-page li+ul {
    display: none;
    margin: 0 0 0 8px
}

.nav-sub-page li ul li,
.nav-sub-page li+ul li {
    list-style: none
}

.nav-sub-page li ul li a,
.nav-sub-page li+ul li a {
    padding: 3px 3px 3px 0;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 300;
    color: #777
}

.nav-sub-page li ul li a.active,
.nav-sub-page li ul li.active a,
.nav-sub-page li ul li.uk-active a,
.nav-sub-page li+ul li a.active,
.nav-sub-page li+ul li.active a,
.nav-sub-page li+ul li.uk-active a {
    color: #0063b4;
    border-radius: 0;
    background: 0 0
}

.nav-sub-page li.uk-active ul li a,
.nav-sub-page li.uk-active+ul li a {
    color: #999;
    background: inherit;
    border-radius: 0
}

@media (min-width:1080px) {
    .nav-sub-page-container h3 {
        margin-left: 11px;
        margin-bottom: 12px;
        text-align: left
    }

    .nav-sub-page {
        margin-right: 25px;
        text-align: left;
        padding-bottom: 15px
    }

    .nav-sub-page li a {
        display: inline-block;
        color: #444;
        padding: 6px 12px;
        margin-bottom: 5px;
        font-size: 14px
    }

    .nav-sub-page li a:hover {
        text-decoration: none;
        color: #55AE4C
    }

    .nav-sub-page li a.active,
    .nav-sub-page li.active a,
    .nav-sub-page li.uk-active a {
        color: #fff;
        background: #55AE4C;
        border-radius: 20px
    }

    .nav-sub-page li ul,
    .nav-sub-page li+ul {
        display: none;
        margin: 0 0 0 8px
    }

    .nav-sub-page li ul li,
    .nav-sub-page li+ul li {
        list-style: none
    }

    .nav-sub-page li ul li a,
    .nav-sub-page li+ul li a {
        padding: 3px 3px 3px 0;
        margin-bottom: 0;
        font-size: 13px;
        font-weight: 300;
        color: #777
    }

    .nav-sub-page li ul li a.active,
    .nav-sub-page li ul li.active a,
    .nav-sub-page li ul li.uk-active a,
    .nav-sub-page li+ul li a.active,
    .nav-sub-page li+ul li.active a,
    .nav-sub-page li+ul li.uk-active a {
        color: #0063b4;
        border-radius: 0;
        background: 0 0
    }

    .nav-sub-page li.uk-active ul li a,
    .nav-sub-page li.uk-active+ul li a {
        color: #999;
        background: inherit;
        border-radius: 0
    }
}

.panel-sub-nav h3 {
    border-radius: 4px 4px 0 0
}

.panel .sub-nav-box li a {
    font-size: 14px;
    margin-left: 20px;
    display: block
}

.panel .sub-nav-box li a:hover {
    text-decoration: none;
    color: #0063b4
}

.panel .sub-nav-box li.active a {
    color: #222
}

.panel .sub-nav-box li:first-child i {
    top: 4px
}

.panel .sub-nav-box li i {
    position: absolute;
    left: 5px;
    top: 13px
}

.panel .sub-nav-box li ul {
    display: none
}

.panel .sub-nav-box li.active ul {
    display: block;
    margin-top: 10px;
    margin-bottom: -11px;
    border-top: #ddd solid 1px;
    padding: 12px 0 12px 15px;
    background: rgba(255, 255, 255, .7)
}

.panel .sub-nav-box li.active ul li a {
    margin-left: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 0;
    color: #666
}

.panel .sub-nav-box li.active ul li a:hover,
.panel .sub-nav-box li.active ul li.active a {
    color: #0063b4
}

.slider {
    z-index: 100
}

.slider .uk-cover-background {
    background-position: 50% bottom
}

.slider-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 100px;
    z-index: 110;
    height: 100%;
    padding-top: 35px
}

@media (min-width:480px) {
    .slider-content {
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 0;
        height: 100%
    }

    .slider-content--middle {
        -ms-flex-pack: center;
        justify-content: center
    }

    .slider-content--top {
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 100px
    }

    .slider-content--bottom {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.slider-headline {
    z-index: 111;
    font-weight: 100;
    margin-bottom: 15px;
    font-family: nimbus_sans_novusultralight, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, .1)
}

.desktop-overlay,
.mobile-overlay,
.slide-img-overlay {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    top: 0
}

.slider-headline.slider-headline-bold {
    font-family: -apple-system, BlinkMacSystemFont, nimbus_sans_novusmedium, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    font-size: 110px;
    color: #53b84a
}

.page-text h3,
.sub-page-header .header-content.header-dark-bg p {
    font-family: nimbus_sans_novuslight, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (max-width:1079px) {
    .slider-headline {
        margin-bottom: 0
    }

    .slider-headline.slider-headline-bold {
        font-size: 85px
    }
}

@media (max-width:767px) {
    .slider-headline.slider-headline-bold {
        font-size: 60px;
        line-height: 60px
    }
}

.slider-text--client-promise {
    font-size: 37px;
    line-height: 45px;
    margin: 35px 150px
}

@media (max-width:1079px) {
    .slider-text--client-promise {
        font-size: 35px;
        line-height: 45px;
        margin: 25px 20px
    }
}

@media (max-width:767px) {
    .slider-text--client-promise {
        font-size: 26px;
        line-height: 35px;
        margin: 15px
    }

    .slider-headline {
        font-size: 40px
    }
}

@media (min-width:480px) {
    .slider-headline.cortiva {
        font-size: 55px;
        margin-bottom: 25px
    }
}

.slider-text {
    font-weight: 300;
    font-size: 18px;
    line-height: 30px
}

.slider-text p {
    color: rgba(255, 255, 255, .9)
}

.slider-text p small {
    line-height: 19px;
    display: inline-block;
    margin-top: -10px;
    font-size: 11px
}

@media (min-width:768px) {
    .slider-text {
        font-size: 20px;
        line-height: 35px
    }

    .slider-text p {
        color: #666
    }

    .slider-text p small {
        color: #777
    }
}

.button.button-slider {
    border: 1px solid #fff;
    color: #fff
}

.slider-text--white,
.slider-text--white p,
.slider-text--white p small,
.slider-text--white small {
    color: #fff
}

.slide-img-overlay {
    background-image: url(../img/slide-overlay.png);
    background-position: center;
    background-repeat: repeat-none;
    z-index: 90
}

@media (max-width:767px) {
    .slider-headline.heading-rti-green {
        color: #55AE4C
    }
}

.desktop-overlay {
    background: rgba(1, 6, 20, .75);
    z-index: 80
}

.mobile-overlay {
    background: rgba(2, 16, 50, .4);
    z-index: 80
}

.touch .mobile-overlay {
    background: rgba(2, 16, 50, .85)
}

#header {
    /*position: relative*/
}

.sub-page-header {
    z-index: 80;
    position: relative
}

.sub-page-header img {
    width: 100%
}

.sub-page-header .header-img {
    width: 100%;
    height: 400px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.sub-page-header .header-content-margin {
    margin-top: 100px
}

.sub-page-header .header-content {
    z-index: 110
}

.sub-page-header .header-content.header-dark-bg h3 {
    font-weight: 300;
    color: #fff
}

.sub-page-header .header-content.header-dark-bg p {
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 300
}

@media (max-width:767px) {
    .sub-page-header .header-img {
        height: 300px
    }
}

#content {
    background: #fff
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) {
    .sub-page-header .header-img {
        height: 64px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
    .sub-page-header .header-img {
        height: 64px
    }
}

#content.sub-page {
    background: #fff;
    position: relative;
    z-index: 350
}

.uk-offcanvas-bar .off-canvas-drop-shadow {
    margin-left: -8px;
    height: 100%;
    width: 1px;
    position: absolute;
    left: 0;
    box-shadow: 0 0 8px 8px rgba(0, 0, 0, .4)
}

.footer {
    background: #330662;
    color: #fff;
    padding: 20px 0;
    text-align: center
}

.footer-nav ul {
    padding: 0;
    margin-bottom: 20px
}

.footer-nav ul li a {
    color: rgba(255, 255, 255, .8)
}

@media (min-width:768px) {
    .sub-page-header .header-content-margin {
        margin-top: 130px
    }

    .sub-page-header {
        min-height: 400px
    }

    .footer-nav ul {
        padding: 0;
        margin: 0
    }

    .footer-nav ul li {
        float: left
    }

    .footer-nav ul li a {
        margin-right: 15px
    }

    .copyright-text {
        text-align: left
    }
}

.copyright-text {
    font-size: 14px;
    color: #55AE4C;
    margin-bottom: 10px
}

.copyright-text a {
    color: #efefef;
    font-style: italic
}

.intro-text {
    font-weight: 300;
    font-size: 20px
}

.breadcrumb {
    position: relative;
    background: #ededed;
    padding: 15px 0;
    z-index: 400;
    font-family: "Open Sans", Helvetica, Arial, sans-serif
}

.breadcrumb ul {
    margin: 0
}

.breadcrumb ul li {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #888
}

.breadcrumb ul li a {
    font-weight: 900;
    color: #0063b4
}

.breadcrumb ul li.current {
    font-weight: 400
}

.breadcrumb ul li i {
    margin-left: 3px;
    margin-right: -10px;
    color: #777;
    font-size: 8px
}

@media (min-width:768px) {
    .breadcrumb ul li {
        font-size: 11px
    }

    .breadcrumb ul li i {
        margin-left: 8px;
        margin-right: -8px;
        font-size: 10px
    }
}

@media (max-width:767px) {
    .uk-block {
        padding: 30px 0
    }
}

.panel .panel-title {
    background: #0063b4;
    color: #fff;
    margin: -15px -15px -5px;
    padding: 15px;
    font-family: nimbus_sans_novusmedium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px
}

.panel .panel-title-blue {
    background: #0063b4
}

.panel .panel-title-dark-blue {
    background: #203052
}

.panel .panel-image-content {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
    max-width: calc(100% + 30px)
}

.panel ul li a {
    color: #666
}

.panel ul li.active a {
    font-weight: 700;
    color: #333
}

.panel .button-panel {
    position: relative;
    top: 20px;
    margin: -20px -15px -15px;
    padding: 10px;
    display: block;
    text-align: center
}

.panel .button-panel:hover {
    text-decoration: none
}

.icon-bullet {
    padding-left: 20px;
    position: relative
}

.icon-bullet i {
    left: 0;
    margin-top: 3px;
    position: absolute
}

.content-grid--item {
    text-align: center;
    min-height: 215px;
    line-height: 18px
}

.content-grid--item img {
    margin-bottom: 10px
}

.content-grid--item a,
.content-grid--item p {
    font-weight: 400;
    font-size: 14px;
    color: #555
}

.content-grid--item a:hover,
.content-grid--item p:hover {
    color: #55AE4C;
    text-decoration: none
}

.content-grid--item em {
    color: #999;
    font-size: 13px
}

.content-grid--item.content-grid-item--executives {
    margin-bottom: 20px;
    padding: 0 2px
}

.content-grid--item.content-grid-item--executives .staff-title-link {
    font-weight: 700;
    text-decoration: none
}

.content-grid--item.content-grid-item--executives .staff-title-link:hover,
.page-text a {
    text-decoration: underline
}

.content-grid--item.content-grid-item--executives .staff-title {
    display: block;
    font-size: 12px;
    line-height: 15px;
    margin-top: 2px
}

.content-grid--item.content-grid--products {
    min-height: 215px
}

.content-grid--item.content-grid--products img {
    border: 2px solid #ccc
}

.page-text h3 {
    color: #0063b4;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 29px;
    line-height: 34px;
    text-align: center
}

.page-text .implants-overview-features h3 {
    font-size: 25px;
    color: #222;
    font-family: nimbus_sans_novusbold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 0
}

.cd-timeline-content h2,
.page-text .heading-form,
.page-text h3.uk-heading-bold {
    font-family: nimbus_sans_novusmedium, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.page-text .implants-overview-features h3+p {
    margin-top: 5px
}

.page-text .implants-overview-features h4 {
    color: #222
}

.page-text .implants-overview-features h4+ul {
    margin-top: 8px
}

.page-text h3.uk-heading-dark {
    color: #444
}

.page-text h3.heading-news,
.tab-headline {
    font-family: nimbus_sans_novusbold, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.page-text h3.heading-larger {
    font-size: 35px;
    line-height: 45px
}

.page-text h3.heading-largerer {
    font-size: 40px;
    line-height: 50px
}

@media (max-width:767px) {
    .page-text h3 {
        font-size: 25px;
        line-height: 30px
    }
}

@media (min-width:480px) {
    .page-text h3 {
        text-align: left;
        margin-top: 30px
    }
}

.page-text h3.heading-bold {
    font-weight: 700
}

.page-text h3.heading-news {
    font-size: 27px;
    line-height: 33px;
    margin-top: 0;
    color: #333;
    widows: 2
}

.page-text table {
    margin: 20px 0;
    font-size: 14px
}

.page-text ul li ul {
    margin-top: 4px;
    margin-bottom: 4px
}

.page-text h4 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 30px
}

.page-text h4+p {
    margin-top: 8px
}

.page-text small {
    line-height: 20px;
    font-size: 1
}

.donor-heading a,
.investor-relations-section .investor-panel a,
.investor-relations-section .sub-sub-nav li a,
.investor-relations-section .table-quarterly-results td a,
.investor-relations-section .uk-subnav.uk-subnav-pill.sub-sub-nav li a,
.market-segment-headline-3:hover,
.open-mobile-nav-trigger:hover,
.page-text .donor-heading a,
.page-text a.button,
.page-text a:hover,
.page-text h4.donor-heading a,
.product-list--item h4 a:hover,
.product-table h4 a:hover,
.section-with-tabs .sub-sub-nav li a,
.section-with-tabs .uk-subnav.uk-subnav-pill.sub-sub-nav li a,
.ui.card .content.extra a,
.ui.card:first-child .content.extra a,
.ui.card:last-child .content.extra a,
.ui.cards>.card .content.extra a,
.ui.dropdown .scrolling.menu a,
.ui.scrolling.dropdown .menu a,
a.donor-read-more {
    text-decoration: none
}

.page-text .two-column-image {
    max-height: 250px
}

.page-text .two-columns h3,
.page-text .two-columns h4 {
    text-align: center;
    margin-top: 0
}

.page-text .two-columns h3 span.number-list,
.page-text .two-columns h4 span.number-list {
    color: #55AE4C
}

.page-text .two-columns h4 {
    text-align: left;
    font-size: 20px;
    line-height: 26px
}

@media (min-width:480px) {

    .page-text .two-columns h3,
    .page-text .two-columns h4 {
        text-align: left
    }
}

.page-text .two-columns h5 {
    font-size: 22px;
    font-weight: 300;
    line-height: 40px;
    color: #666
}

.page-text .uk-panel>:not(.uk-panel-title):last-child {
    margin-bottom: 20px
}

.page-text .number-rti-shape {
    background: #55AE4C;
    padding: 3px 10px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #fff;
    border-radius: 50%
}

.tabs-content {
    padding: 30px;
    background: #F4F4F4;
    border-radius: 0 4px 4px;
    border: none
}

.tabs-content p small em {
    font-size: 13px;
    color: #888
}

.slide-down-video {
    padding-top: 0;
    position: absolute;
    z-index: 130;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    background: #000;
    height: 575px
}

.slide-down-video iframe {
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 575px
}

.donor-panel {
    padding: 0 !important;
    background: #eee
}

.donor-heading,
.page-text .donor-heading,
.page-text h4.donor-heading {
    color: #0063b4;
    margin-top: 0;
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 20px
}

.donor-content {
    padding: 25px
}

@media (min-width:1079px) {

    .donor-heading,
    .page-text .donor-heading,
    .page-text h4.donor-heading {
        font-size: 17px
    }

    .donor-content {
        padding: 20px
    }
}

a.donor-read-more {
    font-size: 12px !important;
    padding: 3px;
    background: #e0e0e0;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

a.donor-read-more:hover {
    background: #ccc
}

.donor-excerpt,
p.donor-excerpt {
    font-size: 17px;
    line-height: 22px
}

@media (min-width:1079px) {
    a.donor-read-more {
        padding: 5px
    }

    .donor-excerpt,
    p.donor-excerpt {
        font-size: 13px;
        line-height: 19px
    }
}

.donor-excerpt .sizes,
p.donor-excerpt .sizes {
    display: none
}

@media (max-width:600px) {

    .donor-excerpt .for-xsmall,
    p.donor-excerpt .for-xsmall {
        display: block
    }
}

@media (min-width:601px) and (max-width:767px) {

    .donor-excerpt .for-small,
    p.donor-excerpt .for-small {
        display: block
    }
}

@media (min-width:768px) and (max-width:1079px) {

    .donor-excerpt .for-medium,
    p.donor-excerpt .for-medium {
        display: block
    }
}

@media (min-width:1080px) and (max-width:1220px) {

    .donor-excerpt .for-large,
    p.donor-excerpt .for-large {
        display: block
    }
}

@media (min-width:1221px) {

    .donor-excerpt .for-xlarge,
    p.donor-excerpt .for-xlarge {
        display: block
    }
}

.donor-photo {
    width: 100%
}

.panel-grid ul li,
.panel-grid ul li ul {
    margin-bottom: 5px
}

.panel-grid ul li ul li {
    margin-bottom: 0
}

.panel-grid.panel-grid-larger-list-space ul li,
.panel-grid.panel-grid-larger-list-space ul li ul {
    margin-bottom: 7px
}

.panel-grid.panel-grid-larger-list-space ul li ul li {
    margin-bottom: 0
}

.panel-grid.panel-grid-largest-list-space ul li,
.panel-grid.panel-grid-largest-list-space ul li ul {
    margin-bottom: 10px
}

.panel-grid.panel-grid-largest-list-space ul li ul li {
    margin-bottom: 0
}

.panel-grid .uk-panel {
    background: #f6f6f6;
    margin-bottom: 45px;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.panel-grid .uk-panel .panel-contents {
    padding: 5px 30px 10px
}

.panel-grid .uk-panel .panel-image {
    margin: 0 !important;
    background-size: cover;
    background-position: center;
    border-radius: 0 5px 5px 0
}

.panel-white-bg ul li {
    margin-bottom: 2px
}

.panel-white-bg ul li ul {
    margin-bottom: 10px
}

.panel-white-bg ul li ul li {
    margin-bottom: 0
}

.panel-white-bg .uk-panel {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15)
}

.panel-white-bg .uk-panel img {
    margin: 0 !important
}

#separation-modal.uk-modal .uk-modal-dialog {
    border-radius: unset;
    background: #fff;
    padding: 45px;
    text-align: center;
    font-size: 22px;
    line-height: 33px
}

#separation-modal.uk-modal .uk-modal-dialog>.uk-close:first-child {
    margin: -35px -35px 0 0
}

.button {
    font-size: 1rem;
    font-weight: 400
}

.button.button-a-little-round,
.button.button-round {
    letter-spacing: 1px
}

.button-round {
    border-radius: 25px
}

.button-a-little-round {
    border-radius: 4px
}

.button-outline {
    background: 0 0;
    border: 1px solid #aaa;
    color: #777
}

.button-outline:hover {
    border: 1px solid #0063b4;
    background: #0063b4;
    color: #fff
}

.button-outline.button-hover-grey {
    border: 1px solid #bbb;
    letter-spacing: normal
}

.button-outline.button-hover-grey:hover {
    background: #efefef;
    border: 1px solid #aaa;
    color: inherit
}

.button-outline.button-hover-grey.uk-active {
    border: 1px solid #0063b4;
    background: #0063b4;
    color: #fff
}

.button-white {
    background: #fff;
    border: 1px solid #fff;
    color: #666
}

.button-white:hover {
    border: 1px solid #0063b4;
    background: #0063b4;
    color: #fff
}

.button-green {
    background: #55AE4C;
    border: 1px solid #55AE4C;
    color: #fff
}

.button-green:hover {
    border: 1px solid #203052;
    background: #203052;
    color: #fff
}

.button-blue {
    background: #0063b4;
    border: 1px solid #0063b4;
    color: #fff
}

.button-blue:hover,
.button-dark-blue {
    background: #203052;
    border: 1px solid #203052;
    color: #fff
}

.button-dark-blue:hover {
    border: 1px solid #0063b4;
    background: #0063b4;
    color: #fff
}

.button-red {
    background: #d84242;
    border: 1px solid #d84242;
    color: #fff
}

.button-red:hover {
    border: 1px solid #203052;
    background: #203052;
    color: #fff
}

.button-outline.button-white {
    border: 1px solid #fff;
    color: #fff;
    background: 0 0
}

.button-outline.button-white:hover {
    color: #666;
    background: #fff;
    border: 1px solid #fff
}

.button-outline.button-green {
    border: 1px solid #55AE4C;
    color: #55AE4C;
    background: 0 0
}

.button-outline.button-green:hover {
    color: #fff;
    background: #55AE4C;
    border: 1px solid #55AE4C
}

.button-outline.button-blue {
    border: 1px solid #0063b4;
    color: #0063b4;
    background: 0 0
}

.button-outline.button-blue:hover {
    color: #fff;
    background: #0063b4;
    border: 1px solid #0063b4
}

.button-outline.button-dark-blue {
    border: 1px solid #203052;
    color: #203052;
    background: 0 0
}

.button-outline.button-dark-blue:hover {
    color: #fff;
    background: #203052;
    border: 1px solid #203052
}

.button-hover-fill-white:hover {
    background: #fff;
    color: #666;
    border: 1px solid #fff
}

.button-uppercase {
    text-transform: uppercase
}

.button-thin {
    font-weight: 300
}

.button-medium {
    min-height: 32px;
    line-height: 35px;
    font-size: .9rem
}

.button-xl {
    min-height: 40px;
    line-height: 45px;
    font-size: 1rem
}

.button-block {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 20px 0
}

.ui.selection.dropdown {
    min-height: 1px;
    width: 100%;
    min-width: 1px
}

.ui.form .field>.selection.dropdown {
    min-width: 1px
}

.ui.selection.dropdown .menu {
    margin: 0 0 0 -1px;
    width: 100%;
    min-width: 100%
}

.ui.form.formstack {
    text-align: left
}

.ui.form.formstack .hidden {
    visibility: hidden
}

.ui.form.formstack .fsOptionLabel.vertical {
    display: block;
    width: 100%
}

.ui.form.formstack .fsOptionLabel.vertical input[type=radio] {
    margin-bottom: 5px
}

.ui.form.formstack #fsSection64871637 .fsRowBody {
    margin-bottom: 3px
}

.ui.form.formstack #fsSection64871637 .fsSectionHeading {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px
}

.ui.form.formstack #fsSection64871637 .fsLabel {
    line-height: 16px
}

.ui.form.formstack #fsSection64871637 fieldset legend span {
    font-weight: 400;
    font-size: 12px
}

.ui.form.formstack #fsSection64871637 .fsSupporting {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    display: block;
    margin: 5px 0
}

.ui.form.formstack select.fsField {
    border: 1px solid #999;
    background: 0 0;
    font-size: 14px;
    color: #888;
    border: 1px solid rgba(34, 36, 38, .17);
    height: 41px
}

.ui.form.formstack .fsLabel {
    font-weight: 600;
    display: block;
    margin-bottom: 5px
}

.ui.form.formstack label.fsSupporting {
    font-size: 12px;
    color: #888;
    font-weight: 500
}

.ui.form.formstack .fsRequiredMarker {
    color: #db2828;
    margin: -2px 0 0 2px;
    font-size: 12px
}

.ui.form.formstack .fsRowBody {
    margin-bottom: 20px
}

.ui.form.formstack .fsValidationError .fsLabel {
    color: #9f3a38
}

.ui.form.formstack .fsValidationError .fsField {
    background: #fff6f6;
    border-color: #e0b4b4;
    color: #9f3a38
}

.ui.form.formstack .fsError {
    font-weight: 600;
    position: relative;
    min-height: 1em;
    margin-bottom: 1.5em;
    background: #fff6f6;
    padding: 1em 1.5em;
    line-height: 1.4285em;
    border-radius: .28571429rem;
    color: #9f3a38;
    box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent;
    display: block
}

.slide-down-search-form .ui.search.dropdown>.text,
.ui.form.formstack .fsRow .fsCell fieldset .fsOptionLabel {
    font-weight: 400
}

.ui.form.formstack .fsRow .fsRowBody {
    padding: 5px 0
}

.ui.form.formstack .fsRow .fsRowBody .fsSubField {
    margin-bottom: 20px
}

.ui.form.formstack .fsRow .fsRowBody.fsSpan50 .fsSubField {
    margin: 0
}

.ui.form.formstack .fsRow .fsRowBody.fsFieldCell.fsSpan100 {
    float: none
}

.ui.form.formstack .fsRow .fsField.fsFieldAddress {
    margin-bottom: 20px
}

.ui.form.formstack .fsRow .fsField.fsFieldAddress2 {
    margin-bottom: 20px;
    display: none
}

.ui.form.formstack .fsRow label.hidden,
.ui.form.formstack .fsRow legend.hidden {
    display: none
}

@media (min-width:480px) {

    .ui.form.formstack .fsRow .fsRowBody .fsSubField,
    .ui.form.formstack .fsRow .fsRowBody.fsFieldCell {
        float: left
    }

    .ui.form.formstack .fsRow .fsRowBody .fsSubField,
    .ui.form.formstack .fsRow .fsRowBody.fsFieldCell.fsSpan50 {
        width: 48%
    }

    .ui.form.formstack .fsRow .fsRowBody .fsSubField.fsFieldCity,
    .ui.form.formstack .fsRow .fsRowBody .fsSubField.fsFieldState,
    .ui.form.formstack .fsRow .fsRowBody .fsSubField.fsFieldZip {
        width: 32%
    }

    .ui.form.formstack .fsRow .fsRowBody .fsSubField:first-child,
    .ui.form.formstack .fsRow .fsRowBody.fsFieldCell.fsSpan50.fsFirst {
        padding-right: 2%
    }

    .ui.form.formstack .fsRow .fsRowBody .fsSubField:last-child,
    .ui.form.formstack .fsRow .fsRowBody.fsFieldCell.fsSpan50.fsLast {
        padding-left: 2%
    }
}

.ui.form.formstack .fsRow .fsCell fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.ui.form.formstack .fsRow .fsCell fieldset .fsOptionLabel input {
    margin-right: 8px;
    position: relative
}

.ui.form.formstack .fsSubmitButton {
    font-family: Lato, sans-serif;
    background: #0063b4;
    border: none;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    padding: 10px 15px
}

.ui.form.formstack .fsSubmitButton:hover {
    background: #203052;
    color: #fff
}

.uk-panel .ui.form.formstack .fsRowBody {
    margin-bottom: 10px
}

.product-list li:first-child .product-list--item {
    border-top: 1px solid #ddd
}

.product-list--item {
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding: 10px
}

.product-list--item img {
    margin-right: 15px
}

.product-list--item h4 {
    font-size: 18px
}

.product-list--item h4 a:hover {
    color: #55AE4C
}

.product-thumb-small {
    max-width: 50px
}

.product-table h4 {
    font-size: 16px
}

.product-table h4 a:hover {
    color: #55AE4C
}

.feature-image-mobile {
    margin: 0 0 30px
}

@media (min-width:480px) {
    .feature-image-mobile {
        float: right;
        max-width: 200px;
        margin: 0 0 20px 15px
    }
}

.tabs-content--products {
    background: #F4F4F4;
    text-align: left
}

.tabs-content--products h4 {
    font-size: 23px;
    font-weight: 300;
    color: #55AE4C
}

.tabs-content--products h4 strong {
    font-weight: 300
}

@media (max-width:1079px) {
    .product-tabs-content {
        text-align: left
    }
}

.panel-white-bg .uk-panel img.product-image-photo {
    margin-top: 10px !important
}

.product-image-titles {
    font-size: 15px;
    font-weight: 700;
    line-height: 19px;
    margin-top: 8px;
    padding-top: 0;
    margin-bottom: 8px !important
}

.page-text h3.heading-largerer.implant-name-heading {
    font-size: 45px;
    line-height: 53px;
    margin-bottom: 12px
}

.table-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 40px
}

.page-text table.table-smaller-font td,
.page-text table.table-smaller-font th,
.table.table-smaller-font td,
.table.table-smaller-font th {
    font-size: 12px;
    line-height: 17px
}

.page-text table.table-smaller-font td em,
.page-text table.table-smaller-font th em,
.table.table-smaller-font td em,
.table.table-smaller-font th em {
    background: rgba(255, 251, 204, .8);
    font-style: normal
}

.tab-headline {
    color: #666;
    font-size: 18px;
    line-height: 25px
}

.tab-headline strong {
    font-size: 30px;
    color: #55AE4C
}

.tab-headline strong sup {
    font-size: 15px
}

@media (min-width:768px) {
    .tab-headline {
        line-height: 35px;
        font-size: 22px
    }

    .tab-headline strong {
        font-size: 40px;
        color: #55AE4C
    }

    .tab-headline strong sup {
        font-size: 20px
    }
}

.ui.secondary.pointing.menu .link.item.active,
.ui.secondary.pointing.menu a.item.active {
    background: #f4f4f4
}

.ui.secondary.pointing.menu .link.item:hover,
.ui.secondary.pointing.menu a.item:hover {
    background: #efefef
}

.ui.tabular.menu .active.item {
    background: #f4f4f4;
    border: none
}

.ui.attached.tabular.menu {
    border: none
}

.ui.tabular.menu .item {
    padding-left: 15px;
    border: none
}

.ui.tab.segment {
    background: #f4f4f4
}

.tab-inside {
    padding: 25px;
    text-align: left
}

@media (max-width:767px) {
    .ui.tabular.menu {
        -ms-flex-direction: column;
        flex-direction: column;
        border-top: 2px solid #55AE4C !important;
        border-radius: 0 !important
    }

    .ui.tabular.menu .active.item,
    .ui.tabular.menu .item {
        border-radius: 0 !important;
        border-bottom: 1px solid #ddd
    }

    .ui.tabular.menu .active.item {
        box-shadow: inset 0 -1px 4px rgba(200, 200, 200, .6)
    }

    .ui.tabular.menu .item {
        background: #fafafa
    }
}

.product-thumbnail {
    border: 2px solid #ccc
}

.product-thumb-nav {
    bottom: 17px
}

@media (max-width:479px) {
    .product-thumbnail {
        border: 2px solid #ccc;
        margin-top: 25px
    }

    .product-thumb-nav {
        left: 0;
        bottom: 55px
    }
}

.who-are-we {
    padding: 60px 0;
    background: url(../img/who-are-we-bg.jpg)
}

@media (max-width:767px) {
    .who-are-we {
        padding: 50px 0
    }
}

.who-are-we-heading {
    font-size: 42px;
    margin-bottom: 0
}

.market-segment-headline,
.market-segment-headline-2 {
    font-family: nimbus_sans_novuslight, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    text-align: center
}

.who-are-we-text {
    margin-bottom: 0
}

@media (min-width:768px) {
    .who-are-we-text {
        line-height: 42px;
        font-weight: 100;
        font-size: 26px;
        margin: 25px 25px 0 0
    }
}

.market-segment-headline {
    letter-spacing: 1px;
    line-height: 30px;
    color: #fff;
    margin: 0 !important;
    text-transform: uppercase;
    background: rgba(0, 0, 0, .6);
    cursor: pointer
}

.market-segment-headline:hover {
    background: rgba(0, 0, 0, .3)
}

.market-segment-headline-2 {
    letter-spacing: .3px;
    line-height: 30px;
    color: #55AE4C;
    margin: 8px 0 20px !important
}

.market-segment-headline-3 {
    text-align: center;
    font-family: nimbus_sans_novusregular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 1.5px;
    line-height: 24px;
    color: #fff;
    margin: 0 !important;
    text-transform: uppercase;
    background: rgba(0, 0, 0, .6)
}

.market-segment-headline-3:hover {
    background: rgba(0, 0, 0, .3);
    color: #fff
}

.market-segment-block-margin {
    margin-bottom: 30px
}

.market-segment-img {
    height: 150px
}

@media (min-width:480px) {
    .market-segment-headline-3 {
        font-size: 20px;
        line-height: 28px
    }

    .market-segment-img {
        height: 200px
    }
}

.quality-policy li {
    margin-bottom: 12px
}

@media (min-width:768px) {
    .quality-policy-section {
        margin-right: 40px
    }

    .quality-policy li,
    .quality-policy p {
        font-size: 18px;
        line-height: 28px
    }
}

@media (min-width:1080px) {

    .quality-policy li,
    .quality-policy p {
        font-size: 20px;
        line-height: 30px
    }

    .quality-policy li {
        margin-bottom: 15px
    }
}

.quality-policy img {
    max-height: 400px
}

.staff-photo {
    max-width: 300px
}

@media (min-width:480px) {
    .staff-photo {
        float: right;
        margin: 25px 0 20px 30px
    }
}

.news-article--heading {
    margin-bottom: 0;
    font-size: 15px !important;
    line-height: 18px
}

.news-article--date {
    margin: 0;
    font-size: 15px;
    color: #666;
    padding-bottom: 0
}

.news-article--excerpt {
    margin-top: 5px;
    margin-bottom: 28px
}

article.news-article-listings {
    line-height: 18px
}

article.news-article-listings hr {
    margin: 12px 0
}

.featured-story-panel .panel-image {
    border-top: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd
}

.featured-story {
    background-position: center;
    background-size: cover;
    background-image: url(../img/blue-bg-news-featured.jpg)
}

.featured-story h4 {
    color: #fff
}

.featured-story h3 strong {
    color: #6ec853;
    font-family: nimbus_sans_novusbold, sans-serif;
    font-size: 40px;
    line-height: 42px
}

.featured-story p,
.featured-story strong {
    color: #fafafa
}

.contact-card h4 {
    margin: 10px 0
}

.section-with-tabs .ui.tab.segment {
    background: 0 0
}

.section-with-tabs .uk-button.uk-position-bottom {
    bottom: 25px !important;
    left: 25px !important;
    right: 25px !important
}

.section-with-tabs .ui.form.formstack .fsRow .fsRowBody .fsSubField.fsNameFirst,
.section-with-tabs .ui.form.formstack .fsRow .fsRowBody .fsSubField.fsNameLast {
    margin-bottom: 10px
}

.section-with-tabs .uk-panel-box {
    position: relative;
    padding-bottom: 30px
}

.section-with-tabs .uk-panel-box h3.investor-column-heading+ul {
    margin-top: 10px
}

.section-with-tabs .uk-panel-box .read-more {
    background: #eee;
    border-top: 1px solid #ddd;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    bottom: 0;
    display: block;
    left: 0;
    right: 0;
    padding: 6px;
    font-weight: 700;
    font-size: 13px
}

.section-with-tabs .uk-panel-box .read-more:hover {
    background: #dfdfdf
}

.section-with-tabs .page-text .ui.tab h3 {
    margin-top: 20px;
    font-size: 24px
}

.section-with-tabs .page-text .ui.tab h3+p,
.section-with-tabs .page-text .ui.tab h3+ul {
    margin-top: 10px
}

.section-with-tabs .page-text .ui.tab.events-listings h3+p {
    margin-top: 2px
}

.section-with-tabs .ui.secondary.pointing.menu {
    margin-top: 20px
}

.investor-relations-section .ui.tab.segment {
    background: 0 0
}

.investor-relations-section .page-text h3.investor-column-heading {
    margin-top: 15px
}

.investor-relations-section .investor-icons {
    color: #ccc;
    display: inline;
    margin-right: 5px
}

.investor-relations-section .investor-panel {
    margin-bottom: 30px
}

.investor-relations-section .quarter,
.investor-relations-section .year {
    color: #fff;
    line-height: 40px
}

.investor-relations-section .quarter {
    font-size: 95px
}

.investor-relations-section .year {
    font-size: 35px
}

.investor-relations-section .uk-button.uk-position-bottom {
    bottom: 25px !important;
    left: 25px !important;
    right: 25px !important
}

.investor-relations-section .ui.form.formstack .fsRow .fsRowBody .fsSubField.fsNameFirst,
.investor-relations-section .ui.form.formstack .fsRow .fsRowBody .fsSubField.fsNameLast {
    margin-bottom: 10px
}

.investor-relations-section .uk-panel-box {
    position: relative;
    padding-bottom: 30px
}

.investor-relations-section .uk-panel-box h3.investor-column-heading+ul {
    margin-top: 10px
}

.investor-relations-section .uk-panel-box .read-more {
    background: #eee;
    border-top: 1px solid #ddd;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    bottom: 0;
    display: block;
    left: 0;
    right: 0;
    padding: 6px;
    font-weight: 700;
    font-size: 13px
}

.investor-relations-section .uk-panel-box .read-more:hover {
    background: #dfdfdf
}

.investor-relations-section .table-quarterly-results td a {
    font-weight: 700;
    margin: 0 2px;
    color: #0063b4
}

.investor-relations-section .table-quarterly-results td a:hover {
    color: #203052
}

.investor-relations-section .ui.table.table-committee-composition td,
.investor-relations-section .ui.table.table-committee-composition th {
    font-size: 13px;
    line-height: 19px
}

.investor-relations-section .page-text .ui.tab h3 {
    margin-top: 20px;
    font-size: 24px
}

.investor-relations-section .page-text .ui.tab h3+p,
.investor-relations-section .page-text .ui.tab h3+ul {
    margin-top: 10px
}

.investor-relations-section .page-text .ui.tab.events-listings h3+p {
    margin-top: 2px
}

.investor-relations-section .ui.secondary.pointing.menu {
    margin-top: 20px
}

.page-text .panel-white-bg .uk-panel .ms-product-grid img {
    margin-top: 25px !important
}

.page-text .panel-white-bg .uk-panel .ms-product-grid p {
    line-height: 19px
}

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em
}

#cd-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #d7e4ed
}

.cd-timeline-block:after,
.cd-timeline-content:after {
    content: "";
    clear: both
}

@media only screen and (min-width:1170px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em
    }

    #cd-timeline::before {
        left: 50%;
        margin-left: -2px
    }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0
}

.cd-timeline-block:after {
    display: table
}

.cd-timeline-block:first-child {
    margin-top: 0
}

.cd-timeline-block:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:1170px) {
    .cd-timeline-block {
        margin: 4em 0
    }

    .cd-timeline-block:first-child {
        margin-top: 0
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0
    }
}

.cd-timeline-img {
    position: absolute;
    top: 15px;
    left: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.cd-timeline-img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px
}

.cd-timeline-img.cd-movie {
    background: #0063b4
}

@media only screen and (min-width:1170px) {
    .cd-timeline-img {
        width: 20px;
        height: 20px;
        top: 0;
        left: 50%;
        margin-left: -10px;
        margin-top: 20px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        animation: cd-bounce-1 .6s
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    60% {
        opacity: 1;
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    border-radius: 4px;
    padding: 1em;
    background: rgba(240, 240, 240, .6)
}

.cd-timeline-content:after {
    display: table
}

.cd-timeline-content h2 {
    color: #303e49;
    margin-bottom: 3px;
    font-size: 24px;
    line-height: 28px
}

.cd-timeline-content .cd-date,
.cd-timeline-content .cd-read-more,
.cd-timeline-content p {
    font-size: .8125rem
}

.cd-timeline-content .cd-date,
.cd-timeline-content .cd-read-more {
    display: inline-block
}

.cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.6
}

.cd-timeline-content .cd-date {
    font-size: 14px
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid rgba(240, 240, 240, .6)
}

@media only screen and (min-width:768px) {
    .cd-timeline-content h2 {
        font-size: 22px
    }

    .cd-timeline-content p {
        font-size: 16px;
        font-size: 1rem
    }

    .cd-timeline-content .cd-date,
    .cd-timeline-content .cd-read-more {
        font-size: 14px;
        font-size: .875rem
    }
}

@media only screen and (min-width:1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 38%
    }

    .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: rgba(240, 240, 240, .6)
    }

    .cd-timeline-content .cd-read-more {
        float: left
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content,
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right
    }

    .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 123%;
        top: 15px;
        font-size: 18px
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: rgba(230, 230, 230, .4)
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 123%;
        text-align: right
    }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        animation: cd-bounce-2 .6s
    }

    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        animation: cd-bounce-2-inverse .6s
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        transform: translateX(-100px)
    }

    60% {
        opacity: 1;
        transform: translateX(20px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        transform: translateX(100px)
    }

    60% {
        opacity: 1;
        transform: translateX(-20px)
    }

    100% {
        transform: translateX(0)
    }
}

.close {
    top: 75px;
    right: 15px;
    position: absolute;
    z-index: 500;
    font-size: 17px;
    color: #fff;
    display: none
}

.close:hover {
    color: #ccc
}

.mobile-search-toggle {
    margin-right: 18px;
    color: inherit
}

.slide-down-search-form .ui.selection.dropdown.search {
    min-width: 120px;
    min-height: 1px;
    border: none;
    border-right: 1px solid rgba(200, 200, 200, .5);
    background: #EBEBEC;
    padding-top: 23px;
    padding-bottom: 23px;
    border-radius: 3px 0 0 3px;
    font-size: 14px
}

.slide-down-search-form .ui.selection.dropdown.search:hover {
    border-right: 1px solid rgba(200, 200, 200, .5)
}

.slide-down-search-form .ui.selection.search.dropdown.active.visible {
    border-bottom-left-radius: 0 !important
}

.slide-down-search-form .ui.selection.dropdown .menu {
    margin: 0;
    border: none;
    width: 100%;
    min-width: 100%
}

.slide-down-search-form .input-search {
    width: 100%;
    padding: 25px 20px 25px 70px;
    background: rgba(255, 255, 255, .98);
    border: none;
    letter-spacing: normal;
    font-family: inherit;
    font-size: 20px;
    font-weight: 300;
    border-radius: 3px;
    -webkit-appearance: none
}

.slide-down-search-form .search-icon {
    font-size: 35px;
    color: #aaa;
    position: absolute;
    left: 20px;
    top: 20px
}

@media (min-width:768px) {
    .slide-down-search-form .input-search {
        padding: 25px 20px 25px 70px
    }
}

.search-form-container .search-category {
    height: 60px
}

.search-form-container .uk-search {
    width: 100%
}

.search-form-container .uk-search:before {
    font-size: 15px;
    top: 10px;
    left: 7px
}

.search-form-container .uk-search-field:focus {
    width: 100%
}

.search-form-container .input-search-product {
    width: 100%;
    padding: 6px 10px 6px 40px;
    border: 1px solid #ddd;
    border-radius: 30px;
    height: 50px;
    display: block;
    background: rgba(200, 200, 200, .1)
}

.search-results article h2,
.search-results article h3,
.search-results article h4,
.search-results-container,
.slide-down-search-form {
    display: none
}

.search-form-container .input-search-product:focus {
    background: rgba(200, 200, 200, 0)
}

.search-form-container .input-search-product:before {
    top: 15px
}

.search-form-container--big .search-category {
    height: 65px
}

.search-form-container--big .uk-search:before {
    font-size: 18px;
    top: 18px;
    left: 12px
}

.search-form-container--big .input-search-product {
    padding: 10px 12px 10px 48px;
    border-radius: 38px;
    height: 65px;
    font-size: 15px
}

.page-text .heading-form {
    margin-top: 0;
    color: #55AE4C;
    font-size: 23px
}

.slide-down-search-form {
    position: absolute;
    z-index: 400;
    width: 100%;
    height: 100%
}

.slide-down-search-form .slide-down-search-form--bg {
    background: rgba(225, 225, 225, .97);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 450;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.slide-down-search-form .search-content-container {
    position: relative;
    z-index: 500
}

.slide-down-search-form .close,
.slide-down-search-form .close:hover {
    color: #555
}

.search-results {
    text-align: left;
    background: #fff;
    border-radius: 5px;
    padding: 25px 0
}

.search-results .search-results-article-content {
    padding: 20px 30px
}

.search-results .search-results-article-content.remove-padding-right {
    padding-right: 0
}

.search-results article {
    border-bottom: solid 1px #ddd
}

.search-results article a {
    font-weight: 700
}

.search-results article a:hover {
    color: #333
}

.search-results article em {
    background: rgba(255, 251, 204, .8);
    font-style: normal
}

.search-results article .label {
    background: #ccc
}

.search-results article .category {
    font-style: italic;
    font-size: 13px;
    margin-top: -10px;
    margin-bottom: 0;
    display: block;
    font-weight: 700;
    color: #444
}

.search-results--headline {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 5px;
    margin-top: 15px;
    font-size: 28px;
    line-height: 40px
}

.search-results--title {
    margin: 0 0 7px
}

.search-results-pagination {
    margin-top: 25px;
    margin-bottom: 0
}

.search-results-thumbnail img {
    max-width: 135px;
    max-height: 135px;
    margin: 0 auto;
    display: inline-block
}

.no-results {
    margin-top: 20px;
    margin-bottom: 0
}

.count {
    font-weight: 400;
    font-size: 13px;
    opacity: .9
}

@media (max-width:767px) {
    .count {
        font-size: 11px
    }
}

.search-results--products {
    list-style: none;
    padding-left: 0
}

.search-results--products li.search-results-content {
    border-bottom: 1px solid #d3d3d3;
    margin-left: 25px
}

.search-results--products .search-results--title {
    margin-bottom: 10px;
    font-size: 17px
}

.search-results--products article {
    padding: 30px 0;
    border: none
}

.search-results--products article p {
    margin: 0
}

.open-mobile-nav-trigger {
    color: #555;
    padding: 7px 0;
    margin: 0
}

.nav-bar.nav-bar--dark .open-mobile-nav-trigger {
    color: #fff
}

.uk-tab {
    border: none
}

.uk-tab>li>a {
    padding: 15px 20px;
    font-weight: 600;
    font-size: 15px;
    color: #0063b4
}

@media (max-width:767px) {
    .uk-tab>li>a {
        padding: 12px;
        font-size: 12px
    }
}

.uk-tab>li>a:hover {
    background: 0 0;
    color: inherit;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.uk-tab>li.uk-active>a,
.uk-tab>li.uk-active>a:hover {
    background: #f4f4f4;
    border: none;
    color: inherit
}

.uk-tab>li.uk-active>a:hover {
    margin-bottom: 0
}

.ui.selection.dropdown .menu>.item {
    line-height: 22px
}

.ui.button,
.ui.icon.button {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #f2f2f2
}

.ui.icon.button:hover {
    background: #e2e2e2
}

.ui.dropdown .menu>.input:not(.transparent) input {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 12px
}

.ui.dropdown .menu>.input:not(.transparent) .icon {
    padding: 0
}

.ui.dropdown .scrolling.menu>.item.item.item.section {
    font-weight: 700;
    font-size: 1.2rem;
    border-top: 1px solid #dfdfdf
}

.ui.dropdown .scrolling.menu>.item.item.item.section.section-no-divider {
    border-top: none
}

.ui.dropdown .scrolling.menu a,
.ui.scrolling.dropdown .menu a {
    color: inherit;
    width: 100%;
    display: block
}

#authenticationRequest,
#reviewForm,
#reviewRequestForm,
.fsHidden,
form.error small.error {
    display: none
}

@media (max-width:1079px) {
    .ui.icon.button {
        margin-top: 20px
    }

    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 250px
    }
}

.uk-pagination>li.uk-active>a,
.uk-pagination>li>a,
.uk-pagination>li>span {
    border-radius: 3px;
    font-size: 13px;
    font-weight: 400;
    padding: 8px 12px;
    margin-bottom: 5px
}

.uk-pagination>li.uk-active>a,
.uk-pagination>li.uk-active>a:hover,
.uk-pagination>li>a.uk-active,
.uk-pagination>li>a.uk-active:hover {
    background: #0063b4;
    color: #fff
}

.uk-pagination>li>a>i {
    color: #666
}

.ui.card,
.ui.card:first-child,
.ui.card:last-child,
.ui.cards>.card {
    width: 100%;
    margin: 20px 0
}

.ui.card .description,
.ui.card:first-child .description,
.ui.card:last-child .description,
.ui.cards>.card .description {
    font-size: 13px;
    font-weight: 400
}

.ui.card .content.extra,
.ui.card:first-child .content.extra,
.ui.card:last-child .content.extra,
.ui.cards>.card .content.extra {
    font-size: 14px;
    font-weight: 600
}

.uk-slidenav-contrast {
    color: rgba(0, 0, 0, .4)
}

.uk-slidenav-contrast:hover {
    color: rgba(0, 0, 0, .8)
}

body.uk-offcanvas-page {
    overflow: scroll
}

.uk-offcanvas {
    position: absolute
}

.uk-modal-dialog {
    margin-top: 70px
}

.ui.checkbox .box {
    width: 15px;
    height: 15px
}

#draft-actions-container {
    position: fixed;
    width: 100%;
    background: #333f4d;
    z-index: 800
}

#draft-actions-container .draft-elements {
    padding: 23px 17px 17px
}

#draft-actions-container h2 {
    margin: 0
}

#draft-actions-container .uk-alert {
    position: absolute;
    top: 5px;
    left: 50%;
    width: 400px;
    border-radius: 4px;
    margin-left: -200px
}

#draft-actions-container .uk-alert p {
    font-weight: 400
}

@media (max-width:767px) {
    #draft-actions-container .uk-alert {
        top: 15px;
        left: 15px;
        right: 5px;
        width: auto;
        margin-left: 0
    }
}

#draftmode {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background: url(../img/devmode.png) 50% 0 repeat-x #333f4d;
    cursor: help
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
    #draftmode {
        background-image: url(../img/devmode_2x.png);
        background-size: 40px
    }
}

.reviewer-buttons .button {
    margin-left: 15px
}

.review-modal .ui.form .field>label {
    line-height: 20px
}

.review-modal .ui.form .field>label small {
    color: #999;
    font-weight: 400
}

.review-modal .uk-close {
    position: relative;
    z-index: 8000;
    opacity: .5
}

.review-modal .checkbox {
    margin-right: 5px !important
}

.redactor-box {
    margin-top: 4px;
    margin-bottom: 0
}

.redactor-editor {
    border: 1px solid #e8e8e8
}

.redactor-toolbar {
    background: #f4f4f4;
    z-index: 500 !important
}

h4.draft-heading.success {
    color: #50b949
}

h4.draft-heading.error {
    color: #d75e5e
}



.entryrow {
    display: flex;
    align-items: stretch;
    padding-left: 32px;
    background-color: white;
    margin-top:32px;
}

.entryrow:nth-of-type(1) {
    margin-top:0px;
}

.entryrow:nth-child(odd) {
    background-color: #F5F5F5;
}

.entrytitle {
    flex: 0 0 33%;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 18px;
}

.entryembed {
    flex: 0 0 67%;
}

.event-image {
    flex: 0 0 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.event-image img {
    padding-top: 18px;
    padding-bottom: 18px;
    max-width: 88%;
    max-height: 200px;
}

.event-details {
    flex: 0 0 64%;
    padding-top: 18px;
    padding-right: 18px;
}