/*

 * # Semantic UI - 2.3.3

 * https://github.com/Semantic-Org/Semantic-UI

 * http://www.semantic-ui.com/

 *

 * Copyright 2014 Contributors

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */





/*!

 * # Semantic UI 2.3.3 - Reset

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

*, :after, :before {

    box-sizing: inherit

}



html {

    box-sizing: border-box

}



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

    -webkit-appearance: none;

    -moz-appearance: none

}



/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {

    line-height: 1.15;

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

    -webkit-text-size-adjust: 100%

}



body {

    margin: 0

}



article, aside, footer, header, nav, section {

    display: block

}



h1 {

    font-size: 2em;

    margin: .67em 0

}



 figure, main {

    display: block

}



figure {

    margin: 1em 40px

}



hr {

    box-sizing: content-box;

    height: 0;

    overflow: visible

}



a {

    background-color: transparent;

    -webkit-text-decoration-skip: objects

}



b, strong {

    font-weight: inherit

}



b, strong {

    font-weight: bolder

}



code {

    font-family: monospace, monospace;

    font-size: 1em

}



mark {

    background-color: #ff0;

    color: #000

}



small {

    font-size: 80%

}



img {

    border-style: none

}



svg:not(:root) {

    overflow: hidden

}



button, input, select, textarea {

    font-family: sans-serif;

    font-size: 100%;

    line-height: 1.15;

    margin: 0

}



button, input {

    overflow: visible

}



button, select {

    text-transform: none

}



[type=reset], [type=submit], button, html [type=button] {

    -webkit-appearance: button

}



[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {

    border-style: none;

    padding: 0

}



[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {

    outline: 1px dotted ButtonText

}



fieldset {

    padding: .35em .75em .625em

}



textarea {

    overflow: auto

}



[type=checkbox], [type=radio] {

    box-sizing: border-box;

    padding: 0

}



[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {

    height: auto

}



[type=search] {

    -webkit-appearance: textfield;

    outline-offset: -2px

}



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

    -webkit-appearance: none

}



::-webkit-file-upload-button {

    -webkit-appearance: button;

    font: inherit

}



details, menu {

    display: block

}



summary {

    display: list-item

}



[hidden] {

    display: none

}



/*!

 * # Semantic UI 2.3.3 - Site

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

body, html {

    height: 100%

}



html {

    font-size: 14px

}



body {

    margin: 0;

    padding: 0;

    overflow-x: hidden;

    min-width: 320px;

    background: #fff;

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    font-size: 14px;

    line-height: 1.4285em;

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

    font-smoothing: antialiased

}



h1, h2, h3, h4, h5 {

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    line-height: 1.28571429em;

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

    font-weight: 700;

    padding: 0

}



h1 {

    min-height: 1rem;

    font-size: 2rem

}



h2 {

    font-size: 1.71428571rem

}



h3 {

    font-size: 1.28571429rem

}



h4 {

    font-size: 1.07142857rem

}



h5 {

    font-size: 1rem

}



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

    margin-top: 0

}



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

    margin-bottom: 0

}



p {

    margin: 0 0 1em;

    line-height: 1.4285em

}



p:first-child {

    margin-top: 0

}



p:last-child {

    margin-bottom: 0

}



a {

    color: #4183c4;

    text-decoration: none

}



a:hover {

    color: #1e70bf;

    text-decoration: none

}



::-webkit-selection {

    background-color: #cce2ff;

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

}



::-moz-selection {

    background-color: #cce2ff;

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

}



::selection {

    background-color: #cce2ff;

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

}



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

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

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

}



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

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

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

}



input::selection, textarea::selection {

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

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

}



body ::-webkit-scrollbar {

    -webkit-appearance: none;

    width: 10px;

    height: 10px

}



body ::-webkit-scrollbar-track {

    background: rgba(0, 0, 0, .1);

    border-radius: 0

}



body ::-webkit-scrollbar-thumb {

    cursor: pointer;

    border-radius: 5px;

    background: rgba(0, 0, 0, .25);

    -webkit-transition: color .2s ease;

    transition: color .2s ease

}



body ::-webkit-scrollbar-thumb:window-inactive {

    background: rgba(0, 0, 0, .15)

}



body ::-webkit-scrollbar-thumb:hover {

    background: rgba(128, 135, 139, .8)

}



body .ui.inverted::-webkit-scrollbar-track {

    background: rgba(255, 255, 255, .1)

}



body .ui.inverted::-webkit-scrollbar-thumb {

    background: rgba(255, 255, 255, .25)

}



body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {

    background: rgba(255, 255, 255, .15)

}



body .ui.inverted::-webkit-scrollbar-thumb:hover {

    background: rgba(255, 255, 255, .35)

}



/*!

 * # Semantic UI 2.3.3 - Button

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.button {

    cursor: pointer;

    display: inline-block;

    min-height: 1em;

    outline: 0;

    border: none;

    vertical-align: baseline;

    background: #e0e1e2 none;

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

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    margin: 0 .25em 0 0;

    padding: .78571429em 1.5em .78571429em;

    text-transform: none;

    text-shadow: none;

    font-weight: 700;

    line-height: 1em;

    font-style: normal;

    text-align: center;

    text-decoration: none;

    border-radius: .28571429rem;

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

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

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

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

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

    will-change: '';

    -webkit-tap-highlight-color: transparent

}



.ui.button:hover {

    background-color: #cacbcd;

    background-image: none;

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

}



.ui.button:hover .icon {

    opacity: .85

}



.ui.button:focus {

    background-color: #cacbcd;

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

    background-image: '' !important;

    box-shadow: '' !important

}



.ui.button:focus .icon {

    opacity: .85

}



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

    background-color: #babbbc;

    background-image: '';

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

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

}



.ui.active.button {

    background-color: #c0c1c2;

    background-image: none;

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

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

}



.ui.active.button:hover {

    background-color: #c0c1c2;

    background-image: none;

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

}



.ui.active.button:active {

    background-color: #c0c1c2;

    background-image: none

}



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

    position: relative;

    cursor: default;

    text-shadow: none !important;

    color: transparent !important;

    opacity: 1;

    pointer-events: auto;

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

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

}



.ui.loading.button:before {

    position: absolute;

    content: '';

    top: 50%;

    left: 50%;

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

    width: 1.28571429em;

    height: 1.28571429em;

    border-radius: 500rem;

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

}



.ui.loading.button:after {

    position: absolute;

    content: '';

    top: 50%;

    left: 50%;

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

    width: 1.28571429em;

    height: 1.28571429em;

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

    animation: button-spin .6s linear;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    border-radius: 500rem;

    border-color: #fff transparent transparent;

    border-style: solid;

    border-width: .2em;

    box-shadow: 0 0 0 1px transparent

}



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

    background-color: transparent;

    box-shadow: none

}



@-webkit-keyframes button-spin {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes button-spin {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



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

    cursor: default;

    opacity: .45 !important;

    background-image: none !important;

    box-shadow: none !important;

    pointer-events: none !important

}



.ui.inverted.button {

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

    background: transparent none;

    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 0

}



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

    margin-top: 0

}



.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, .ui.inverted.button:focus {

    background: #fff;

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

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

}



.ui.inverted.button.active:focus {

    background: #dcddde;

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

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

}



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

    display: -webkit-inline-box;

    display: inline-flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-direction: row;

    background: 0 0 !important;

    padding: 0 !important;

    border: none !important;

    box-shadow: none !important

}



.ui.labeled.button > .button {

    margin: 0

}



.ui.labeled.button > .label {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    margin: 0 0 0 -1px !important;

    padding: '';

    font-size: 1em;

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

}



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

    width: 1.85em;

    height: 1.85em

}



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

    border-top-right-radius: 0;

    border-bottom-right-radius: 0

}



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

    border-top-left-radius: 0;

    border-bottom-left-radius: 0

}



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

    border-top-left-radius: 0;

    border-bottom-left-radius: 0

}



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

    border-top-right-radius: 0;

    border-bottom-right-radius: 0

}



.ui.facebook.button {

    background-color: #3b5998;

    color: #fff;

    text-shadow: none;

    background-image: none;

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

}



.ui.facebook.button:hover {

    background-color: #304d8a;

    color: #fff;

    text-shadow: none

}



.ui.facebook.button:active {

    background-color: #2d4373;

    color: #fff;

    text-shadow: none

}



.ui.twitter.button {

    background-color: #55acee;

    color: #fff;

    text-shadow: none;

    background-image: none;

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

}



.ui.twitter.button:hover {

    background-color: #35a2f4;

    color: #fff;

    text-shadow: none

}



.ui.twitter.button:active {

    background-color: #2795e9;

    color: #fff;

    text-shadow: none

}



.ui.google.plus.button {

    background-color: #dd4b39;

    color: #fff;

    text-shadow: none;

    background-image: none;

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

}



.ui.google.plus.button:hover {

    background-color: #e0321c;

    color: #fff;

    text-shadow: none

}



.ui.google.plus.button:active {

    background-color: #c23321;

    color: #fff;

    text-shadow: none

}



.ui.youtube.button {

    background-color: red;

    color: #fff;

    text-shadow: none;

    background-image: none;

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

}



.ui.youtube.button:hover {

    background-color: #e60000;

    color: #fff;

    text-shadow: none

}



.ui.youtube.button:active {

    background-color: #c00;

    color: #fff;

    text-shadow: none

}



.ui.instagram.button {

    background-color: #49769c;

    color: #fff;

    text-shadow: none;

    background-image: none;

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

}



.ui.instagram.button:hover {

    background-color: #3d698e;

    color: #fff;

    text-shadow: none

}



.ui.instagram.button:active {

    background-color: #395c79;

    color: #fff;

    text-shadow: none

}



.ui.pinterest.button {

    background-color: #bd081c;

    color: #fff;

    text-shadow: none;

    background-image: none;

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

}



.ui.pinterest.button:hover {

    background-color: #ac0013;

    color: #fff;

    text-shadow: none

}



.ui.pinterest.button:active {

    background-color: #8c0615;

    color: #fff;

    text-shadow: none

}



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

    height: .85714286em;

    opacity: .8;

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

    -webkit-transition: opacity .1s ease;

    transition: opacity .1s ease;

    vertical-align: '';

    color: ''

}



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

    margin: 0 .42857143em 0 -.21428571em

}



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

    margin: 0 -.21428571em 0 .42857143em

}



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

    font-size: .85714286rem

}



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

    font-size: .92857143rem

}



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

    font-size: 1rem

}



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

    font-size: 1.14285714rem

}



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

    font-size: 1.28571429rem

}



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

    padding: .78571429em .78571429em .78571429em

}



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

    opacity: .9;

    margin: 0 !important;

    vertical-align: top

}



.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

}



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

    top: 0;

    left: 0

}



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

    padding-right: 4.07142857em !important;

    padding-left: 1.5em !important

}



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

    left: auto;

    right: 0;

    border-radius: 0;

    border-top-right-radius: inherit;

    border-bottom-right-radius: inherit;

    box-shadow: 1px 0 0 0 transparent inset

}



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

    display: block;

    position: absolute;

    width: 100%;

    top: 50%;

    text-align: center;

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

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

    transform: translateY(-50%)

}



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

    border-radius: 0

}



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

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

    border-bottom-left-radius: .28571429rem

}



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

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

    border-bottom-right-radius: .28571429rem

}



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

    border-radius: 0;

    border-top-left-radius: .28571429rem

}



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

    border-radius: 0;

    border-bottom-left-radius: .28571429rem

}



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

    padding-left: 1.5em !important;

    padding-right: 1.5em !important

}



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

    background-color: #21ba45 !important;

    box-shadow: none !important;

    text-shadow: none;

    color: #fff !important

}



.ui.button.toggle.active:hover {

    background-color: #16ab39 !important;

    text-shadow: none;

    color: #fff !important

}



.ui.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.fluid.buttons .or {

    width: 0 !important

}



.ui.fluid.buttons .or:after {

    display: none

}



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

    width: 100%

}



.ui.fluid.button {

    display: block

}



.ui.two.buttons {

    width: 100%

}



.ui.two.buttons > .button {

    width: 50%

}



.ui.three.buttons {

    width: 100%

}



.ui.three.buttons > .button {

    width: 33.333%

}



.ui.four.buttons {

    width: 100%

}



.ui.four.buttons > .button {

    width: 25%

}



.ui.five.buttons {

    width: 100%

}



.ui.five.buttons > .button {

    width: 20%

}



.ui.eight.buttons {

    width: 100%

}



.ui.eight.buttons > .button {

    width: 12.5%

}



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

    display: -webkit-box;

    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.eight.vertical.buttons > .button {

    height: 12.5%

}



.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.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.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.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.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.inverted.green.button, .ui.inverted.green.buttons .button {

    background-color: transparent;

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

    color: #2ecc40

}



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

    box-shadow: none !important;

    color: #fff

}



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

    background-color: #22be34

}



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

    background-color: #19b82b

}



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

    background-color: #1fc231

}



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

    background-color: #25a233

}



.ui.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.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.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.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.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.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.primary.button, .ui.primary.buttons .button {

    background-color: #2185d0;

    color: #fff;

    text-shadow: none;

    background-image: none

}



.ui.primary.button {

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

}



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

    background-color: #1678c2;

    color: #fff;

    text-shadow: none

}



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

    background-color: #0d71bb;

    color: #fff;

    text-shadow: none

}



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

    background-color: #1a69a4;

    color: #fff;

    text-shadow: none

}



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

    background-color: #1279c6;

    color: #fff;

    text-shadow: none

}



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

    background-color: transparent;

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

    color: #54c8ff

}



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

    box-shadow: none !important;

    color: #fff

}



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

    background-color: #3ac0ff

}



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

    background-color: #2bbbff

}



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

    background-color: #3ac0ff

}



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

    background-color: #21b8ff

}



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

    background-color: #1b1c1d;

    color: #fff;

    text-shadow: none;

    background-image: none

}



.ui.secondary.button {

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

}



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

    background-color: #27292a;

    color: #fff;

    text-shadow: none

}



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

    background-color: #2e3032;

    color: #fff;

    text-shadow: none

}



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

    background-color: #343637;

    color: #fff;

    text-shadow: none

}



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

    background-color: #27292a;

    color: #fff;

    text-shadow: none

}



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

    background-color: transparent;

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

    color: #545454

}



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

    box-shadow: none !important;

    color: #fff

}



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

    background-color: #616161

}



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

    background-color: #686868

}



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

    background-color: #616161

}



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

    background-color: #6e6e6e

}



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

    background-color: #21ba45;

    color: #fff;

    text-shadow: none;

    background-image: none

}



.ui.positive.button {

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

}



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

    background-color: #16ab39;

    color: #fff;

    text-shadow: none

}



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

    background-color: #0ea432;

    color: #fff;

    text-shadow: none

}



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

    background-color: #198f35;

    color: #fff;

    text-shadow: none

}



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

    background-color: #13ae38;

    color: #fff;

    text-shadow: none

}



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

    background-color: #db2828;

    color: #fff;

    text-shadow: none;

    background-image: none

}



.ui.negative.button {

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

}



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

    background-color: #d01919;

    color: #fff;

    text-shadow: none

}



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

    background-color: #ca1010;

    color: #fff;

    text-shadow: none

}



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

    background-color: #b21e1e;

    color: #fff;

    text-shadow: none

}



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

    background-color: #d41515;

    color: #fff;

    text-shadow: none

}



.ui.buttons {

    display: -webkit-inline-box;

    display: inline-flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-direction: row;

    font-size: 0;

    vertical-align: baseline;

    margin: 0 .25em 0 0

}



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

    box-shadow: none

}



.ui.buttons:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden

}



.ui.buttons .button {

    -webkit-box-flex: 1;

    flex: 1 0 auto;

    margin: 0;

    border-radius: 0;

    margin: 0

}



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

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

}



.ui.buttons .button:first-child {

    border-left: none;

    margin-left: 0;

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

    border-bottom-left-radius: .28571429rem

}



.ui.buttons .button:last-child {

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

    border-bottom-right-radius: .28571429rem

}



.ui.vertical.buttons {

    display: -webkit-inline-box;

    display: inline-flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column

}



.ui.vertical.buttons .button {

    display: block;

    float: none;

    width: 100%;

    margin: 0;

    box-shadow: none;

    border-radius: 0

}



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

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

    border-top-right-radius: .28571429rem

}



.ui.vertical.buttons .button:last-child {

    margin-bottom: 0;

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

    border-bottom-right-radius: .28571429rem

}



.ui.vertical.buttons .button:only-child {

    border-radius: .28571429rem

}



/*!

 * # Semantic UI 2.3.3 - Container

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.container {

    display: block;

    max-width: 100% !important

}



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

    .ui.container {

        width: auto !important;

        margin-left: 1em !important;

        margin-right: 1em !important

    }



    .ui.grid.container {

        width: auto !important

    }

}



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

    .ui.container {

        width: 723px;

        margin-left: auto !important;

        margin-right: auto !important

    }



    .ui.grid.container {

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

    }

}



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

    .ui.container {

        width: 933px;

        margin-left: auto !important;

        margin-right: auto !important

    }



    .ui.grid.container {

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

    }

}



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

    .ui.container {

        width: 1127px;

        margin-left: auto !important;

        margin-right: auto !important

    }



    .ui.grid.container {

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

    }

}



.ui.text.container {

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    max-width: 700px !important;

    line-height: 1.5

}



.ui.text.container {

    font-size: 1.14285714rem

}



.ui.fluid.container {

    width: 100%

}



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

    text-align: left

}



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

    text-align: center

}



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

    text-align: right

}



/*!

 * # Semantic UI 2.3.3 - Divider

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */



/*!

 * # Semantic UI 2.3.3 - Flag

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */



/*!

 * # Semantic UI 2.3.3 - Header

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.header {

    border: none;

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

    padding: 0 0;

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    font-weight: 700;

    line-height: 1.28571429em;

    text-transform: none;

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

}



.ui.header:first-child {

    margin-top: -.14285714em

}



.ui.header:last-child {

    margin-bottom: 0

}



.ui.header > .icon {

    display: table-cell;

    opacity: 1;

    font-size: 1.5em;

    padding-top: 0;

    vertical-align: middle

}



.ui.header .icon:only-child {

    display: inline-block;

    padding: 0;

    margin-right: .75rem

}



.ui.header > .image:not(.icon), .ui.header > img {

    display: inline-block;

    margin-top: .14285714em;

    width: 2.5em;

    height: auto;

    vertical-align: middle

}



.ui.header > .image:not(.icon):only-child, .ui.header > img:only-child {

    margin-right: .75rem

}



.ui.header .content {

    display: inline-block;

    vertical-align: top

}



.ui.header > .image + .content, .ui.header > img + .content {

    padding-left: .75rem;

    vertical-align: middle

}



.ui.header > .icon + .content {

    padding-left: .75rem;

    display: table-cell;

    vertical-align: middle

}



.ui.header .ui.label {

    font-size: '';

    margin-left: .5rem;

    vertical-align: middle

}



.ui.header + p {

    margin-top: 0

}



h1.ui.header {

    font-size: 2rem

}



h2.ui.header {

    font-size: 1.71428571rem

}



h3.ui.header {

    font-size: 1.28571429rem

}



h4.ui.header {

    font-size: 1.07142857rem

}



h5.ui.header {

    font-size: 1rem

}



.ui.large.header {

    font-size: 1.71428571em

}



.ui.small.header {

    font-size: 1.07142857em

}



.ui.tiny.header {

    font-size: 1em

}



.ui.icon.header {

    display: inline-block;

    text-align: center;

    margin: 2rem 0 1rem

}



.ui.icon.header:after {

    content: '';

    display: block;

    height: 0;

    clear: both;

    visibility: hidden

}



.ui.icon.header:first-child {

    margin-top: 0

}



.ui.icon.header .icon {

    float: none;

    display: block;

    width: auto;

    height: auto;

    line-height: 1;

    padding: 0;

    font-size: 3em;

    margin: 0 auto .5rem;

    opacity: 1

}



.ui.icon.header .content {

    display: block;

    padding: 0

}



.ui.block.icon.header .icon {

    margin-bottom: 0

}



.ui.icon.header.aligned {

    margin-left: auto;

    margin-right: auto;

    display: block

}



.ui.disabled.header {

    opacity: .45

}



.ui.inverted.header {

    color: #fff

}



.ui.inverted.block.header {

    background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .05)));

    background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05));

    background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .05)));

    background: #545454 linear-gradient(transparent, rgba(0, 0, 0, .05));

    box-shadow: none

}



.ui.inverted.block.header {

    border-bottom: none

}



.ui.red.header {

    color: #db2828 !important

}



a.ui.red.header:hover {

    color: #d01919 !important

}



.ui.inverted.red.header {

    color: #ff695e !important

}



a.ui.inverted.red.header:hover {

    color: #ff5144 !important

}



.ui.orange.header {

    color: #f2711c !important

}



a.ui.orange.header:hover {

    color: #f26202 !important

}



.ui.inverted.orange.header {

    color: #ff851b !important

}



a.ui.inverted.orange.header:hover {

    color: #ff7701 !important

}



.ui.yellow.header {

    color: #fbbd08 !important

}



a.ui.yellow.header:hover {

    color: #eaae00 !important

}



.ui.inverted.yellow.header {

    color: #ffe21f !important

}



a.ui.inverted.yellow.header:hover {

    color: #ffdf05 !important

}



.ui.green.header {

    color: #21ba45 !important

}



a.ui.green.header:hover {

    color: #16ab39 !important

}



.ui.inverted.green.header {

    color: #2ecc40 !important

}



a.ui.inverted.green.header:hover {

    color: #22be34 !important

}



.ui.blue.header {

    color: #2185d0 !important

}



a.ui.blue.header:hover {

    color: #1678c2 !important

}



.ui.inverted.blue.header {

    color: #54c8ff !important

}



a.ui.inverted.blue.header:hover {

    color: #3ac0ff !important

}



.ui.brown.header {

    color: #a5673f !important

}



a.ui.brown.header:hover {

    color: #975b33 !important

}



.ui.inverted.brown.header {

    color: #d67c1c !important

}



a.ui.inverted.brown.header:hover {

    color: #c86f11 !important

}



.ui.left.aligned.header {

    text-align: left

}



.ui.right.aligned.header {

    text-align: right

}



.ui.center.aligned.header {

    text-align: center

}



.ui.block.header {

    background: #f3f4f5;

    padding: .78571429rem 1rem;

    box-shadow: none;

    border: 1px solid #d4d4d5;

    border-radius: .28571429rem

}



.ui.tiny.block.header {

    font-size: .85714286rem

}



.ui.small.block.header {

    font-size: .92857143rem

}



.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {

    font-size: 1rem

}



.ui.large.block.header {

    font-size: 1.14285714rem

}



.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {

    font-size: 1.28571429em

}



/*!

 * # Semantic UI 2.3.3 - Icon

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

@font-face {

    font-family: Icons;

    src: url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/icons.eot);

    src: url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/icons.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/icons.woff2) format('woff2'), url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/icons.woff) format('woff'), url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/icons.ttf) format('truetype'), url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/icons.svg#icons) format('svg');

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-decoration: inherit;

    text-transform: none

}



i.icon {

    display: inline-block;

    opacity: 1;

    margin: 0 .25rem 0 0;

    width: 1.18em;

    height: 1em;

    font-family: Icons;

    font-style: normal;

    font-weight: 400;

    text-decoration: inherit;

    text-align: center;

    speak: none;

    font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



i.icon:before {

    background: 0 0 !important

}



i.icon.loading {

    height: 1em;

    line-height: 1;

    -webkit-animation: icon-loading 2s linear infinite;

    animation: icon-loading 2s linear infinite

}



@-webkit-keyframes icon-loading {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes icon-loading {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



i.icon.hover {

    opacity: 1 !important

}



i.icon.active {

    opacity: 1 !important

}



i.disabled.icon {

    opacity: .45 !important

}



i.link.icon, i.link.icons {

    cursor: pointer;

    opacity: .8;

    -webkit-transition: opacity .1s ease;

    transition: opacity .1s ease

}



i.link.icon:hover, i.link.icons:hover {

    opacity: 1 !important

}



i.inverted.icon {

    color: #fff

}



i.red.icon {

    color: #db2828 !important

}



i.inverted.red.icon {

    color: #ff695e !important

}



i.orange.icon {

    color: #f2711c !important

}



i.inverted.orange.icon {

    color: #ff851b !important

}



i.yellow.icon {

    color: #fbbd08 !important

}



i.inverted.yellow.icon {

    color: #ffe21f !important

}



i.green.icon {

    color: #21ba45 !important

}



i.inverted.green.icon {

    color: #2ecc40 !important

}



i.blue.icon {

    color: #2185d0 !important

}



i.inverted.blue.icon {

    color: #54c8ff !important

}



i.brown.icon {

    color: #a5673f !important

}



i.inverted.brown.icon {

    color: #d67c1c !important

}



i.tiny.icon, i.tiny.icons {

    line-height: 1;

    font-size: .5em

}



i.small.icon, i.small.icons {

    line-height: 1;

    font-size: .75em

}



i.icon, i.icons {

    font-size: 1em

}



i.large.icon, i.large.icons {

    line-height: 1;

    vertical-align: middle;

    font-size: 1.5em

}



i.big.icon, i.big.icons {

    line-height: 1;

    vertical-align: middle;

    font-size: 2em

}



i.icons {

    display: inline-block;

    position: relative;

    line-height: 1

}



i.icons .icon {

    position: absolute;

    top: 50%;

    left: 50%;

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

    -ms-transform: translateX(-50%) translateY(-50%);

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

    margin: 0;

    margin: 0

}



i.icons .icon:first-child {

    position: static;

    width: auto;

    height: auto;

    vertical-align: top;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    margin-right: .25rem

}



i.icon.zoom.in:before {

    content: "\f00e"

}



i.icon.zoom.out:before {

    content: "\f010"

}



i.icon.in.cart:before {

    content: "\f218"

}



i.icon.\35 00px:before {

    content: "\f26e"

}



i.icon.address.card:before {

    content: "\f2bb"

}



i.icon.app.store:before {

    content: "\f36f"

}



i.icon.archive:before {

    content: "\f187"

}



i.icon.at:before {

    content: "\f1fa"

}



i.icon.bookmark:before {

    content: "\f02e"

}



i.icon.box:before {

    content: "\f466"

}



i.icon.calendar:before {

    content: "\f133"

}



i.icon.calendar.alternate:before {

    content: "\f073"

}



i.icon.calendar.check:before {

    content: "\f274"

}



i.icon.calendar.plus:before {

    content: "\f271"

}



i.icon.calendar.times:before {

    content: "\f273"

}



i.icon.caret.down:before {

    content: "\f0d7"

}



i.icon.caret.left:before {

    content: "\f0d9"

}



i.icon.caret.right:before {

    content: "\f0da"

}



i.icon.caret.square.down:before {

    content: "\f150"

}



i.icon.caret.square.left:before {

    content: "\f191"

}



i.icon.caret.square.right:before {

    content: "\f152"

}



i.icon.caret.square.up:before {

    content: "\f151"

}



i.icon.caret.up:before {

    content: "\f0d8"

}



i.icon.cart.plus:before {

    content: "\f217"

}



i.icon.check:before {

    content: "\f00c"

}



i.icon.check.circle:before {

    content: "\f058"

}



i.icon.chevron.circle.down:before {

    content: "\f13a"

}



i.icon.chevron.circle.left:before {

    content: "\f137"

}



i.icon.chevron.circle.right:before {

    content: "\f138"

}



i.icon.chevron.circle.up:before {

    content: "\f139"

}



i.icon.chevron.down:before {

    content: "\f078"

}



i.icon.chevron.left:before {

    content: "\f053"

}



i.icon.chevron.right:before {

    content: "\f054"

}



i.icon.chevron.up:before {

    content: "\f077"

}



i.icon.child:before {

    content: "\f1ae"

}



i.icon.chrome:before {

    content: "\f268"

}



i.icon.circle:before {

    content: "\f111"

}



i.icon.clipboard:before {

    content: "\f328"

}



i.icon.clipboard.check:before {

    content: "\f46c"

}



i.icon.clipboard.list:before {

    content: "\f46d"

}



i.icon.closed.captioning:before {

    content: "\f20a"

}



i.icon.code:before {

    content: "\f121"

}



i.icon.comment:before {

    content: "\f075"

}



i.icon.comment.alternate:before {

    content: "\f27a"

}



i.icon.comments:before {

    content: "\f086"

}



i.icon.copy:before {

    content: "\f0c5"

}



i.icon.d.and.d:before {

    content: "\f38d"

}



i.icon.desktop:before {

    content: "\f108"

}



i.icon.ellipsis.horizontal:before {

    content: "\f141"

}



i.icon.ellipsis.vertical:before {

    content: "\f142"

}



i.icon.facebook:before {

    content: "\f09a"

}



i.icon.facebook.f:before {

    content: "\f39e"

}



i.icon.file:before {

    content: "\f15b"

}



i.icon.file.alternate:before {

    content: "\f15c"

}



i.icon.file.archive:before {

    content: "\f1c6"

}



i.icon.file.code:before {

    content: "\f1c9"

}



i.icon.file.image:before {

    content: "\f1c5"

}



i.icon.file.word:before {

    content: "\f1c2"

}



i.icon.filter:before {

    content: "\f0b0"

}



i.icon.first.order:before {

    content: "\f2b0"

}



i.icon.fly:before {

    content: "\f417"

}



i.icon.font:before {

    content: "\f031"

}



i.icon.gift:before {

    content: "\f06b"

}



i.icon.google:before {

    content: "\f1a0"

}



i.icon.google.plus:before {

    content: "\f2b3"

}



i.icon.google.plus.g:before {

    content: "\f0d5"

}



i.icon.heart:before {

    content: "\f004"

}



i.icon.home:before {

    content: "\f015"

}



i.icon.html5:before {

    content: "\f13b"

}



i.icon.i.cursor:before {

    content: "\f246"

}



i.icon.id.card:before {

    content: "\f2c2"

}



i.icon.image:before {

    content: "\f03e"

}



i.icon.images:before {

    content: "\f302"

}



i.icon.info:before {

    content: "\f129"

}



i.icon.info.circle:before {

    content: "\f05a"

}



i.icon.instagram:before {

    content: "\f16d"

}



i.icon.js:before {

    content: "\f3b8"

}



i.icon.key:before {

    content: "\f084"

}



i.icon.keyboard:before {

    content: "\f11c"

}



i.icon.language:before {

    content: "\f1ab"

}



i.icon.linux:before {

    content: "\f17c"

}



i.icon.list:before {

    content: "\f03a"

}



i.icon.list.alternate:before {

    content: "\f022"

}



i.icon.list.ol:before {

    content: "\f0cb"

}



i.icon.list.ul:before {

    content: "\f0ca"

}



i.icon.map:before {

    content: "\f279"

}



i.icon.mobile:before {

    content: "\f10b"

}



i.icon.mobile.alternate:before {

    content: "\f3cd"

}



i.icon.paste:before {

    content: "\f0ea"

}



i.icon.php:before {

    content: "\f457"

}



i.icon.pinterest:before {

    content: "\f0d2"

}



i.icon.pinterest.p:before {

    content: "\f231"

}



i.icon.plus:before {

    content: "\f067"

}



i.icon.plus.circle:before {

    content: "\f055"

}



i.icon.print:before {

    content: "\f02f"

}



i.icon.save:before {

    content: "\f0c7"

}



i.icon.search:before {

    content: "\f002"

}



i.icon.search.minus:before {

    content: "\f010"

}



i.icon.search.plus:before {

    content: "\f00e"

}



i.icon.searchengin:before {

    content: "\f3eb"

}



i.icon.server:before {

    content: "\f233"

}



i.icon.shopping.basket:before {

    content: "\f291"

}



i.icon.shopping.cart:before {

    content: "\f07a"

}



i.icon.sliders.horizontal:before {

    content: "\f1de"

}



i.icon.sort:before {

    content: "\f0dc"

}



i.icon.sort.amount.down:before {

    content: "\f160"

}



i.icon.sort.amount.up:before {

    content: "\f161"

}



i.icon.sort.down:before {

    content: "\f0dd"

}



i.icon.sort.up:before {

    content: "\f0de"

}



i.icon.sticky.note:before {

    content: "\f249"

}



i.icon.stop:before {

    content: "\f04d"

}



i.icon.stop.circle:before {

    content: "\f28d"

}



i.icon.table:before {

    content: "\f0ce"

}



i.icon.tablet:before {

    content: "\f10a"

}



i.icon.tablet.alternate:before {

    content: "\f3fa"

}



i.icon.tag:before {

    content: "\f02b"

}



i.icon.tags:before {

    content: "\f02c"

}



i.icon.text.height:before {

    content: "\f034"

}



i.icon.text.width:before {

    content: "\f035"

}



i.icon.th:before {

    content: "\f00a"

}



i.icon.th.large:before {

    content: "\f009"

}



i.icon.th.list:before {

    content: "\f00b"

}



i.icon.times:before {

    content: "\f00d"

}



i.icon.times.circle:before {

    content: "\f057"

}



i.icon.toggle.off:before {

    content: "\f204"

}



i.icon.toggle.on:before {

    content: "\f205"

}



i.icon.twitter:before {

    content: "\f099"

}



i.icon.underline:before {

    content: "\f0cd"

}



i.icon.unlock:before {

    content: "\f09c"

}



i.icon.unlock.alternate:before {

    content: "\f13e"

}



i.icon.upload:before {

    content: "\f093"

}



i.icon.user:before {

    content: "\f007"

}



i.icon.user.circle:before {

    content: "\f2bd"

}



i.icon.user.plus:before {

    content: "\f234"

}



i.icon.user.times:before {

    content: "\f235"

}



i.icon.users:before {

    content: "\f0c0"

}



i.icon.weight:before {

    content: "\f496"

}



i.icon.window.close:before {

    content: "\f410"

}



i.icon.window.maximize:before {

    content: "\f2d0"

}



i.icon.window.restore:before {

    content: "\f2d2"

}



i.icon.wordpress:before {

    content: "\f19a"

}



i.icon.youtube:before {

    content: "\f167"

}



i.icon.add.circle:before {

    content: "\f055"

}



i.icon.add.to.calendar:before {

    content: "\f271"

}



i.icon.add.to.cart:before {

    content: "\f217"

}



i.icon.add.user:before {

    content: "\f234"

}



i.icon.add:before {

    content: "\f067"

}



i.icon.bar:before {

    content: "\f0fc"

}



i.icon.block.layout:before {

    content: "\f009"

}



i.icon.call:before {

    content: "\f095"

}



i.icon.cart:before {

    content: "\f07a"

}



i.icon.cc:before {

    content: "\f20a"

}



i.icon.checked.calendar:before {

    content: "\f274"

}



i.icon.checkmark:before {

    content: "\f00c"

}



i.icon.close:before {

    content: "\f00d"

}



i.icon.computer:before {

    content: "\f108"

}



i.icon.content:before {

    content: "\f0c9"

}



i.icon.dropdown:before {

    content: "\f0d7"

}



i.icon.fa:before {

    content: "\f2b4"

}



i.icon.favorite:before {

    content: "\f005"

}



i.icon.file.text:before {

    content: "\f15c"

}



i.icon.find:before {

    content: "\f1e5"

}



i.icon.google.plus.circle:before {

    content: "\f2b3"

}



i.icon.grid.layout:before {

    content: "\f00a"

}



i.icon.group:before {

    content: "\f0c0"

}



i.icon.h:before {

    content: "\f0fd"

}



i.icon.header:before {

    content: "\f1dc"

}



i.icon.help.circle:before {

    content: "\f059"

}



i.icon.help:before {

    content: "\f128"

}



i.icon.hide:before {

    content: "\f070"

}



i.icon.like:before {

    content: "\f004"

}



i.icon.line.graph:before {

    content: "\f201"

}



i.icon.list.layout:before {

    content: "\f00b"

}



i.icon.mail:before {

    content: "\f0e0"

}



i.icon.payment:before {

    content: "\f09d"

}



i.icon.photo:before {

    content: "\f030"

}



i.icon.plus.cart:before {

    content: "\f217"

}



i.icon.point:before {

    content: "\f041"

}



i.icon.pointing.down:before {

    content: "\f0a7"

}



i.icon.pointing.left:before {

    content: "\f0a5"

}



i.icon.pointing.right:before {

    content: "\f0a4"

}



i.icon.pointing.up:before {

    content: "\f0a6"

}



i.icon.r.circle:before {

    content: "\f25d"

}



i.icon.refresh:before {

    content: "\f021"

}



i.icon.remove.circle:before {

    content: "\f057"

}



i.icon.remove.from.calendar:before {

    content: "\f272"

}



i.icon.remove.user:before {

    content: "\f235"

}



i.icon.remove:before {

    content: "\f00d"

}



i.icon.repeat:before {

    content: "\f01e"

}



i.icon.selected.radio:before {

    content: "\f192"

}



i.icon.shop:before {

    content: "\f07a"

}



i.icon.sidebar:before {

    content: "\f0c9"

}



i.icon.sliders:before {

    content: "\f1de"

}



i.icon.target:before {

    content: "\f140"

}



i.icon.text.cursor:before {

    content: "\f246"

}



i.icon.theme:before {

    content: "\f043"

}



i.icon.time:before {

    content: "\f017"

}



i.icon.toggle.down:before {

    content: "\f150"

}



i.icon.toggle.left:before {

    content: "\f191"

}



i.icon.toggle.right:before {

    content: "\f152"

}



i.icon.toggle.up:before {

    content: "\f151"

}



i.icon.try:before {

    content: "\f195"

}



i.icon.user.close:before {

    content: "\f235"

}



i.icon.user.x:before {

    content: "\f235"

}



i.icon.warning.circle:before {

    content: "\f06a"

}



i.icon.warning:before {

    content: "\f12a"

}



i.icon.won:before {

    content: "\f159"

}



i.icon.world:before {

    content: "\f0ac"

}



i.icon.x:before {

    content: "\f00d"

}



i.icon.zoom:before {

    content: "\f00e"

}



i.icon.checkmark.box:before {

    content: "\f14a"

}



i.icon.food:before {

    content: "\f2e7"

}



i.icon.money:before {

    content: "\f3d1"

}



i.icon.radio:before {

    content: "\f192"

}



i.icon.remove.bookmark:before {

    content: "\f02e"

}



i.icon.resize.horizontal:before {

    content: "\f337"

}



i.icon.resize.vertical:before {

    content: "\f338"

}



i.icon.times.rectangle:before {

    content: "\f410"

}



@font-face {

    font-family: outline-icons;

    src: url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/outline-icons.eot);

    src: url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/outline-icons.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/outline-icons.woff2) format('woff2'), url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/outline-icons.woff) format('woff'), url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/outline-icons.ttf) format('truetype'), url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/outline-icons.svg#icons) format('svg');

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-decoration: inherit;

    text-transform: none

}



i.icon.outline {

    font-family: outline-icons

}



i.icon.address.card.outline:before {

    content: "\f2bb"

}



i.icon.bookmark.outline:before {

    content: "\f02e"

}



i.icon.calendar.outline:before {

    content: "\f133"

}



i.icon.calendar.alternate.outline:before {

    content: "\f073"

}



i.icon.calendar.check.outline:before {

    content: "\f274"

}



i.icon.calendar.plus.outline:before {

    content: "\f271"

}



i.icon.calendar.times.outline:before {

    content: "\f273"

}



i.icon.caret.square.down.outline:before {

    content: "\f150"

}



i.icon.caret.square.left.outline:before {

    content: "\f191"

}



i.icon.caret.square.right.outline:before {

    content: "\f152"

}



i.icon.caret.square.up.outline:before {

    content: "\f151"

}



i.icon.check.circle.outline:before {

    content: "\f058"

}



i.icon.circle.outline:before {

    content: "\f111"

}



i.icon.clipboard.outline:before {

    content: "\f328"

}



i.icon.closed.captioning.outline:before {

    content: "\f20a"

}



i.icon.comment.outline:before {

    content: "\f075"

}



i.icon.comment.alternate.outline:before {

    content: "\f27a"

}



i.icon.comments.outline:before {

    content: "\f086"

}



i.icon.copy.outline:before {

    content: "\f0c5"

}



i.icon.file.outline:before {

    content: "\f15b"

}



i.icon.file.alternate.outline:before {

    content: "\f15c"

}



i.icon.file.archive.outline:before {

    content: "\f1c6"

}



i.icon.file.code.outline:before {

    content: "\f1c9"

}



i.icon.file.image.outline:before {

    content: "\f1c5"

}



i.icon.file.word.outline:before {

    content: "\f1c2"

}



i.icon.heart.outline:before {

    content: "\f004"

}



i.icon.id.card.outline:before {

    content: "\f2c2"

}



i.icon.image.outline:before {

    content: "\f03e"

}



i.icon.images.outline:before {

    content: "\f302"

}



i.icon.keyboard.outline:before {

    content: "\f11c"

}



i.icon.list.alternate.outline:before {

    content: "\f022"

}



i.icon.map.outline:before {

    content: "\f279"

}



i.icon.save.outline:before {

    content: "\f0c7"

}



i.icon.sticky.note.outline:before {

    content: "\f249"

}



i.icon.stop.circle.outline:before {

    content: "\f28d"

}



i.icon.times.circle.outline:before {

    content: "\f057"

}



i.icon.user.outline:before {

    content: "\f007"

}



i.icon.user.circle.outline:before {

    content: "\f2bd"

}



i.icon.window.close.outline:before {

    content: "\f410"

}



i.icon.window.maximize.outline:before {

    content: "\f2d0"

}



i.icon.window.restore.outline:before {

    content: "\f2d2"

}



@font-face {

    font-family: brand-icons;

    src: url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/brand-icons.eot);

    src: url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/brand-icons.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/brand-icons.woff2) format('woff2'), url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/brand-icons.woff) format('woff'), url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/brand-icons.ttf) format('truetype'), url(/wp-content/themes/wp-coupon-pro/assets/css/themes/default/assets/fonts/brand-icons.svg#icons) format('svg');

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-decoration: inherit;

    text-transform: none

}



i.icon.\35 00px, i.icon.app.store, i.icon.chrome, i.icon.d.and.d, i.icon.facebook, i.icon.facebook.f, i.icon.first.order, i.icon.fly, i.icon.google, i.icon.google.plus, i.icon.google.plus.g, i.icon.html5, i.icon.instagram, i.icon.js, i.icon.linux, i.icon.php, i.icon.pinterest, i.icon.pinterest.p, i.icon.searchengin, i.icon.twitter, i.icon.wordpress, i.icon.youtube {

    font-family: brand-icons

}



/*!

 * # Semantic UI 2.3.3 - Image

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.image {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    max-width: 100%;

    background-color: transparent

}



img.ui.image {

    display: block

}



.ui.image img, .ui.image svg {

    display: block;

    max-width: 100%;

    height: auto

}



.ui.hidden.image, .ui.hidden.images {

    display: none

}



.ui.hidden.transition.image, .ui.hidden.transition.images {

    display: block;

    visibility: hidden

}



.ui.images > .hidden.transition {

    display: inline-block;

    visibility: hidden

}



.ui.disabled.image, .ui.disabled.images {

    cursor: default;

    opacity: .45

}



.ui.inline.image, .ui.inline.image img, .ui.inline.image svg {

    display: inline-block

}



.ui.top.aligned.image, .ui.top.aligned.image img, .ui.top.aligned.image svg, .ui.top.aligned.images .image {

    display: inline-block;

    vertical-align: top

}



.ui.middle.aligned.image, .ui.middle.aligned.image img, .ui.middle.aligned.image svg, .ui.middle.aligned.images .image {

    display: inline-block;

    vertical-align: middle

}



.ui.bottom.aligned.image, .ui.bottom.aligned.image img, .ui.bottom.aligned.image svg, .ui.bottom.aligned.images .image {

    display: inline-block;

    vertical-align: bottom

}



.ui.fluid.image, .ui.fluid.image img, .ui.fluid.image svg, .ui.fluid.images, .ui.fluid.images img, .ui.fluid.images svg {

    display: block;

    width: 100%;

    height: auto

}



.ui.avatar.image, .ui.avatar.image img, .ui.avatar.image svg, .ui.avatar.images .image, .ui.avatar.images img, .ui.avatar.images svg {

    margin-right: .25em;

    display: inline-block;

    width: 2em;

    height: 2em;

    border-radius: 500rem

}



.ui.tiny.image, .ui.tiny.images .image, .ui.tiny.images img, .ui.tiny.images svg {

    width: 80px;

    height: auto;

    font-size: .85714286rem

}



.ui.small.image, .ui.small.images .image, .ui.small.images img, .ui.small.images svg {

    width: 150px;

    height: auto;

    font-size: .92857143rem

}



.ui.large.image, .ui.large.images .image, .ui.large.images img, .ui.large.images svg {

    width: 450px;

    height: auto;

    font-size: 1.14285714rem

}



.ui.big.image, .ui.big.images .image, .ui.big.images img, .ui.big.images svg {

    width: 600px;

    height: auto;

    font-size: 1.28571429rem

}



.ui.images {

    font-size: 0;

    margin: 0 -.25rem 0

}



.ui.images .image, .ui.images > img, .ui.images > svg {

    display: inline-block;

    margin: 0 .25rem .5rem

}



/*!

 * # Semantic UI 2.3.3 - Input

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * 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 {

    margin: 0;

    max-width: 100%;

    -webkit-box-flex: 1;

    flex: 1 0 auto;

    outline: 0;

    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

    text-align: left;

    line-height: 1.21428571em;

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    padding: .67857143em 1em;

    background: #fff;

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

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

    border-radius: .28571429rem;

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

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

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

    box-shadow: none

}



.ui.input > input::-webkit-input-placeholder {

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

}



.ui.input > input::-moz-placeholder {

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

}



.ui.input > input:-ms-input-placeholder {

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

}



.ui.disabled.input, .ui.input:not(.disabled) input[disabled] {

    opacity: .45

}



.ui.disabled.input > input, .ui.input:not(.disabled) input[disabled] {

    pointer-events: none

}



.ui.input.down input, .ui.input > input:active {

    border-color: rgba(0, 0, 0, .3);

    background: #fafafa;

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

    box-shadow: none

}



.ui.loading.loading.input > i.icon:before {

    position: absolute;

    content: '';

    top: 50%;

    left: 50%;

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

    width: 1.28571429em;

    height: 1.28571429em;

    border-radius: 500rem;

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

}



.ui.loading.loading.input > i.icon:after {

    position: absolute;

    content: '';

    top: 50%;

    left: 50%;

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

    width: 1.28571429em;

    height: 1.28571429em;

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

    animation: button-spin .6s linear;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    border-radius: 500rem;

    border-color: #767676 transparent transparent;

    border-style: solid;

    border-width: .2em;

    box-shadow: 0 0 0 1px transparent

}



.ui.input.focus > input, .ui.input > input:focus {

    border-color: #85b7d9;

    background: #fff;

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

    box-shadow: none

}



.ui.input.focus > input::-webkit-input-placeholder, .ui.input > input:focus::-webkit-input-placeholder {

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

}



.ui.input.focus > input::-moz-placeholder, .ui.input > input:focus::-moz-placeholder {

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

}



.ui.input.focus > input:-ms-input-placeholder, .ui.input > input:focus:-ms-input-placeholder {

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

}



.ui.input.error > input {

    background-color: #fff6f6;

    border-color: #e0b4b4;

    color: #9f3a38;

    box-shadow: none

}



.ui.input.error > input::-webkit-input-placeholder {

    color: #e7bdbc

}



.ui.input.error > input::-moz-placeholder {

    color: #e7bdbc

}



.ui.input.error > input:-ms-input-placeholder {

    color: #e7bdbc !important

}



.ui.input.error > input:focus::-webkit-input-placeholder {

    color: #da9796

}



.ui.input.error > input:focus::-moz-placeholder {

    color: #da9796

}



.ui.input.error > input:focus:-ms-input-placeholder {

    color: #da9796 !important

}



.ui.transparent.input > input {

    border-color: transparent !important;

    background-color: transparent !important;

    padding: 0 !important;

    box-shadow: none !important;

    border-radius: 0 !important

}



.ui.transparent.icon.input > i.icon {

    width: 1.1em

}



.ui.transparent.icon.input > input {

    padding-left: 0 !important;

    padding-right: 2em !important

}



.ui.transparent[class*="left icon"].input > input {

    padding-left: 2em !important;

    padding-right: 0 !important

}



.ui.transparent.inverted.input {

    color: #fff

}



.ui.transparent.inverted.input > input {

    color: inherit

}



.ui.transparent.inverted.input > input::-webkit-input-placeholder {

    color: rgba(255, 255, 255, .5)

}



.ui.transparent.inverted.input > input::-moz-placeholder {

    color: rgba(255, 255, 255, .5)

}



.ui.transparent.inverted.input > input:-ms-input-placeholder {

    color: rgba(255, 255, 255, .5)

}



.ui.icon.input > i.icon {

    cursor: default;

    position: absolute;

    line-height: 1;

    text-align: center;

    top: 0;

    right: 0;

    margin: 0;

    height: 100%;

    width: 2.67142857em;

    opacity: .5;

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

    -webkit-transition: opacity .3s ease;

    transition: opacity .3s ease

}



.ui.icon.input > i.icon:not(.link) {

    pointer-events: none

}



.ui.icon.input > input {

    padding-right: 2.67142857em !important

}



.ui.icon.input > i.icon:after, .ui.icon.input > i.icon:before {

    left: 0;

    position: absolute;

    text-align: center;

    top: 50%;

    width: 100%;

    margin-top: -.5em

}



.ui.icon.input > i.link.icon {

    cursor: pointer

}



.ui[class*="left icon"].input > i.icon {

    right: auto;

    left: 1px;

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

}



.ui[class*="left icon"].input > input {

    padding-left: 2.67142857em !important;

    padding-right: 1em !important

}



.ui.icon.input > input:focus ~ i.icon {

    opacity: 1

}



.ui.labeled.input > .label {

    -webkit-box-flex: 0;

    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.action.input > .button, .ui.action.input > .buttons {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-flex: 0;

    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"]) > .button:not(:first-child), .ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button, .ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child) {

    border-radius: 0

}



.ui.action.input:not([class*="left action"]) > .button:last-child, .ui.action.input:not([class*="left action"]) > .buttons:last-child > .button, .ui.action.input:not([class*="left action"]) > .dropdown:last-child {

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

}



.ui.action.input:not([class*="left action"]) > input:focus {

    border-right-color: #85b7d9 !important

}



.ui[class*="left action"].input > input {

    border-top-left-radius: 0 !important;

    border-bottom-left-radius: 0 !important;

    border-left-color: transparent !important

}



.ui[class*="left action"].input > .button, .ui[class*="left action"].input > .buttons > .button, .ui[class*="left action"].input > .dropdown {

    border-radius: 0

}



.ui[class*="left action"].input > .button:first-child, .ui[class*="left action"].input > .buttons:first-child > .button, .ui[class*="left action"].input > .dropdown:first-child {

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

}



.ui[class*="left action"].input > input:focus {

    border-left-color: #85b7d9 !important

}



.ui.inverted.input > input {

    border: none

}



.ui.fluid.input {

    display: -webkit-box;

    display: flex

}



.ui.fluid.input > input {

    width: 0 !important

}



.ui.small.input {

    font-size: .92857143em

}



/*!

 * # Semantic UI 2.3.3 - Label

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.label {

    display: inline-block;

    line-height: 1;

    vertical-align: baseline;

    margin: 0 .14285714em;

    background-color: #e8e8e8;

    background-image: none;

    padding: .5833em .833em;

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

    text-transform: none;

    font-weight: 700;

    border: 0 solid transparent;

    border-radius: .28571429rem;

    -webkit-transition: background .1s ease;

    transition: background .1s ease

}



.ui.label:first-child {

    margin-left: 0

}



.ui.label:last-child {

    margin-right: 0

}



a.ui.label {

    cursor: pointer

}



.ui.label > a {

    cursor: pointer;

    color: inherit;

    opacity: .5;

    -webkit-transition: .1s opacity ease;

    transition: .1s opacity ease

}



.ui.label > a:hover {

    opacity: 1

}



.ui.label > img {

    width: auto !important;

    vertical-align: middle;

    height: 2.1666em !important

}



.ui.label > .icon {

    width: auto;

    margin: 0 .75em 0 0

}



.ui.label > .close.icon {

    cursor: pointer;

    margin-right: 0;

    margin-left: .5em;

    font-size: .92857143em;

    opacity: .5;

    -webkit-transition: background .1s ease;

    transition: background .1s ease

}



.ui.header > .ui.label {

    margin-top: -.29165em

}



.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.tag.label {

    margin-left: 1em;

    position: relative;

    padding-left: 1.5em;

    padding-right: 1.5em;

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

    -webkit-transition: none;

    transition: none

}



.ui.tag.label:before {

    position: absolute;

    -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);

    -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);

    transform: translateY(-50%) translateX(50%) rotate(-45deg);

    top: 50%;

    right: 100%;

    content: '';

    background-color: inherit;

    background-image: none;

    width: 1.56em;

    height: 1.56em;

    -webkit-transition: none;

    transition: none

}



.ui.tag.label:after {

    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.label.disabled {

    opacity: .5

}



a.ui.label:hover {

    background-color: #e0e0e0;

    border-color: #e0e0e0;

    background-image: none;

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

}



 a.ui.label:hover:before {

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

}



.ui.active.label {

    background-color: #d0d0d0;

    border-color: #d0d0d0;

    background-image: none;

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

}



.ui.active.label:before {

    background-color: #d0d0d0;

    background-image: none;

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

}



a.ui.active.label:hover {

    background-color: #c8c8c8;

    border-color: #c8c8c8;

    background-image: none;

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

}



 a.ui.active.label:ActiveHover:before {

    background-color: #c8c8c8;

    background-image: none;

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

}



.ui.label.visible:not(.dropdown) {

    display: inline-block !important

}



.ui.label.hidden {

    display: none !important

}



.ui.red.label {

    background-color: #db2828 !important;

    border-color: #db2828 !important;

    color: #fff !important

}



 a.ui.red.label:hover {

    background-color: #d01919 !important;

    border-color: #d01919 !important;

    color: #fff !important

}



.ui.orange.label {

    background-color: #f2711c !important;

    border-color: #f2711c !important;

    color: #fff !important

}



 a.ui.orange.label:hover {

    background-color: #f26202 !important;

    border-color: #f26202 !important;

    color: #fff !important

}



.ui.yellow.label {

    background-color: #fbbd08 !important;

    border-color: #fbbd08 !important;

    color: #fff !important

}



 a.ui.yellow.label:hover {

    background-color: #eaae00 !important;

    border-color: #eaae00 !important;

    color: #fff !important

}



.ui.green.label {

    background-color: #21ba45 !important;

    border-color: #21ba45 !important;

    color: #fff !important

}



 a.ui.green.label:hover {

    background-color: #16ab39 !important;

    border-color: #16ab39 !important;

    color: #fff !important

}



.ui.blue.label {

    background-color: #2185d0 !important;

    border-color: #2185d0 !important;

    color: #fff !important

}



 a.ui.blue.label:hover {

    background-color: #1678c2 !important;

    border-color: #1678c2 !important;

    color: #fff !important

}



.ui.brown.label {

    background-color: #a5673f !important;

    border-color: #a5673f !important;

    color: #fff !important

}



 a.ui.brown.label:hover {

    background-color: #975b33 !important;

    border-color: #975b33 !important;

    color: #fff !important

}



 .ui.label.fluid {

    width: 100%;

    box-sizing: border-box

}



.ui.inverted.label {

    color: rgba(255, 255, 255, .9) !important

}



.ui.horizontal.label {

    margin: 0 .5em 0 0;

    padding: .4em .833em;

    min-width: 3em;

    text-align: center

}



.ui.pointing.label {

    position: relative

}



.ui.pointing.label:before {

    background-color: inherit;

    background-image: inherit;

    border-width: none;

    border-style: solid;

    border-color: inherit

}



.ui.pointing.label:before {

    position: absolute;

    content: '';

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    background-image: none;

    z-index: 2;

    width: .6666em;

    height: .6666em;

    -webkit-transition: background .1s ease;

    transition: background .1s ease

}



.ui.pointing.label, .ui[class*="pointing above"].label {

    margin-top: 1em

}



.ui.pointing.label:before, .ui[class*="pointing above"].label:before {

    border-width: 1px 0 0 1px;

    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);

    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);

    transform: translateX(-50%) translateY(-50%) rotate(45deg);

    top: 0;

    left: 50%

}



.ui[class*="bottom pointing"].label, .ui[class*="pointing below"].label {

    margin-top: 0;

    margin-bottom: 1em

}



.ui[class*="bottom pointing"].label:before, .ui[class*="pointing below"].label:before {

    border-width: 0 1px 1px 0;

    top: auto;

    right: auto;

    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);

    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);

    transform: translateX(-50%) translateY(-50%) rotate(45deg);

    top: 100%;

    left: 50%

}



.ui[class*="left pointing"].label {

    margin-top: 0;

    margin-left: .6666em

}



.ui[class*="left pointing"].label:before {

    border-width: 0 0 1px 1px;

    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);

    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);

    transform: translateX(-50%) translateY(-50%) rotate(45deg);

    bottom: auto;

    right: auto;

    top: 50%;

    left: 0

}



.ui[class*="right pointing"].label {

    margin-top: 0;

    margin-right: .6666em

}



.ui[class*="right pointing"].label:before {

    border-width: 1px 1px 0 0;

    -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);

    -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);

    transform: translateX(50%) translateY(-50%) rotate(45deg);

    top: 50%;

    right: 0;

    bottom: auto;

    left: auto

}



.ui.floating.label {

    position: absolute;

    z-index: 100;

    top: -1em;

    left: 100%;

    margin: 0 0 0 -1.5em !important

}



.ui.tiny.label {

    font-size: .71428571rem

}



.ui.small.label {

    font-size: .78571429rem

}



.ui.label {

    font-size: .85714286rem

}



.ui.large.label {

    font-size: 1rem

}



.ui.big.label {

    font-size: 1.28571429rem

}



/*!

 * # Semantic UI 2.3.3 - List

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.list, ol.ui.list, ul.ui.list {

    list-style-type: none;

    margin: 1em 0;

    padding: 0 0

}



.ui.list:first-child, ol.ui.list:first-child, ul.ui.list:first-child {

    margin-top: 0;

    padding-top: 0

}



.ui.list:last-child, ol.ui.list:last-child, ul.ui.list:last-child {

    margin-bottom: 0;

    padding-bottom: 0

}



.ui.list .list > .item, .ui.list > .item, ol.ui.list li, ul.ui.list li {

    display: list-item;

    table-layout: fixed;

    list-style-type: none;

    list-style-position: outside;

    padding: .21428571em 0;

    line-height: 1.14285714em

}



.ui.list > .item:after, .ui.list > .list > .item, ol.ui.list > li:first-child:after, ul.ui.list > li:first-child:after {

    content: '';

    display: block;

    height: 0;

    clear: both;

    visibility: hidden

}



.ui.list .list > .item:first-child, .ui.list > .item:first-child, ol.ui.list li:first-child, ul.ui.list li:first-child {

    padding-top: 0

}



.ui.list .list > .item:last-child, .ui.list > .item:last-child, ol.ui.list li:last-child, ul.ui.list li:last-child {

    padding-bottom: 0

}



.ui.list .list, ol.ui.list ol, ul.ui.list ul {

    clear: both;

    margin: 0;

    padding: .75em 0 .25em .5em

}



.ui.list .list > .item, ol.ui.list ol li, ul.ui.list ul li {

    padding: .14285714em 0;

    line-height: inherit

}



.ui.list .list > .item > i.icon, .ui.list > .item > i.icon {

    display: table-cell;

    margin: 0;

    padding-top: 0;

    padding-right: .28571429em;

    vertical-align: top;

    -webkit-transition: color .1s ease;

    transition: color .1s ease

}



.ui.list .list > .item > i.icon:only-child, .ui.list > .item > i.icon:only-child {

    display: inline-block;

    vertical-align: top

}



.ui.list .list > .item > .image, .ui.list > .item > .image {

    display: table-cell;

    background-color: transparent;

    margin: 0;

    vertical-align: top

}



.ui.list .list > .item > .image:not(:only-child):not(img), .ui.list > .item > .image:not(:only-child):not(img) {

    padding-right: .5em

}



.ui.list .list > .item > .image img, .ui.list > .item > .image img {

    vertical-align: top

}



.ui.list .list > .item > .image:only-child, .ui.list .list > .item > img.image, .ui.list > .item > .image:only-child, .ui.list > .item > img.image {

    display: inline-block

}



.ui.list .list > .item > .content, .ui.list > .item > .content {

    line-height: 1.14285714em

}



.ui.list .list > .item > .icon + .content, .ui.list .list > .item > .image + .content, .ui.list > .item > .icon + .content, .ui.list > .item > .image + .content {

    display: table-cell;

    padding: 0 0 0 .5em;

    vertical-align: top

}



.ui.list .list > .item > img.image + .content, .ui.list > .item > img.image + .content {

    display: inline-block

}



.ui.list .list > .item > .content > .list, .ui.list > .item > .content > .list {

    margin-left: 0;

    padding-left: 0

}



.ui.list .list > .item .header, .ui.list > .item .header {

    display: block;

    margin: 0;

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    font-weight: 700;

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

}



.ui.list .list > .item .description, .ui.list > .item .description {

    display: block;

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

}



.ui.list .list > .item a, .ui.list > .item a {

    cursor: pointer

}



.ui.list .list > a.item, .ui.list > a.item {

    cursor: pointer;

    color: #4183c4

}



.ui.list .list > a.item:hover, .ui.list > a.item:hover {

    color: #1e70bf

}



.ui.list .list > a.item i.icon, .ui.list > a.item i.icon {

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

}



.ui.list .list > .item a.header, .ui.list > .item a.header {

    cursor: pointer;

    color: #4183c4 !important

}



.ui.list .list > .item a.header:hover, .ui.list > .item a.header:hover {

    color: #1e70bf !important

}



.ui.menu .ui.list .list > .item, .ui.menu .ui.list > .item {

    display: list-item;

    table-layout: fixed;

    background-color: transparent;

    list-style-type: none;

    list-style-position: outside;

    padding: .21428571em 0;

    line-height: 1.14285714em

}



.ui.menu .ui.list .list > .item:before, .ui.menu .ui.list > .item:before {

    border: none;

    background: 0 0

}



.ui.menu .ui.list .list > .item:first-child, .ui.menu .ui.list > .item:first-child {

    padding-top: 0

}



.ui.menu .ui.list .list > .item:last-child, .ui.menu .ui.list > .item:last-child {

    padding-bottom: 0

}



.ui.horizontal.list {

    display: inline-block;

    font-size: 0

}



.ui.horizontal.list > .item {

    display: inline-block;

    margin-left: 1em;

    font-size: 1rem

}



.ui.horizontal.list:not(.celled) > .item:first-child {

    margin-left: 0 !important;

    padding-left: 0 !important

}



.ui.horizontal.list .list {

    padding-left: 0;

    padding-bottom: 0

}



.ui.horizontal.list .list > .item > .content, .ui.horizontal.list .list > .item > .icon, .ui.horizontal.list .list > .item > .image, .ui.horizontal.list > .item > .content, .ui.horizontal.list > .item > .icon, .ui.horizontal.list > .item > .image {

    vertical-align: middle

}



.ui.horizontal.list > .item:first-child, .ui.horizontal.list > .item:last-child {

    padding-top: .21428571em;

    padding-bottom: .21428571em

}



.ui.horizontal.list > .item > i.icon {

    margin: 0;

    padding: 0 .25em 0 0

}



.ui.horizontal.list > .item > .icon, .ui.horizontal.list > .item > .icon + .content {

    float: none;

    display: inline-block

}



.ui.list .list > .disabled.item, .ui.list > .disabled.item {

    pointer-events: none;

    color: rgba(40, 40, 40, .3) !important

}



.ui.inverted.list .list > .disabled.item, .ui.inverted.list > .disabled.item {

    color: rgba(225, 225, 225, .3) !important

}



.ui.list .list > a.item:hover .icon, .ui.list > a.item:hover .icon {

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

}



.ui.inverted.list .list > a.item > .icon, .ui.inverted.list > a.item > .icon {

    color: rgba(255, 255, 255, .7)

}



.ui.inverted.list .list > .item .header, .ui.inverted.list > .item .header {

    color: rgba(255, 255, 255, .9)

}



.ui.inverted.list .list > .item .description, .ui.inverted.list > .item .description {

    color: rgba(255, 255, 255, .7)

}



.ui.inverted.list .list > a.item, .ui.inverted.list > a.item {

    cursor: pointer;

    color: rgba(255, 255, 255, .9)

}



.ui.inverted.list .list > a.item:hover, .ui.inverted.list > a.item:hover {

    color: #1e70bf

}



.ui.inverted.list .item a:not(.ui) {

    color: rgba(255, 255, 255, .9) !important

}



.ui.inverted.list .item a:not(.ui):hover {

    color: #1e70bf !important

}



.ui.list [class*="top aligned"], .ui.list[class*="top aligned"] .content, .ui.list[class*="top aligned"] .image {

    vertical-align: top !important

}



.ui.list [class*="middle aligned"], .ui.list[class*="middle aligned"] .content, .ui.list[class*="middle aligned"] .image {

    vertical-align: middle !important

}



.ui.list [class*="bottom aligned"], .ui.list[class*="bottom aligned"] .content, .ui.list[class*="bottom aligned"] .image {

    vertical-align: bottom !important

}



.ui.link.list .item, .ui.link.list .item a:not(.ui), .ui.link.list a.item {

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

    -webkit-transition: .1s color ease;

    transition: .1s color ease

}



.ui.link.list.list .item a:not(.ui):hover, .ui.link.list.list a.item:hover {

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

}



.ui.link.list.list .item a:not(.ui):active, .ui.link.list.list a.item:active {

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

}



.ui.link.list.list .active.item, .ui.link.list.list .active.item a:not(.ui) {

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

}



.ui.inverted.link.list .item, .ui.inverted.link.list .item a:not(.ui), .ui.inverted.link.list a.item {

    color: rgba(255, 255, 255, .5)

}



.ui.inverted.link.list.list .item a:not(.ui):hover, .ui.inverted.link.list.list a.item:hover {

    color: #fff

}



.ui.inverted.link.list.list .item a:not(.ui):active, .ui.inverted.link.list.list a.item:active {

    color: #fff

}



.ui.inverted.link.list.list .active.item a:not(.ui), .ui.inverted.link.list.list a.active.item {

    color: #fff

}



 ul.ui.list {

    margin-left: 1.25rem

}



 ul.ui.list li {

    position: relative

}



 ul.ui.list li:before {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    pointer-events: none;

    position: absolute;

    top: auto;

    left: auto;

    font-weight: 400;

    margin-left: -1.25rem;

    content: '•';

    opacity: 1;

    color: inherit;

    vertical-align: top

}



 ul.ui.list li:before {

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

}



 ul.ui.list ul {

    padding-left: 1.25rem

}



 ol.ui.list, ol.ui.list ol {

    counter-reset: ordered;

    margin-left: 1.25rem;

    list-style-type: none

}



 ol.ui.list li {

    list-style-type: none;

    position: relative

}



 ol.ui.list li:before {

    position: absolute;

    top: auto;

    left: auto;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    pointer-events: none;

    margin-left: -1.25rem;

    counter-increment: ordered;

    content: counters(ordered, ".") " ";

    text-align: right;

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

    vertical-align: middle;

    opacity: .8

}



 ol.ui.inverted.list li:before {

    color: rgba(255, 255, 255, .7)

}



ol.ui.list li[value]:before {

    content: attr(value)

}



 ol.ui.list ol {

    margin-left: 1em

}



 ol.ui.list ol li:before {

    margin-left: -2em

}



 ol.ui.horizontal.list {

    margin-left: 0

}



 ol.ui.horizontal.list li:before {

    position: static;

    margin: 0 .5em 0 0

}



.ui.tiny.list {

    font-size: .85714286em

}



.ui.small.list {

    font-size: .92857143em

}



.ui.list {

    font-size: 1em

}



.ui.large.list {

    font-size: 1.14285714em

}



.ui.big.list {

    font-size: 1.28571429em

}



.ui.tiny.horizontal.list .list > .item, .ui.tiny.horizontal.list > .item {

    font-size: .85714286rem

}



.ui.small.horizontal.list .list > .item, .ui.small.horizontal.list > .item {

    font-size: .92857143rem

}



.ui.horizontal.list .list > .item, .ui.horizontal.list > .item {

    font-size: 1rem

}



.ui.large.horizontal.list .list > .item, .ui.large.horizontal.list > .item {

    font-size: 1.14285714rem

}



.ui.big.horizontal.list .list > .item, .ui.big.horizontal.list > .item {

    font-size: 1.28571429rem

}



/*!

 * # Semantic UI 2.3.3 - Loader

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.loader {

    display: none;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: 0;

    text-align: center;

    z-index: 1000;

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

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%)

}



.ui.loader:before {

    position: absolute;

    content: '';

    top: 0;

    left: 50%;

    width: 100%;

    height: 100%;

    border-radius: 500rem;

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

}



.ui.loader:after {

    position: absolute;

    content: '';

    top: 0;

    left: 50%;

    width: 100%;

    height: 100%;

    -webkit-animation: loader .6s linear;

    animation: loader .6s linear;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    border-radius: 500rem;

    border-color: #767676 transparent transparent;

    border-style: solid;

    border-width: .2em;

    box-shadow: 0 0 0 1px transparent

}



@-webkit-keyframes loader {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes loader {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.ui.tiny.loader:after, .ui.tiny.loader:before {

    width: 1.14285714rem;

    height: 1.14285714rem;

    margin: 5px 0 0 -.57142857rem

}



.ui.small.loader:after, .ui.small.loader:before {

    width: 1.71428571rem;

    height: 1.71428571rem;

    margin: 5px 0 0 -.85714286rem

}



.ui.loader:after, .ui.loader:before {

    width: 2.28571429rem;

    height: 2.28571429rem;

    margin: 0 0 0 -1.14285714rem

}



.ui.large.loader:after, .ui.large.loader:before {

    width: 3.42857143rem;

    height: 3.42857143rem;

    margin: 0 0 0 -1.71428571rem

}



.ui.big.loader:after, .ui.big.loader:before {

    width: 3.71428571rem;

    height: 3.71428571rem;

    margin: 0 0 0 -1.85714286rem

}



.ui.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.loader.active, .ui.loader.visible {

    display: block

}



.ui.loader.disabled, .ui.loader.hidden {

    display: none

}



.ui.inverted.dimmer .ui.mini.loader {

    width: 1rem;

    height: 1rem;

    font-size: .78571429em

}



.ui.inverted.dimmer .ui.tiny.loader, .ui.tiny.loader {

    width: 1.14285714rem;

    height: 1.14285714rem;

    font-size: .85714286em

}



.ui.inverted.dimmer .ui.small.loader, .ui.small.loader {

    width: 1.71428571rem;

    height: 1.71428571rem;

    font-size: .92857143em

}



.ui.inverted.dimmer .ui.loader, .ui.loader {

    width: 2.28571429rem;

    height: 2.28571429rem;

    font-size: 1em

}



.ui.inverted.dimmer .ui.large.loader, .ui.large.loader {

    width: 3.42857143rem;

    height: 3.42857143rem;

    font-size: 1.14285714em

}



.ui.big.loader, .ui.inverted.dimmer .ui.big.loader {

    width: 3.71428571rem;

    height: 3.71428571rem;

    font-size: 1.28571429em

}



 .ui.inverted.dimmer .ui.huge.loader {

    width: 4.14285714rem;

    height: 4.14285714rem;

    font-size: 1.42857143em

}



.ui.inverted.dimmer .ui.massive.loader {

    width: 4.57142857rem;

    height: 4.57142857rem;

    font-size: 1.71428571em

}



.ui.tiny.text.loader {

    min-width: 1.14285714rem;

    padding-top: 1.92857143rem

}



.ui.small.text.loader {

    min-width: 1.71428571rem;

    padding-top: 2.5rem

}



.ui.text.loader {

    min-width: 2.28571429rem;

    padding-top: 3.07142857rem

}



.ui.large.text.loader {

    min-width: 3.42857143rem;

    padding-top: 4.21428571rem

}



.ui.big.text.loader {

    min-width: 3.71428571rem;

    padding-top: 4.5rem

}



.ui.inverted.loader {

    color: rgba(255, 255, 255, .9)

}



.ui.inverted.loader:before {

    border-color: rgba(255, 255, 255, .15)

}



.ui.inverted.loader:after {

    border-top-color: #fff

}



.ui.inline.loader {

    position: relative;

    vertical-align: middle;

    margin: 0;

    left: 0;

    top: 0;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none

}



.ui.inline.loader.active, .ui.inline.loader.visible {

    display: inline-block

}



/*!

 * # Semantic UI 2.3.3 - Rail

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.rail {

    position: absolute;

    top: 0;

    width: 300px;

    height: 100%

}



.ui.left.rail {

    left: auto;

    right: 100%;

    padding: 0 2rem 0 0;

    margin: 0 2rem 0 0

}



.ui.right.rail {

    left: 100%;

    right: auto;

    padding: 0 0 0 2rem;

    margin: 0 0 0 2rem

}



.ui.close.rail {

    width: calc(300px + 1em)

}



.ui.close.left.rail {

    padding: 0 1em 0 0;

    margin: 0 1em 0 0

}



.ui.close.right.rail {

    padding: 0 0 0 1em;

    margin: 0 0 0 1em

}



.ui.very.close.rail {

    width: calc(300px + .5em)

}



.ui.very.close.left.rail {

    padding: 0 .5em 0 0;

    margin: 0 .5em 0 0

}



.ui.very.close.right.rail {

    padding: 0 0 0 .5em;

    margin: 0 0 0 .5em

}



.ui.tiny.rail {

    font-size: .85714286rem

}



.ui.small.rail {

    font-size: .92857143rem

}



.ui.rail {

    font-size: 1rem

}



.ui.large.rail {

    font-size: 1.14285714rem

}



.ui.big.rail {

    font-size: 1.28571429rem

}



/*!

 * # Semantic UI 2.3.3 - Reveal

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.reveal {

    display: inherit;

    position: relative !important;

    font-size: 0 !important

}



.ui.reveal > .visible.content {

    position: absolute !important;

    top: 0 !important;

    left: 0 !important;

    z-index: 3 !important;

    -webkit-transition: all .5s ease .1s;

    transition: all .5s ease .1s

}



.ui.reveal > .hidden.content {

    position: relative !important;

    z-index: 2 !important

}



.ui.active.reveal .visible.content, .ui.reveal:hover .visible.content {

    z-index: 4 !important

}



.ui.slide.reveal {

    position: relative !important;

    overflow: hidden !important;

    white-space: nowrap

}



.ui.slide.reveal > .content {

    display: block;

    width: 100%;

    white-space: normal;

    float: left;

    margin: 0;

    -webkit-transition: -webkit-transform .5s ease .1s;

    transition: -webkit-transform .5s ease .1s;

    transition: transform .5s ease .1s;

    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;

    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s

}



.ui.slide.reveal > .visible.content {

    position: relative !important

}



.ui.slide.reveal > .hidden.content {

    position: absolute !important;

    left: 0 !important;

    width: 100% !important;

    -webkit-transform: translateX(100%) !important;

    -ms-transform: translateX(100%) !important;

    transform: translateX(100%) !important

}



.ui.slide.active.reveal > .visible.content, .ui.slide.reveal:hover > .visible.content {

    -webkit-transform: translateX(-100%) !important;

    -ms-transform: translateX(-100%) !important;

    transform: translateX(-100%) !important

}



.ui.slide.active.reveal > .hidden.content, .ui.slide.reveal:hover > .hidden.content {

    -webkit-transform: translateX(0) !important;

    -ms-transform: translateX(0) !important;

    transform: translateX(0) !important

}



.ui.slide.right.reveal > .visible.content {

    -webkit-transform: translateX(0) !important;

    -ms-transform: translateX(0) !important;

    transform: translateX(0) !important

}



.ui.slide.right.reveal > .hidden.content {

    -webkit-transform: translateX(-100%) !important;

    -ms-transform: translateX(-100%) !important;

    transform: translateX(-100%) !important

}



.ui.slide.right.active.reveal > .visible.content, .ui.slide.right.reveal:hover > .visible.content {

    -webkit-transform: translateX(100%) !important;

    -ms-transform: translateX(100%) !important;

    transform: translateX(100%) !important

}



.ui.slide.right.active.reveal > .hidden.content, .ui.slide.right.reveal:hover > .hidden.content {

    -webkit-transform: translateX(0) !important;

    -ms-transform: translateX(0) !important;

    transform: translateX(0) !important

}



.ui.slide.up.reveal > .hidden.content {

    -webkit-transform: translateY(100%) !important;

    -ms-transform: translateY(100%) !important;

    transform: translateY(100%) !important

}



.ui.slide.up.active.reveal > .visible.content, .ui.slide.up.reveal:hover > .visible.content {

    -webkit-transform: translateY(-100%) !important;

    -ms-transform: translateY(-100%) !important;

    transform: translateY(-100%) !important

}



.ui.slide.up.active.reveal > .hidden.content, .ui.slide.up.reveal:hover > .hidden.content {

    -webkit-transform: translateY(0) !important;

    -ms-transform: translateY(0) !important;

    transform: translateY(0) !important

}



.ui.slide.down.reveal > .hidden.content {

    -webkit-transform: translateY(-100%) !important;

    -ms-transform: translateY(-100%) !important;

    transform: translateY(-100%) !important

}



.ui.slide.down.active.reveal > .visible.content, .ui.slide.down.reveal:hover > .visible.content {

    -webkit-transform: translateY(100%) !important;

    -ms-transform: translateY(100%) !important;

    transform: translateY(100%) !important

}



.ui.slide.down.active.reveal > .hidden.content, .ui.slide.down.reveal:hover > .hidden.content {

    -webkit-transform: translateY(0) !important;

    -ms-transform: translateY(0) !important;

    transform: translateY(0) !important

}



.ui.fade.reveal > .visible.content {

    opacity: 1

}



.ui.fade.active.reveal > .visible.content, .ui.fade.reveal:hover > .visible.content {

    opacity: 0

}



.ui.move.reveal {

    position: relative !important;

    overflow: hidden !important;

    white-space: nowrap

}



.ui.move.reveal > .content {

    display: block;

    float: left;

    white-space: normal;

    margin: 0;

    -webkit-transition: -webkit-transform .5s cubic-bezier(.175, .885, .32, 1) .1s;

    transition: -webkit-transform .5s cubic-bezier(.175, .885, .32, 1) .1s;

    transition: transform .5s cubic-bezier(.175, .885, .32, 1) .1s;

    transition: transform .5s cubic-bezier(.175, .885, .32, 1) .1s, -webkit-transform .5s cubic-bezier(.175, .885, .32, 1) .1s;

    transition: transform .5s cubic-bezier(.175, .885, .32, 1) .1s, -webkit-transform .5s cubic-bezier(.175, .885, .32, 1) .1s

}



.ui.move.reveal > .visible.content {

    position: relative !important

}



.ui.move.reveal > .hidden.content {

    position: absolute !important;

    left: 0 !important;

    width: 100% !important

}



.ui.move.active.reveal > .visible.content, .ui.move.reveal:hover > .visible.content {

    -webkit-transform: translateX(-100%) !important;

    -ms-transform: translateX(-100%) !important;

    transform: translateX(-100%) !important

}



.ui.move.right.active.reveal > .visible.content, .ui.move.right.reveal:hover > .visible.content {

    -webkit-transform: translateX(100%) !important;

    -ms-transform: translateX(100%) !important;

    transform: translateX(100%) !important

}



.ui.move.up.active.reveal > .visible.content, .ui.move.up.reveal:hover > .visible.content {

    -webkit-transform: translateY(-100%) !important;

    -ms-transform: translateY(-100%) !important;

    transform: translateY(-100%) !important

}



.ui.move.down.active.reveal > .visible.content, .ui.move.down.reveal:hover > .visible.content {

    -webkit-transform: translateY(100%) !important;

    -ms-transform: translateY(100%) !important;

    transform: translateY(100%) !important

}



.ui.rotate.reveal > .visible.content {

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0)

}



.ui.rotate.reveal > .visible.content, .ui.rotate.right.reveal > .visible.content {

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right

}



.ui.rotate.active.reveal > .visible.content, .ui.rotate.reveal:hover > .visible.content, .ui.rotate.right.active.reveal > .visible.content, .ui.rotate.right.reveal:hover > .visible.content {

    -webkit-transform: rotate(110deg);

    -ms-transform: rotate(110deg);

    transform: rotate(110deg)

}



.ui.rotate.left.reveal > .visible.content {

    -webkit-transform-origin: bottom left;

    -ms-transform-origin: bottom left;

    transform-origin: bottom left

}



.ui.rotate.left.active.reveal > .visible.content, .ui.rotate.left.reveal:hover > .visible.content {

    -webkit-transform: rotate(-110deg);

    -ms-transform: rotate(-110deg);

    transform: rotate(-110deg)

}



.ui.disabled.reveal:hover > .visible.visible.content {

    position: static !important;

    display: block !important;

    opacity: 1 !important;

    top: 0 !important;

    left: 0 !important;

    right: auto !important;

    bottom: auto !important;

    -webkit-transform: none !important;

    -ms-transform: none !important;

    transform: none !important

}



.ui.disabled.reveal:hover > .hidden.hidden.content {

    display: none !important

}



.ui.reveal > .ui.ribbon.label {

    z-index: 5

}



.ui.visible.reveal {

    overflow: visible

}



.ui.instant.reveal > .content {

    -webkit-transition-delay: 0s !important;

    transition-delay: 0s !important

}



.ui.reveal > .content {

    font-size: 1rem !important

}



/*!

 * # Semantic UI 2.3.3 - Segment

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */



@-webkit-keyframes segment-spin {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes segment-spin {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



/*!

 * # Semantic UI 2.3.3 - Step

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.steps {

    display: -webkit-inline-box;

    display: inline-flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-direction: row;

    -webkit-box-align: stretch;

    align-items: stretch;

    margin: 1em 0;

    background: '';

    box-shadow: none;

    line-height: 1.14285714em;

    border-radius: .28571429rem;

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

}



.ui.steps:first-child {

    margin-top: 0

}



.ui.steps:last-child {

    margin-bottom: 0

}



.ui.steps .step {

    position: relative;

    display: -webkit-box;

    display: flex;

    -webkit-box-flex: 1;

    flex: 1 0 auto;

    flex-wrap: wrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-direction: row;

    vertical-align: middle;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-pack: center;

    justify-content: center;

    margin: 0 0;

    padding: 1.14285714em 2em;

    background: #fff;

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

    box-shadow: none;

    border-radius: 0;

    border: none;

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

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

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

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

}



.ui.steps .step:after {

    display: none;

    position: absolute;

    z-index: 2;

    content: '';

    top: 50%;

    right: 0;

    border: medium none;

    background-color: #fff;

    width: 1.14285714em;

    height: 1.14285714em;

    border-style: solid;

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

    border-width: 0 1px 1px 0;

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

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

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

    -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);

    -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);

    transform: translateY(-50%) translateX(50%) rotate(-45deg)

}



.ui.steps .step:first-child {

    padding-left: 2em;

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

}



.ui.steps .step:last-child {

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

}



.ui.steps .step:last-child {

    border-right: none;

    margin-right: 0

}



.ui.steps .step:only-child {

    border-radius: .28571429rem

}



.ui.steps .step .title {

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    font-size: 1.14285714em;

    font-weight: 700

}



.ui.steps .step > .title {

    width: 100%

}



.ui.steps .step .description {

    font-weight: 400;

    font-size: .92857143em;

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

}



.ui.steps .step > .description {

    width: 100%

}



.ui.steps .step .title ~ .description {

    margin-top: .25em

}



.ui.steps .step > .icon {

    line-height: 1;

    font-size: 2.5em;

    margin: 0 1rem 0 0

}



.ui.steps .step > .icon, .ui.steps .step > .icon ~ .content {

    display: block;

    -webkit-box-flex: 0;

    flex: 0 1 auto;

    align-self: middle

}



.ui.steps .step > .icon ~ .content {

    -webkit-box-flex: 1 0 auto;

    flex-grow: 1 0 auto

}



.ui.steps:not(.vertical) .step > .icon {

    width: auto

}



.ui.steps .link.step, .ui.steps a.step {

    cursor: pointer

}



.ui.vertical.steps {

    display: -webkit-inline-box;

    display: inline-flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

    overflow: visible

}



.ui.vertical.steps .step {

    -webkit-box-pack: start;

    justify-content: flex-start;

    border-radius: 0;

    padding: 1.14285714em 2em;

    border-right: none;

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

}



.ui.vertical.steps .step:first-child {

    padding: 1.14285714em 2em;

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

}



.ui.vertical.steps .step:last-child {

    border-bottom: none;

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

}



.ui.vertical.steps .step:only-child {

    border-radius: .28571429rem

}



.ui.vertical.steps .step:after {

    display: none

}



.ui.vertical.steps .step:after {

    top: 50%;

    right: 0;

    border-width: 0 1px 1px 0

}



.ui.vertical.steps .step:after {

    display: none

}



.ui.vertical.steps .active.step:after {

    display: block

}



.ui.vertical.steps .step:last-child:after {

    display: none

}



.ui.vertical.steps .active.step:last-child:after {

    display: block

}



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

    .ui.steps:not(.unstackable) {

        display: -webkit-inline-box;

        display: inline-flex;

        overflow: visible;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        flex-direction: column

    }



    .ui.steps:not(.unstackable) .step {

        width: 100% !important;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        flex-direction: column;

        border-radius: 0;

        padding: 1.14285714em 2em

    }



    .ui.steps:not(.unstackable) .step:first-child {

        padding: 1.14285714em 2em;

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

    }



    .ui.steps:not(.unstackable) .step:last-child {

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

    }



    .ui.steps:not(.unstackable) .step:after {

        display: none !important

    }



    .ui.steps:not(.unstackable) .step .content {

        text-align: center

    }



     .ui.steps:not(.unstackable) .step > .icon {

        margin: 0 0 1rem 0

    }

}



.ui.steps .link.step:hover, .ui.steps .link.step:hover::after, .ui.steps a.step:hover, .ui.steps a.step:hover::after {

    background: #f9fafb;

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

}



.ui.steps .link.step:active, .ui.steps .link.step:active::after, .ui.steps a.step:active, .ui.steps a.step:active::after {

    background: #f3f4f5;

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

}



.ui.steps .step.active {

    cursor: auto;

    background: #f3f4f5

}



.ui.steps .step.active:after {

    background: #f3f4f5

}



.ui.steps .step.active .title {

    color: #4183c4

}



 .ui.steps .active.step .icon {

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

}



.ui.steps .step:after {

    display: block

}



.ui.steps .active.step:after {

    display: block

}



.ui.steps .step:last-child:after {

    display: none

}



.ui.steps .active.step:last-child:after {

    display: none

}



.ui.steps .link.active.step:hover, .ui.steps .link.active.step:hover::after, .ui.steps a.active.step:hover, .ui.steps a.active.step:hover::after {

    cursor: pointer;

    background: #dcddde;

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

}



.ui.steps .disabled.step {

    cursor: auto;

    background: #fff;

    pointer-events: none

}



.ui.steps .disabled.step, .ui.steps .disabled.step .description, .ui.steps .disabled.step .title {

    color: rgba(40, 40, 40, .3)

}



.ui.steps .disabled.step:after {

    background: #fff

}



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

    .ui[class*="tablet stackable"].steps {

        display: -webkit-inline-box;

        display: inline-flex;

        overflow: visible;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        flex-direction: column

    }



    .ui[class*="tablet stackable"].steps .step {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        flex-direction: column;

        border-radius: 0;

        padding: 1.14285714em 2em

    }



    .ui[class*="tablet stackable"].steps .step:first-child {

        padding: 1.14285714em 2em;

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

    }



    .ui[class*="tablet stackable"].steps .step:last-child {

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

    }



    .ui[class*="tablet stackable"].steps .step:after {

        display: none !important

    }



    .ui[class*="tablet stackable"].steps .step .content {

        text-align: center

    }



     .ui[class*="tablet stackable"].steps .step > .icon {

        margin: 0 0 1rem 0

    }

}



.ui.fluid.steps {

    display: -webkit-box;

    display: flex;

    width: 100%

}



.ui.eight.steps, .ui.five.steps, .ui.four.steps, .ui.one.steps, .ui.three.steps, .ui.two.steps {

    width: 100%

}



.ui.eight.steps > .step, .ui.five.steps > .step, .ui.four.steps > .step, .ui.one.steps > .step, .ui.three.steps > .step, .ui.two.steps > .step {

    flex-wrap: nowrap

}



.ui.one.steps > .step {

    width: 100%

}



.ui.two.steps > .step {

    width: 50%

}



.ui.three.steps > .step {

    width: 33.333%

}



.ui.four.steps > .step {

    width: 25%

}



.ui.five.steps > .step {

    width: 20%

}



.ui.eight.steps > .step {

    width: 12.5%

}



.ui.tiny.step, .ui.tiny.steps .step {

    font-size: .85714286rem

}



.ui.small.step, .ui.small.steps .step {

    font-size: .92857143rem

}



.ui.step, .ui.steps .step {

    font-size: 1rem

}



.ui.large.step, .ui.large.steps .step {

    font-size: 1.14285714rem

}



.ui.big.step, .ui.big.steps .step {

    font-size: 1.28571429rem

}



@font-face {

    font-family: Step;

    src: url(data:application/x-font-ttf;charset=utf-8;;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff')

}



/*!

 * # Semantic UI 2.3.3 - Breadcrumb

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.breadcrumb {

    line-height: 1;

    display: inline-block;

    margin: 0 0;

    vertical-align: middle

}



.ui.breadcrumb:first-child {

    margin-top: 0

}



.ui.breadcrumb:last-child {

    margin-bottom: 0

}



.ui.breadcrumb a {

    color: #4183c4

}



.ui.breadcrumb a:hover {

    color: #1e70bf

}



.ui.breadcrumb a.section {

    cursor: pointer

}



.ui.breadcrumb .section {

    display: inline-block;

    margin: 0;

    padding: 0

}



.ui.breadcrumb .active.section {

    font-weight: 700

}



.ui.tiny.breadcrumb {

    font-size: .85714286rem

}



.ui.small.breadcrumb {

    font-size: .92857143rem

}



.ui.breadcrumb {

    font-size: 1rem

}



.ui.large.breadcrumb {

    font-size: 1.14285714rem

}



.ui.big.breadcrumb {

    font-size: 1.28571429rem

}



/*!

 * # Semantic UI 2.3.3 - Form

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * 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 {

    clear: both;

    margin: 0 0 1em

}



.ui.form .field:last-child, .ui.form .fields:last-child .field {

    margin-bottom: 0

}



.ui.form .fields .field {

    clear: both;

    margin: 0

}



.ui.form .field > label {

    display: block;

    margin: 0 0 .28571429rem 0;

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

    font-size: .92857143em;

    font-weight: 700;

    text-transform: none

}



.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url], .ui.form textarea {

    width: 100%;

    vertical-align: top

}



.ui.form ::-webkit-datetime-edit, .ui.form ::-webkit-inner-spin-button {

    height: 1.21428571em

}



.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] {

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    margin: 0;

    outline: 0;

    -webkit-appearance: none;

    tap-highlight-color: rgba(255, 255, 255, 0);

    line-height: 1.21428571em;

    padding: .67857143em 1em;

    font-size: 1em;

    background: #fff;

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

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

    border-radius: .28571429rem;

    box-shadow: 0 0 0 0 transparent inset;

    -webkit-transition: color .1s ease, border-color .1s ease;

    transition: color .1s ease, border-color .1s ease

}



.ui.form textarea {

    margin: 0;

    -webkit-appearance: none;

    tap-highlight-color: rgba(255, 255, 255, 0);

    padding: .78571429em 1em;

    background: #fff;

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

    outline: 0;

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

    border-radius: .28571429rem;

    box-shadow: 0 0 0 0 transparent inset;

    -webkit-transition: color .1s ease, border-color .1s ease;

    transition: color .1s ease, border-color .1s ease;

    font-size: 1em;

    line-height: 1.2857;

    resize: vertical

}



.ui.form textarea:not([rows]) {

    height: 12em;

    min-height: 8em;

    max-height: 24em

}



.ui.form input[type=checkbox], .ui.form textarea {

    vertical-align: top

}



.ui.form select {

    display: block;

    height: auto;

    width: 100%;

    background: #fff;

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

    border-radius: .28571429rem;

    box-shadow: 0 0 0 0 transparent inset;

    padding: .62em 1em;

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

    -webkit-transition: color .1s ease, border-color .1s ease;

    transition: color .1s ease, border-color .1s ease

}



.ui.form .field > .selection.dropdown {

    width: 100%

}



.ui.form .field > .selection.dropdown > .dropdown.icon {

    float: right

}



.ui.form .inline.field > .selection.dropdown, .ui.form .inline.fields .field > .selection.dropdown {

    width: auto

}



.ui.form .inline.field > .selection.dropdown > .dropdown.icon, .ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon {

    float: none

}



.ui.form .field .ui.input, .ui.form .fields .field .ui.input, .ui.form .wide.field .ui.input {

    width: 100%

}



.ui.form .inline.field:not(.wide) .ui.input, .ui.form .inline.fields .field:not(.wide) .ui.input {

    width: auto;

    vertical-align: middle

}



.ui.form .field .ui.input input, .ui.form .fields .field .ui.input input {

    width: auto

}



.ui.form .eight.fields .ui.input input, .ui.form .five.fields .ui.input input, .ui.form .four.fields .ui.input input, .ui.form .three.fields .ui.input input, .ui.form .two.fields .ui.input input, .ui.form .wide.field .ui.input input {

    -webkit-box-flex: 1;

    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.field input:-webkit-autofill {

    box-shadow: 0 0 0 100px ivory inset !important;

    border-color: #e5dfa1 !important

}



.ui.form .field.field input:-webkit-autofill:focus {

    box-shadow: 0 0 0 100px ivory inset !important;

    border-color: #d5c315 !important

}



.ui.form .error.error input:-webkit-autofill {

    box-shadow: 0 0 0 100px #fffaf0 inset !important;

    border-color: #e0b4b4 !important

}



.ui.form ::-webkit-input-placeholder {

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

}



.ui.form :-ms-input-placeholder {

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

}



.ui.form ::-moz-placeholder {

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

}



.ui.form :focus::-webkit-input-placeholder {

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

}



.ui.form :focus:-ms-input-placeholder {

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

}



.ui.form :focus::-moz-placeholder {

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

}



.ui.form .error ::-webkit-input-placeholder {

    color: #e7bdbc

}



.ui.form .error :-ms-input-placeholder {

    color: #e7bdbc !important

}



.ui.form .error ::-moz-placeholder {

    color: #e7bdbc

}



.ui.form .error :focus::-webkit-input-placeholder {

    color: #da9796

}



.ui.form .error :focus:-ms-input-placeholder {

    color: #da9796 !important

}



.ui.form .error :focus::-moz-placeholder {

    color: #da9796

}



.ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus {

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

    border-color: #85b7d9;

    border-radius: .28571429rem;

    background: #fff;

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

}



.ui.form textarea:focus {

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

    border-color: #85b7d9;

    border-radius: .28571429rem;

    background: #fff;

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

    -webkit-appearance: none

}



.ui.form.success .success.message:not(:empty) {

    display: block

}



.ui.form.success .icon.success.message:not(:empty) {

    display: -webkit-box;

    display: flex

}



.ui.form.warning .warning.message:not(:empty) {

    display: block

}



.ui.form.warning .icon.warning.message:not(:empty) {

    display: -webkit-box;

    display: flex

}



.ui.form.error .error.message:not(:empty) {

    display: block

}



.ui.form.error .icon.error.message:not(:empty) {

    display: -webkit-box;

    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 input:not([type]), .ui.form .field.error input[type=date], .ui.form .field.error input[type=datetime-local], .ui.form .field.error input[type=email], .ui.form .field.error input[type=file], .ui.form .field.error input[type=number], .ui.form .field.error input[type=password], .ui.form .field.error input[type=search], .ui.form .field.error input[type=tel], .ui.form .field.error input[type=text], .ui.form .field.error input[type=time], .ui.form .field.error input[type=url], .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=date], .ui.form .fields.error .field input[type=datetime-local], .ui.form .fields.error .field input[type=email], .ui.form .fields.error .field input[type=file], .ui.form .fields.error .field input[type=number], .ui.form .fields.error .field input[type=password], .ui.form .fields.error .field input[type=search], .ui.form .fields.error .field input[type=tel], .ui.form .fields.error .field input[type=text], .ui.form .fields.error .field input[type=time], .ui.form .fields.error .field input[type=url], .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=date]:focus, .ui.form .field.error input[type=datetime-local]:focus, .ui.form .field.error input[type=email]:focus, .ui.form .field.error input[type=file]:focus, .ui.form .field.error input[type=number]:focus, .ui.form .field.error input[type=password]:focus, .ui.form .field.error input[type=search]:focus, .ui.form .field.error input[type=tel]:focus, .ui.form .field.error input[type=text]:focus, .ui.form .field.error input[type=time]:focus, .ui.form .field.error input[type=url]: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 .fields.error .field .ui.dropdown {

    border-color: #e0b4b4 !important

}



.ui.form .field.error .ui.dropdown:hover, .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 .fields.error .field .ui.dropdown .menu .item:hover {

    background-color: #fbe7e7

}



.ui.form .field.error .ui.dropdown .menu .selected.item, .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, .ui.form .fields.disabled > label {

    opacity: .45

}



.ui.form .field.disabled :disabled {

    opacity: 1

}



.ui.loading.form {

    position: relative;

    cursor: default;

    pointer-events: none

}



.ui.loading.form:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    background: rgba(255, 255, 255, .8);

    width: 100%;

    height: 100%;

    z-index: 100

}



.ui.loading.form:after {

    position: absolute;

    content: '';

    top: 50%;

    left: 50%;

    margin: -1.5em 0 0 -1.5em;

    width: 3em;

    height: 3em;

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

    animation: form-spin .6s linear;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    border-radius: 500rem;

    border-color: #767676 rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);

    border-style: solid;

    border-width: .2em;

    box-shadow: 0 0 0 1px transparent;

    visibility: visible;

    z-index: 101

}



@-webkit-keyframes form-spin {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes form-spin {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.ui.form .required.field > .checkbox:after, .ui.form .required.field > label:after, .ui.form .required.fields: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: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.inverted.form .inline.field > label, .ui.inverted.form .inline.field > p, .ui.inverted.form .inline.fields .field > label, .ui.inverted.form .inline.fields .field > p, .ui.inverted.form .inline.fields > label, .ui.inverted.form .ui.checkbox .box, .ui.inverted.form .ui.checkbox label, .ui.inverted.form label {

    color: rgba(255, 255, 255, .9)

}



.ui.inverted.form input:not([type]), .ui.inverted.form input[type=date], .ui.inverted.form input[type=datetime-local], .ui.inverted.form input[type=email], .ui.inverted.form input[type=file], .ui.inverted.form input[type=number], .ui.inverted.form input[type=password], .ui.inverted.form input[type=search], .ui.inverted.form input[type=tel], .ui.inverted.form input[type=text], .ui.inverted.form input[type=time], .ui.inverted.form input[type=url] {

    background: #fff;

    border-color: rgba(255, 255, 255, .1);

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

    box-shadow: none

}



.ui.form .fields {

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-direction: row;

    margin: 0 -.5em 1em

}



.ui.form .fields > .field {

    -webkit-box-flex: 0;

    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 .eight.fields > .field, .ui.form .eight.fields > .fields {

    width: 12.5%

}



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

    .ui.form .fields {

        flex-wrap: wrap

    }



    .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields {

        width: 100% !important;

        margin: 0 0 1em

    }

}



.ui.form .fields .wide.field {

    width: 6.25%;

    padding-left: .5em;

    padding-right: .5em

}



.ui.form .one.wide.field {

    width: 6.25% !important

}



.ui.form .two.wide.field {

    width: 12.5% !important

}



.ui.form .three.wide.field {

    width: 18.75% !important

}



.ui.form .four.wide.field {

    width: 25% !important

}



.ui.form .five.wide.field {

    width: 31.25% !important

}



.ui.form .eight.wide.field {

    width: 50% !important

}



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

    .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields {

        width: 100% !important

    }



    .ui.form .fields {

        margin-bottom: 0

    }

}



.ui.form .inline.fields {

    margin: 0 0 1em;

    -webkit-box-align: center;

    align-items: center

}



.ui.form .inline.fields .field {

    margin: 0;

    padding: 0 1em 0 0

}



.ui.form .inline.field > label, .ui.form .inline.field > p, .ui.form .inline.fields .field > label, .ui.form .inline.fields .field > p, .ui.form .inline.fields > label {

    display: inline-block;

    width: auto;

    margin-top: 0;

    margin-bottom: 0;

    vertical-align: baseline;

    font-size: .92857143em;

    font-weight: 700;

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

    text-transform: none

}



.ui.form .inline.fields > label {

    margin: .035714em 1em 0 0

}



.ui.form .inline.field > input, .ui.form .inline.field > select, .ui.form .inline.fields .field > input, .ui.form .inline.fields .field > select {

    display: inline-block;

    width: auto;

    margin-top: 0;

    margin-bottom: 0;

    vertical-align: middle;

    font-size: 1em

}



.ui.form .inline.field > :first-child, .ui.form .inline.fields .field > :first-child {

    margin: 0 .85714286em 0 0

}



.ui.form .inline.field > :only-child, .ui.form .inline.fields .field > :only-child {

    margin: 0

}



.ui.form .inline.fields .wide.field {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center

}



.ui.form .inline.fields .wide.field > input, .ui.form .inline.fields .wide.field > select {

    width: 100%

}



.ui.tiny.form {

    font-size: .85714286rem

}



.ui.small.form {

    font-size: .92857143rem

}



.ui.form {

    font-size: 1rem

}



.ui.large.form {

    font-size: 1.14285714rem

}



.ui.big.form {

    font-size: 1.28571429rem

}



/*!

 * # Semantic UI 2.3.3 - Grid

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.grid {

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-align: stretch;

    align-items: stretch;

    padding: 0

}



.ui.grid {

    margin-top: -1rem;

    margin-bottom: -1rem;

    margin-left: -1rem;

    margin-right: -1rem

}



.ui.grid + .grid {

    margin-top: 1rem

}



.ui.grid > .column:not(.row), .ui.grid > .row > .column {

    position: relative;

    display: inline-block;

    width: 6.25%;

    padding-left: 1rem;

    padding-right: 1rem;

    vertical-align: top

}



.ui.grid > * {

    padding-left: 1rem;

    padding-right: 1rem

}



.ui.grid > .row {

    position: relative;

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-pack: inherit;

    justify-content: inherit;

    -webkit-box-align: stretch;

    align-items: stretch;

    width: 100% !important;

    padding: 0;

    padding-top: 1rem;

    padding-bottom: 1rem

}



.ui.grid > .column:not(.row) {

    padding-top: 1rem;

    padding-bottom: 1rem

}



.ui.grid > .row > .column {

    margin-top: 0;

    margin-bottom: 0

}



.ui.grid > .row > .column > img, .ui.grid > .row > img {

    max-width: 100%

}



.ui.grid > .ui.grid:first-child {

    margin-top: 0

}



.ui.grid > .ui.grid:last-child {

    margin-bottom: 0

}



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

    .ui.page.grid {

        width: auto;

        padding-left: 0;

        padding-right: 0;

        margin-left: 0;

        margin-right: 0

    }

}



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

    .ui.page.grid {

        width: auto;

        margin-left: 0;

        margin-right: 0;

        padding-left: 2em;

        padding-right: 2em

    }

}



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

    .ui.page.grid {

        width: auto;

        margin-left: 0;

        margin-right: 0;

        padding-left: 3%;

        padding-right: 3%

    }

}



@media only screen and (min-width: 1200px) and (max-width: 1919px) {

    .ui.page.grid {

        width: auto;

        margin-left: 0;

        margin-right: 0;

        padding-left: 15%;

        padding-right: 15%

    }

}



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

    .ui.page.grid {

        width: auto;

        margin-left: 0;

        margin-right: 0;

        padding-left: 23%;

        padding-right: 23%

    }

}



.ui.grid > .column:only-child, .ui.grid > .row > .column:only-child {

    width: 100%

}



.ui[class*="one column"].grid > .column:not(.row), .ui[class*="one column"].grid > .row > .column {

    width: 100%

}



.ui[class*="two column"].grid > .column:not(.row), .ui[class*="two column"].grid > .row > .column {

    width: 50%

}



.ui[class*="three column"].grid > .column:not(.row), .ui[class*="three column"].grid > .row > .column {

    width: 33.33333333%

}



.ui[class*="four column"].grid > .column:not(.row), .ui[class*="four column"].grid > .row > .column {

    width: 25%

}



.ui[class*="five column"].grid > .column:not(.row), .ui[class*="five column"].grid > .row > .column {

    width: 20%

}



.ui[class*="eight column"].grid > .column:not(.row), .ui[class*="eight column"].grid > .row > .column {

    width: 12.5%

}



.ui[class*="ten column"].grid > .column:not(.row), .ui[class*="ten column"].grid > .row > .column {

    width: 10%

}



.ui.grid > [class*="one column"].row > .column {

    width: 100% !important

}



.ui.grid > [class*="two column"].row > .column {

    width: 50% !important

}



.ui.grid > [class*="three column"].row > .column {

    width: 33.33333333% !important

}



.ui.grid > [class*="four column"].row > .column {

    width: 25% !important

}



.ui.grid > [class*="five column"].row > .column {

    width: 20% !important

}



.ui.grid > [class*="eight column"].row > .column {

    width: 12.5% !important

}



.ui.grid > [class*="ten column"].row > .column {

    width: 10% !important

}



.ui.column.grid > [class*="one wide"].column, .ui.grid > .column.row > [class*="one wide"].column, .ui.grid > .row > [class*="one wide"].column, .ui.grid > [class*="one wide"].column {

    width: 6.25% !important

}



.ui.column.grid > [class*="two wide"].column, .ui.grid > .column.row > [class*="two wide"].column, .ui.grid > .row > [class*="two wide"].column, .ui.grid > [class*="two wide"].column {

    width: 12.5% !important

}



.ui.column.grid > [class*="three wide"].column, .ui.grid > .column.row > [class*="three wide"].column, .ui.grid > .row > [class*="three wide"].column, .ui.grid > [class*="three wide"].column {

    width: 18.75% !important

}



.ui.column.grid > [class*="four wide"].column, .ui.grid > .column.row > [class*="four wide"].column, .ui.grid > .row > [class*="four wide"].column, .ui.grid > [class*="four wide"].column {

    width: 25% !important

}



.ui.column.grid > [class*="five wide"].column, .ui.grid > .column.row > [class*="five wide"].column, .ui.grid > .row > [class*="five wide"].column, .ui.grid > [class*="five wide"].column {

    width: 31.25% !important

}



.ui.column.grid > [class*="eight wide"].column, .ui.grid > .column.row > [class*="eight wide"].column, .ui.grid > .row > [class*="eight wide"].column, .ui.grid > [class*="eight wide"].column {

    width: 50% !important

}



.ui.column.grid > [class*="ten wide"].column, .ui.grid > .column.row > [class*="ten wide"].column, .ui.grid > .row > [class*="ten wide"].column, .ui.grid > [class*="ten wide"].column {

    width: 62.5% !important

}



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

    .ui.column.grid > [class*="one wide mobile"].column, .ui.grid > .column.row > [class*="one wide mobile"].column, .ui.grid > .row > [class*="one wide mobile"].column, .ui.grid > [class*="one wide mobile"].column {

        width: 6.25% !important

    }



    .ui.column.grid > [class*="two wide mobile"].column, .ui.grid > .column.row > [class*="two wide mobile"].column, .ui.grid > .row > [class*="two wide mobile"].column, .ui.grid > [class*="two wide mobile"].column {

        width: 12.5% !important

    }



    .ui.column.grid > [class*="three wide mobile"].column, .ui.grid > .column.row > [class*="three wide mobile"].column, .ui.grid > .row > [class*="three wide mobile"].column, .ui.grid > [class*="three wide mobile"].column {

        width: 18.75% !important

    }



    .ui.column.grid > [class*="four wide mobile"].column, .ui.grid > .column.row > [class*="four wide mobile"].column, .ui.grid > .row > [class*="four wide mobile"].column, .ui.grid > [class*="four wide mobile"].column {

        width: 25% !important

    }



    .ui.column.grid > [class*="five wide mobile"].column, .ui.grid > .column.row > [class*="five wide mobile"].column, .ui.grid > .row > [class*="five wide mobile"].column, .ui.grid > [class*="five wide mobile"].column {

        width: 31.25% !important

    }



    .ui.column.grid > [class*="eight wide mobile"].column, .ui.grid > .column.row > [class*="eight wide mobile"].column, .ui.grid > .row > [class*="eight wide mobile"].column, .ui.grid > [class*="eight wide mobile"].column {

        width: 50% !important

    }



    .ui.column.grid > [class*="ten wide mobile"].column, .ui.grid > .column.row > [class*="ten wide mobile"].column, .ui.grid > .row > [class*="ten wide mobile"].column, .ui.grid > [class*="ten wide mobile"].column {

        width: 62.5% !important

    }

}



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

    .ui.column.grid > [class*="one wide tablet"].column, .ui.grid > .column.row > [class*="one wide tablet"].column, .ui.grid > .row > [class*="one wide tablet"].column, .ui.grid > [class*="one wide tablet"].column {

        width: 6.25% !important

    }



    .ui.column.grid > [class*="two wide tablet"].column, .ui.grid > .column.row > [class*="two wide tablet"].column, .ui.grid > .row > [class*="two wide tablet"].column, .ui.grid > [class*="two wide tablet"].column {

        width: 12.5% !important

    }



    .ui.column.grid > [class*="three wide tablet"].column, .ui.grid > .column.row > [class*="three wide tablet"].column, .ui.grid > .row > [class*="three wide tablet"].column, .ui.grid > [class*="three wide tablet"].column {

        width: 18.75% !important

    }



    .ui.column.grid > [class*="four wide tablet"].column, .ui.grid > .column.row > [class*="four wide tablet"].column, .ui.grid > .row > [class*="four wide tablet"].column, .ui.grid > [class*="four wide tablet"].column {

        width: 25% !important

    }



    .ui.column.grid > [class*="five wide tablet"].column, .ui.grid > .column.row > [class*="five wide tablet"].column, .ui.grid > .row > [class*="five wide tablet"].column, .ui.grid > [class*="five wide tablet"].column {

        width: 31.25% !important

    }



    .ui.column.grid > [class*="eight wide tablet"].column, .ui.grid > .column.row > [class*="eight wide tablet"].column, .ui.grid > .row > [class*="eight wide tablet"].column, .ui.grid > [class*="eight wide tablet"].column {

        width: 50% !important

    }



    .ui.column.grid > [class*="ten wide tablet"].column, .ui.grid > .column.row > [class*="ten wide tablet"].column, .ui.grid > .row > [class*="ten wide tablet"].column, .ui.grid > [class*="ten wide tablet"].column {

        width: 62.5% !important

    }

}



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

    .ui.column.grid > [class*="one wide computer"].column, .ui.grid > .column.row > [class*="one wide computer"].column, .ui.grid > .row > [class*="one wide computer"].column, .ui.grid > [class*="one wide computer"].column {

        width: 6.25% !important

    }



    .ui.column.grid > [class*="two wide computer"].column, .ui.grid > .column.row > [class*="two wide computer"].column, .ui.grid > .row > [class*="two wide computer"].column, .ui.grid > [class*="two wide computer"].column {

        width: 12.5% !important

    }



    .ui.column.grid > [class*="three wide computer"].column, .ui.grid > .column.row > [class*="three wide computer"].column, .ui.grid > .row > [class*="three wide computer"].column, .ui.grid > [class*="three wide computer"].column {

        width: 18.75% !important

    }



    .ui.column.grid > [class*="four wide computer"].column, .ui.grid > .column.row > [class*="four wide computer"].column, .ui.grid > .row > [class*="four wide computer"].column, .ui.grid > [class*="four wide computer"].column {

        width: 25% !important

    }



    .ui.column.grid > [class*="five wide computer"].column, .ui.grid > .column.row > [class*="five wide computer"].column, .ui.grid > .row > [class*="five wide computer"].column, .ui.grid > [class*="five wide computer"].column {

        width: 31.25% !important

    }



    .ui.column.grid > [class*="eight wide computer"].column, .ui.grid > .column.row > [class*="eight wide computer"].column, .ui.grid > .row > [class*="eight wide computer"].column, .ui.grid > [class*="eight wide computer"].column {

        width: 50% !important

    }



    .ui.column.grid > [class*="ten wide computer"].column, .ui.grid > .column.row > [class*="ten wide computer"].column, .ui.grid > .row > [class*="ten wide computer"].column, .ui.grid > [class*="ten wide computer"].column {

        width: 62.5% !important

    }

}



@media only screen and (min-width: 1200px) and (max-width: 1919px) {

    .ui.column.grid > [class*="one wide large screen"].column, .ui.grid > .column.row > [class*="one wide large screen"].column, .ui.grid > .row > [class*="one wide large screen"].column, .ui.grid > [class*="one wide large screen"].column {

        width: 6.25% !important

    }



    .ui.column.grid > [class*="two wide large screen"].column, .ui.grid > .column.row > [class*="two wide large screen"].column, .ui.grid > .row > [class*="two wide large screen"].column, .ui.grid > [class*="two wide large screen"].column {

        width: 12.5% !important

    }



    .ui.column.grid > [class*="three wide large screen"].column, .ui.grid > .column.row > [class*="three wide large screen"].column, .ui.grid > .row > [class*="three wide large screen"].column, .ui.grid > [class*="three wide large screen"].column {

        width: 18.75% !important

    }



    .ui.column.grid > [class*="four wide large screen"].column, .ui.grid > .column.row > [class*="four wide large screen"].column, .ui.grid > .row > [class*="four wide large screen"].column, .ui.grid > [class*="four wide large screen"].column {

        width: 25% !important

    }



    .ui.column.grid > [class*="five wide large screen"].column, .ui.grid > .column.row > [class*="five wide large screen"].column, .ui.grid > .row > [class*="five wide large screen"].column, .ui.grid > [class*="five wide large screen"].column {

        width: 31.25% !important

    }



    .ui.column.grid > [class*="eight wide large screen"].column, .ui.grid > .column.row > [class*="eight wide large screen"].column, .ui.grid > .row > [class*="eight wide large screen"].column, .ui.grid > [class*="eight wide large screen"].column {

        width: 50% !important

    }



    .ui.column.grid > [class*="ten wide large screen"].column, .ui.grid > .column.row > [class*="ten wide large screen"].column, .ui.grid > .row > [class*="ten wide large screen"].column, .ui.grid > [class*="ten wide large screen"].column {

        width: 62.5% !important

    }

}



.ui.grid > .row > [class*="top aligned"].column, .ui.grid > [class*="top aligned"].column:not(.row), .ui.grid > [class*="top aligned"].row > .column, .ui[class*="top aligned"].grid > .column:not(.row), .ui[class*="top aligned"].grid > .row > .column {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

    vertical-align: top;

    align-self: flex-start !important

}



.ui.grid > .row > [class*="middle aligned"].column, .ui.grid > [class*="middle aligned"].column:not(.row), .ui.grid > [class*="middle aligned"].row > .column, .ui[class*="middle aligned"].grid > .column:not(.row), .ui[class*="middle aligned"].grid > .row > .column {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

    vertical-align: middle;

    align-self: center !important

}



.ui.grid > .row > [class*="bottom aligned"].column, .ui.grid > [class*="bottom aligned"].column:not(.row), .ui.grid > [class*="bottom aligned"].row > .column, .ui[class*="bottom aligned"].grid > .column:not(.row), .ui[class*="bottom aligned"].grid > .row > .column {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

    vertical-align: bottom;

    align-self: flex-end !important

}



.ui.grid > .row > [class*="left aligned"].column.column, .ui.grid > [class*="left aligned"].column.column, .ui.grid > [class*="left aligned"].row > .column, .ui[class*="left aligned"].grid > .column, .ui[class*="left aligned"].grid > .row > .column {

    text-align: left;

    align-self: inherit

}



.ui.grid > .row > [class*="center aligned"].column.column, .ui.grid > [class*="center aligned"].column.column, .ui.grid > [class*="center aligned"].row > .column, .ui[class*="center aligned"].grid > .column, .ui[class*="center aligned"].grid > .row > .column {

    text-align: center;

    align-self: inherit

}



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

    -webkit-box-pack: center;

    justify-content: center

}



.ui.grid > .row > [class*="right aligned"].column.column, .ui.grid > [class*="right aligned"].column.column, .ui.grid > [class*="right aligned"].row > .column, .ui[class*="right aligned"].grid > .column, .ui[class*="right aligned"].grid > .row > .column {

    text-align: right;

    align-self: inherit

}



 .ui.grid > .row > .blue.column, .ui.grid > .row > .brown.column, .ui.grid > .row > .green.column, .ui.grid > .row > .orange.column, .ui.grid > .row > .red.column, .ui.grid > .row > .yellow.column {

    margin-top: -1rem;

    margin-bottom: -1rem;

    padding-top: 1rem;

    padding-bottom: 1rem

}



.ui.grid > .red.column, .ui.grid > .red.row, .ui.grid > .row > .red.column {

    background-color: #db2828 !important;

    color: #fff

}



.ui.grid > .orange.column, .ui.grid > .orange.row, .ui.grid > .row > .orange.column {

    background-color: #f2711c !important;

    color: #fff

}



.ui.grid > .row > .yellow.column, .ui.grid > .yellow.column, .ui.grid > .yellow.row {

    background-color: #fbbd08 !important;

    color: #fff

}



.ui.grid > .green.column, .ui.grid > .green.row, .ui.grid > .row > .green.column {

    background-color: #21ba45 !important;

    color: #fff

}



.ui.grid > .blue.column, .ui.grid > .blue.row, .ui.grid > .row > .blue.column {

    background-color: #2185d0 !important;

    color: #fff

}



.ui.grid > .brown.column, .ui.grid > .brown.row, .ui.grid > .row > .brown.column {

    background-color: #a5673f !important;

    color: #fff

}



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

    .ui.doubling.grid {

        width: auto

    }



    .ui.doubling.grid > .row, .ui.grid > .doubling.row {

        margin: 0 !important;

        padding: 0 !important

    }



    .ui.doubling.grid > .row > .column, .ui.grid > .doubling.row > .column {

        display: inline-block !important;

        padding-top: 1rem !important;

        padding-bottom: 1rem !important;

        box-shadow: none !important;

        margin: 0

    }



    .ui.grid > [class*="two column"].doubling.row.row > .column, .ui[class*="two column"].doubling.grid > .column:not(.row), .ui[class*="two column"].doubling.grid > .row > .column {

        width: 100% !important

    }



    .ui.grid > [class*="three column"].doubling.row.row > .column, .ui[class*="three column"].doubling.grid > .column:not(.row), .ui[class*="three column"].doubling.grid > .row > .column {

        width: 50% !important

    }



    .ui.grid > [class*="four column"].doubling.row.row > .column, .ui[class*="four column"].doubling.grid > .column:not(.row), .ui[class*="four column"].doubling.grid > .row > .column {

        width: 50% !important

    }



    .ui.grid > [class*="five column"].doubling.row.row > .column, .ui[class*="five column"].doubling.grid > .column:not(.row), .ui[class*="five column"].doubling.grid > .row > .column {

        width: 33.33333333% !important

    }



    .ui.grid > [class*="eight column"].doubling.row.row > .column, .ui[class*="eight column"].doubling.grid > .column:not(.row), .ui[class*="eight column"].doubling.grid > .row > .column {

        width: 25% !important

    }



    .ui.grid > [class*="ten column"].doubling.row.row > .column, .ui[class*="ten column"].doubling.grid > .column:not(.row), .ui[class*="ten column"].doubling.grid > .row > .column {

        width: 20% !important

    }

}



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

    .ui.doubling.grid > .row, .ui.grid > .doubling.row {

        margin: 0 !important;

        padding: 0 !important

    }



    .ui.doubling.grid > .row > .column, .ui.grid > .doubling.row > .column {

        padding-top: 1rem !important;

        padding-bottom: 1rem !important;

        margin: 0 !important;

        box-shadow: none !important

    }



    .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column, .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column {

        width: 100% !important

    }



    .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column, .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column {

        width: 50% !important

    }



    .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column, .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column {

        width: 50% !important

    }



    .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column, .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column {

        width: 50% !important

    }



    .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column, .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column {

        width: 50% !important

    }



    .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column, .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column {

        width: 33.33333333% !important

    }

}



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

    .ui.stackable.grid {

        width: auto;

        margin-left: 0 !important;

        margin-right: 0 !important

    }



    .ui.grid > .stackable.stackable.row > .column, .ui.stackable.grid > .column.grid > .column, .ui.stackable.grid > .column.row > .column, .ui.stackable.grid > .column:not(.row), .ui.stackable.grid > .row > .column, .ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column {

        width: 100% !important;

        margin: 0 0 !important;

        box-shadow: none !important;

        padding: 1rem 1rem !important

    }



    .ui.stackable.grid:not(.vertically) > .row {

        margin: 0;

        padding: 0

    }



    .ui.container > .ui.stackable.grid > .column, .ui.container > .ui.stackable.grid > .row > .column {

        padding-left: 0 !important;

        padding-right: 0 !important

    }



    .ui.grid .ui.stackable.grid {

        margin-left: -1rem !important;

        margin-right: -1rem !important

    }

}



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

    .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile), .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile), .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile), .ui[class*="tablet only"].grid.grid.grid:not(.mobile) {

        display: none !important

    }



    .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile), .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile), .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile), .ui[class*="computer only"].grid.grid.grid:not(.mobile) {

        display: none !important

    }



    .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .ui[class*="large screen only"].grid.grid.grid:not(.mobile) {

        display: none !important

    }

}



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

    .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet), .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet), .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet), .ui[class*="mobile only"].grid.grid.grid:not(.tablet) {

        display: none !important

    }



    .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet), .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet), .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet), .ui[class*="computer only"].grid.grid.grid:not(.tablet) {

        display: none !important

    }



    .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .ui[class*="large screen only"].grid.grid.grid:not(.mobile) {

        display: none !important

    }

}



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

    .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), .ui[class*="mobile only"].grid.grid.grid:not(.computer) {

        display: none !important

    }



    .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .ui[class*="tablet only"].grid.grid.grid:not(.computer) {

        display: none !important

    }



    .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .ui[class*="large screen only"].grid.grid.grid:not(.mobile) {

        display: none !important

    }

}



@media only screen and (min-width: 1200px) and (max-width: 1919px) {

    .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), .ui[class*="mobile only"].grid.grid.grid:not(.computer) {

        display: none !important

    }



    .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .ui[class*="tablet only"].grid.grid.grid:not(.computer) {

        display: none !important

    }

}



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

    .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), .ui[class*="mobile only"].grid.grid.grid:not(.computer) {

        display: none !important

    }



    .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .ui[class*="tablet only"].grid.grid.grid:not(.computer) {

        display: none !important

    }

}



.ui.menu {

    display: -webkit-box;

    display: flex;

    margin: 1rem 0;

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    background: #fff;

    font-weight: 400;

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

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

    border-radius: .28571429rem;

    min-height: 2.85714286em

}



.ui.menu:after {

    content: '';

    display: block;

    height: 0;

    clear: both;

    visibility: hidden

}



.ui.menu:first-child {

    margin-top: 0

}



.ui.menu:last-child {

    margin-bottom: 0

}



.ui.menu .menu {

    margin: 0

}



.ui.menu:not(.vertical) > .menu {

    display: -webkit-box;

    display: flex

}



.ui.menu:not(.vertical) .item {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center

}



.ui.menu .item {

    position: relative;

    vertical-align: middle;

    line-height: 1;

    text-decoration: none;

    -webkit-tap-highlight-color: transparent;

    -webkit-box-flex: 0;

    flex: 0 0 auto;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background: 0 0;

    padding: .92857143em 1.14285714em;

    text-transform: none;

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

    font-weight: 400;

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

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

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

}



.ui.menu > .item:first-child {

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

}



.ui.menu .item:before {

    position: absolute;

    content: '';

    top: 0;

    right: 0;

    height: 100%;

    width: 1px;

    background: rgba(34, 36, 38, .1)

}



.ui.menu .item > a:not(.ui), .ui.menu .item > p:only-child, .ui.menu .text.item > * {

    -webkit-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

    line-height: 1.3

}



.ui.menu .item > p:first-child {

    margin-top: 0

}



.ui.menu .item > p:last-child {

    margin-bottom: 0

}



.ui.menu .item > i.icon {

    opacity: .9;

    float: none;

    margin: 0 .35714286em 0 0

}



.ui.menu:not(.vertical) .item > .button {

    position: relative;

    top: 0;

    margin: -.5em 0;

    padding-bottom: .78571429em;

    padding-top: .78571429em;

    font-size: 1em

}



.ui.menu > .container, .ui.menu > .grid {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: inherit;

    align-items: inherit;

    -webkit-box-orient: inherit;

    -webkit-box-direction: inherit;

    flex-direction: inherit

}



.ui.menu .item > .input {

    width: 100%

}



.ui.menu:not(.vertical) .item > .input {

    position: relative;

    top: 0;

    margin: -.5em 0

}



.ui.menu .item > .input input {

    font-size: 1em;

    padding-top: .57142857em;

    padding-bottom: .57142857em

}



.ui.menu .header.item, .ui.vertical.menu .header.item {

    margin: 0;

    background: '';

    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 .item > i.dropdown.icon {

    padding: 0;

    float: right;

    margin: 0 0 0 1em

}



.ui.menu .dropdown.item .menu {

    min-width: calc(100% - 1px);

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

    background: #fff;

    margin: 0 0 0;

    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: normal !important;

    flex-direction: column !important

}



.ui.menu .ui.dropdown .menu > .item {

    margin: 0;

    text-align: left;

    font-size: 1em !important;

    padding: .78571429em 1.14285714em !important;

    background: 0 0 !important;

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

    text-transform: none !important;

    font-weight: 400 !important;

    box-shadow: none !important;

    -webkit-transition: none !important;

    transition: none !important

}



.ui.menu .ui.dropdown .menu > .item:hover {

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

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

}



.ui.menu .ui.dropdown .menu > .selected.item {

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

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

}



.ui.menu .ui.dropdown .menu > .active.item {

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

    font-weight: 700 !important;

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

}



.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {

    display: block

}



.ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {

    display: inline-block;

    font-size: 1em !important;

    float: none;

    margin: 0 .75em 0 0

}



.ui.secondary.menu .dropdown.item > .menu, .ui.text.menu .dropdown.item > .menu {

    border-radius: .28571429rem;

    margin-top: .35714286em

}



.ui.menu .pointing.dropdown.item .menu {

    margin-top: .75em

}



.ui.inverted.menu .search.dropdown.item > .search, .ui.inverted.menu .search.dropdown.item > .text {

    color: rgba(255, 255, 255, .9)

}



.ui.vertical.menu .dropdown.item > .icon {

    float: right;

    content: "\f0da";

    margin-left: 1em

}



.ui.vertical.menu .dropdown.item .menu {

    left: 100%;

    min-width: 0;

    margin: 0;

    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);

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

}



.ui.vertical.menu .dropdown.item.upward .menu {

    bottom: 0

}



.ui.vertical.menu .dropdown.item:not(.upward) .menu {

    top: 0

}



.ui.vertical.menu .active.dropdown.item {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0

}



.ui.vertical.menu .dropdown.active.item {

    box-shadow: none

}



.ui.item.menu .dropdown .menu .item {

    width: 100%

}



.ui.menu .item > .label {

    background: #999;

    color: #fff;

    margin-left: 1em;

    padding: .3em .78571429em

}



.ui.vertical.menu .item > .label {

    background: #999;

    color: #fff;

    margin-top: -.15em;

    margin-bottom: -.15em;

    padding: .3em .78571429em

}



.ui.menu .item > .floating.label {

    padding: .3em .78571429em

}



.ui.menu .item > img:not(.ui) {

    display: inline-block;

    vertical-align: middle;

    margin: -.3em 0;

    width: 2.5em

}



.ui.vertical.menu .item > img:not(.ui):only-child {

    display: block;

    max-width: 100%;

    width: auto

}



.ui.menu .list .item:before {

    background: 0 0 !important

}



.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 !important;

    background-color: transparent !important;

    color: rgba(40, 40, 40, .3) !important

}



.ui.menu:not(.vertical) .left.item, .ui.menu:not(.vertical) .left.menu {

    display: -webkit-box;

    display: flex;

    margin-right: auto !important

}



.ui.menu:not(.vertical) .right.item, .ui.menu:not(.vertical) .right.menu {

    display: -webkit-box;

    display: flex;

    margin-left: auto !important

}



.ui.menu .right.item::before, .ui.menu .right.menu > .item::before {

    right: auto;

    left: 0

}



.ui.vertical.menu {

    display: block;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    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 > .label {

    float: right;

    text-align: center

}



.ui.vertical.menu .item > i.icon {

    width: 1.18em;

    float: right;

    margin: 0 0 0 .5em

}



.ui.vertical.menu .item > .label + i.icon {

    float: none;

    margin: 0 .5em 0 0

}



.ui.vertical.menu .item:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: rgba(34, 36, 38, .1)

}



.ui.vertical.menu .item:first-child:before {

    display: none !important

}



.ui.vertical.menu .item > .menu {

    margin: .5em -1.14285714em 0

}



.ui.vertical.menu .menu .item {

    background: 0 0;

    padding: .5em 1.33333333em;

    font-size: .85714286em;

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

}



.ui.vertical.menu .item .menu .link.item:hover, .ui.vertical.menu .item .menu a.item:hover {

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

}



.ui.vertical.menu .menu .item:before {

    display: none

}



.ui.vertical.menu .active.item {

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

    border-radius: 0;

    box-shadow: none

}



.ui.vertical.menu > .active.item:first-child {

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

}



.ui.vertical.menu > .active.item:last-child {

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

}



.ui.vertical.menu > .active.item:only-child {

    border-radius: .28571429rem

}



.ui.vertical.menu .active.item .menu .active.item {

    border-left: none

}



.ui.vertical.menu .item .menu .active.item {

    background-color: transparent;

    font-weight: 700;

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

}



.ui.tabular.menu {

    border-radius: 0;

    box-shadow: none !important;

    border: none;

    background: none transparent;

    border-bottom: 1px solid #d4d4d5

}



.ui.tabular.fluid.menu {

    width: calc(100% + 2px) !important

}



.ui.tabular.menu .item {

    background: 0 0;

    border-bottom: none;

    border-left: 1px solid transparent;

    border-right: 1px solid transparent;

    border-top: 2px solid transparent;

    padding: .92857143em 1.42857143em;

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

}



.ui.tabular.menu .item:before {

    display: none

}



.ui.tabular.menu .item:hover {

    background-color: transparent;

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

}



.ui.tabular.menu .active.item {

    background: none #fff;

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

    border-top-width: 1px;

    border-color: #d4d4d5;

    font-weight: 700;

    margin-bottom: -1px;

    box-shadow: none;

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

}



.ui.tabular.menu + .attached:not(.top).segment, .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {

    border-top: none;

    margin-left: 0;

    margin-top: 0;

    margin-right: 0;

    width: 100%

}



.top.attached.segment + .ui.bottom.tabular.menu {

    position: relative;

    width: calc(100% + 2px);

    left: -1px

}



.ui.bottom.tabular.menu {

    background: none transparent;

    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: none #fff;

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

    border-color: #d4d4d5;

    margin: -1px 0 0 0;

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

}



.ui.vertical.tabular.menu {

    background: none transparent;

    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: none #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 transparent;

    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: none #fff;

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

    border-color: #d4d4d5;

    margin: 0 0 0 -1px;

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

}



.ui.tabular.menu .active.dropdown.item {

    margin-bottom: 0;

    border-left: 1px solid transparent;

    border-right: 1px solid transparent;

    border-top: 2px solid transparent;

    border-bottom: none

}



.ui.pagination.menu {

    margin: 0;

    display: -webkit-inline-box;

    display: inline-flex;

    vertical-align: middle

}



.ui.pagination.menu .item:last-child {

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

}



.ui.compact.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 {

    align-self: center;

    box-shadow: none;

    border: none;

    padding: .78571429em .92857143em;

    margin: 0 .35714286em;

    background: 0 0;

    -webkit-transition: color .1s ease;

    transition: color .1s ease;

    border-radius: .28571429rem

}



.ui.secondary.menu .item:before {

    display: none !important

}



.ui.secondary.menu .header.item {

    border-radius: 0;

    border-right: none;

    background: none transparent

}



.ui.secondary.menu .item > img:not(.ui) {

    margin: 0

}



.ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover {

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

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

}



.ui.secondary.menu .active.item {

    box-shadow: none;

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

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

    border-radius: .28571429rem

}



.ui.secondary.menu .active.item:hover {

    box-shadow: none;

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

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

}



.ui.secondary.inverted.menu .link.item, .ui.secondary.inverted.menu a.item {

    color: rgba(255, 255, 255, .7) !important

}



.ui.secondary.inverted.menu .dropdown.item:hover, .ui.secondary.inverted.menu .link.item:hover, .ui.secondary.inverted.menu a.item:hover {

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

    color: #fff !important

}



.ui.secondary.inverted.menu .active.item {

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

    color: #fff !important

}



.ui.secondary.item.menu {

    margin-left: 0;

    margin-right: 0

}



.ui.secondary.item.menu .item:last-child {

    margin-right: 0

}



.ui.secondary.attached.menu {

    box-shadow: none

}



.ui.vertical.secondary.menu .item:not(.dropdown) > .menu {

    margin: 0 -.92857143em

}



.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {

    margin: 0;

    padding: .5em 1.33333333em

}



.ui.secondary.vertical.menu > .item {

    border: none;

    margin: 0 0 .35714286em;

    border-radius: .28571429rem !important

}



.ui.secondary.vertical.menu > .header.item {

    border-radius: 0

}



.ui.vertical.secondary.menu .item > .menu .item {

    background-color: transparent

}



.ui.secondary.inverted.menu {

    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;

    align-self: flex-end;

    margin: 0 0 -2px;

    padding: .85714286em 1.14285714em;

    border-bottom-width: 2px;

    -webkit-transition: color .1s ease;

    transition: color .1s ease

}



.ui.secondary.pointing.menu .header.item {

    color: rgba(0, 0, 0, .85) !important

}



.ui.secondary.pointing.menu .text.item {

    box-shadow: none !important

}



.ui.secondary.pointing.menu .item:after {

    display: none

}



.ui.secondary.pointing.menu .dropdown.item:hover, .ui.secondary.pointing.menu .link.item:hover, .ui.secondary.pointing.menu a.item:hover {

    background-color: transparent;

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

}



.ui.secondary.pointing.menu .dropdown.item:active, .ui.secondary.pointing.menu .link.item:active, .ui.secondary.pointing.menu a.item:active {

    background-color: transparent;

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

}



.ui.secondary.pointing.menu .active.item {

    background-color: transparent;

    box-shadow: none;

    border-color: #1b1c1d;

    font-weight: 700;

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

}



.ui.secondary.pointing.menu .active.item:hover {

    border-color: #1b1c1d;

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

}



.ui.secondary.pointing.menu .active.dropdown.item {

    border-color: transparent

}



.ui.secondary.vertical.pointing.menu {

    border-bottom-width: 0;

    border-right-width: 2px;

    border-right-style: solid;

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

}



.ui.secondary.vertical.pointing.menu .item {

    border-bottom: none;

    border-right-style: solid;

    border-right-color: transparent;

    border-radius: 0 !important;

    margin: 0 -2px 0 0;

    border-right-width: 2px

}



.ui.secondary.vertical.pointing.menu .active.item {

    border-color: #1b1c1d

}



.ui.secondary.inverted.pointing.menu {

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

}



.ui.secondary.inverted.pointing.menu {

    border-width: 2px;

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

}



.ui.secondary.inverted.pointing.menu .item {

    color: rgba(255, 255, 255, .9)

}



.ui.secondary.inverted.pointing.menu .header.item {

    color: #fff !important

}



.ui.secondary.inverted.pointing.menu .link.item:hover, .ui.secondary.inverted.pointing.menu a.item:hover {

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

}



.ui.secondary.inverted.pointing.menu .active.item {

    border-color: #fff;

    color: #fff

}



.ui.text.menu {

    background: none transparent;

    border-radius: 0;

    box-shadow: none;

    border: none;

    margin: 1em -.5em

}



.ui.text.menu .item {

    border-radius: 0;

    box-shadow: none;

    align-self: center;

    margin: 0 0;

    padding: .35714286em .5em;

    font-weight: 400;

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

    -webkit-transition: opacity .1s ease;

    transition: opacity .1s ease

}



.ui.text.menu .item:before, .ui.text.menu .menu .item:before {

    display: none !important

}



.ui.text.menu .header.item {

    background-color: transparent;

    opacity: 1;

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

    font-size: .92857143em;

    text-transform: uppercase;

    font-weight: 700

}



.ui.text.menu .item > img:not(.ui) {

    margin: 0

}



.ui.text.item.menu .item {

    margin: 0

}



.ui.vertical.text.menu {

    margin: 1em 0

}



.ui.vertical.text.menu:first-child {

    margin-top: 0

}



.ui.vertical.text.menu:last-child {

    margin-bottom: 0

}



.ui.vertical.text.menu .item {

    margin: .57142857em 0;

    padding-left: 0;

    padding-right: 0

}



.ui.vertical.text.menu .item > i.icon {

    float: none;

    margin: 0 .35714286em 0 0

}



.ui.vertical.text.menu .header.item {

    margin: .57142857em 0 .71428571em

}



.ui.vertical.text.menu .item:not(.dropdown) > .menu {

    margin: 0

}



.ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {

    margin: 0;

    padding: .5em 0

}



.ui.text.menu .item:hover {

    opacity: 1;

    background-color: transparent

}



.ui.text.menu .active.item {

    background-color: transparent;

    border: none;

    box-shadow: none;

    font-weight: 400;

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

}



.ui.text.menu .active.item:hover {

    background-color: transparent

}



.ui.text.pointing.menu .active.item:after {

    box-shadow: none

}



.ui.text.attached.menu {

    box-shadow: none

}



.ui.inverted.text.menu, .ui.inverted.text.menu .active.item, .ui.inverted.text.menu .item, .ui.inverted.text.menu .item:hover {

    background-color: transparent !important

}



.ui.fluid.text.menu {

    margin-left: 0;

    margin-right: 0

}



.ui.vertical.icon.menu {

    display: inline-block;

    width: auto

}



.ui.icon.menu .item {

    height: auto;

    text-align: center;

    color: #1b1c1d

}



.ui.icon.menu .item > .icon:not(.dropdown) {

    margin: 0;

    opacity: 1

}



.ui.icon.menu .icon:before {

    opacity: 1

}



.ui.menu .icon.item > .icon {

    width: auto;

    margin: 0 auto

}



.ui.vertical.icon.menu .item > .icon:not(.dropdown) {

    display: block;

    opacity: 1;

    margin: 0 auto;

    float: none

}



.ui.inverted.icon.menu .item {

    color: #fff

}



.ui.labeled.icon.menu {

    text-align: center

}



.ui.labeled.icon.menu .item {

    min-width: 6em;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column

}



.ui.labeled.icon.menu .item > .icon:not(.dropdown) {

    height: 1em;

    display: block;

    font-size: 1.71428571em !important;

    margin: 0 auto .5rem !important

}



.ui.fluid.labeled.icon.menu > .item {

    min-width: 0

}



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

    .ui.stackable.menu {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        flex-direction: column

    }



    .ui.stackable.menu .item {

        width: 100% !important

    }



    .ui.stackable.menu .item:before {

        position: absolute;

        content: '';

        top: auto;

        bottom: 0;

        left: 0;

        width: 100%;

        height: 1px;

        background: rgba(34, 36, 38, .1)

    }



    .ui.stackable.menu .left.item, .ui.stackable.menu .left.menu {

        margin-right: 0 !important

    }



    .ui.stackable.menu .right.item, .ui.stackable.menu .right.menu {

        margin-left: 0 !important

    }



    .ui.stackable.menu .left.menu, .ui.stackable.menu .right.menu {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        flex-direction: column

    }

}



.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 {

    background: rgba(255, 255, 255, .08)

}



.ui.vertical.inverted.menu .item:before {

    background: rgba(255, 255, 255, .08)

}



.ui.vertical.inverted.menu .menu .item, .ui.vertical.inverted.menu .menu .item a:not(.ui) {

    color: rgba(255, 255, 255, .5)

}



.ui.inverted.menu .header.item {

    margin: 0;

    background: 0 0;

    box-shadow: none

}



.ui.inverted.menu .item.disabled, .ui.inverted.menu .item.disabled:hover {

    color: rgba(225, 225, 225, .3)

}



.ui.inverted.menu .dropdown.item:hover, .ui.inverted.menu .link.item:hover, .ui.inverted.menu a.item:hover, .ui.link.inverted.menu .item:hover {

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

    color: #fff

}



.ui.vertical.inverted.menu .item .menu .link.item:hover, .ui.vertical.inverted.menu .item .menu a.item:hover {

    background: 0 0;

    color: #fff

}



.ui.inverted.menu .link.item:active, .ui.inverted.menu a.item:active {

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

    color: #fff

}



.ui.inverted.menu .active.item {

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

    color: #fff !important

}



.ui.inverted.vertical.menu .item .menu .active.item {

    background: 0 0;

    color: #fff

}



.ui.inverted.pointing.menu .active.item:after {

    background: #3d3e3f !important;

    margin: 0 !important;

    box-shadow: none !important;

    border: none !important

}



.ui.inverted.menu .active.item:hover {

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

    color: #fff !important

}



.ui.inverted.pointing.menu .active.item:hover:after {

    background: #3d3e3f !important

}



.ui.floated.menu {

    float: left;

    margin: 0 .5rem 0 0

}



.ui.floated.menu .item:last-child:before {

    display: none

}



.ui.right.floated.menu {

    float: right;

    margin: 0 0 0 .5rem

}



.ui.inverted.menu .red.active.item, .ui.inverted.red.menu {

    background-color: #db2828

}



.ui.inverted.red.menu .item:before {

    background-color: rgba(34, 36, 38, .1)

}



.ui.inverted.red.menu .active.item {

    background-color: rgba(0, 0, 0, .1) !important

}



.ui.inverted.menu .orange.active.item, .ui.inverted.orange.menu {

    background-color: #f2711c

}



.ui.inverted.orange.menu .item:before {

    background-color: rgba(34, 36, 38, .1)

}



.ui.inverted.orange.menu .active.item {

    background-color: rgba(0, 0, 0, .1) !important

}



.ui.inverted.menu .yellow.active.item, .ui.inverted.yellow.menu {

    background-color: #fbbd08

}



.ui.inverted.yellow.menu .item:before {

    background-color: rgba(34, 36, 38, .1)

}



.ui.inverted.yellow.menu .active.item {

    background-color: rgba(0, 0, 0, .1) !important

}



.ui.inverted.menu .olive.active.item, .ui.inverted.olive.menu {

    background-color: #b5cc18

}



.ui.inverted.olive.menu .item:before {

    background-color: rgba(34, 36, 38, .1)

}



.ui.inverted.olive.menu .active.item {

    background-color: rgba(0, 0, 0, .1) !important

}



.ui.inverted.green.menu, .ui.inverted.menu .green.active.item {

    background-color: #21ba45

}



.ui.inverted.green.menu .item:before {

    background-color: rgba(34, 36, 38, .1)

}



.ui.inverted.green.menu .active.item {

    background-color: rgba(0, 0, 0, .1) !important

}



.ui.inverted.menu .teal.active.item, .ui.inverted.teal.menu {

    background-color: #00b5ad

}



.ui.inverted.teal.menu .item:before {

    background-color: rgba(34, 36, 38, .1)

}



.ui.inverted.teal.menu .active.item {

    background-color: rgba(0, 0, 0, .1) !important

}



.ui.inverted.blue.menu, .ui.inverted.menu .blue.active.item {

    background-color: #2185d0

}



.ui.inverted.blue.menu .item:before {

    background-color: rgba(34, 36, 38, .1)

}



.ui.inverted.blue.menu .active.item {

    background-color: rgba(0, 0, 0, .1) !important

}



.ui.inverted.menu .violet.active.item, .ui.inverted.violet.menu {

    background-color: #6435c9

}



.ui.inverted.violet.menu .item:before {

    background-color: rgba(34, 36, 38, .1)

}



.ui.inverted.violet.menu .active.item {

    background-color: rgba(0, 0, 0, .1) !important

}



.ui.inverted.menu .purple.active.item, .ui.inverted.purple.menu {

    background-color: #a333c8

}



.ui.inverted.purple.menu .item:before {

    background-color: rgba(34, 36, 38, .1)

}



.ui.inverted.purple.menu .active.item {

    background-color: rgba(0, 0, 0, .1) !important

}



.ui.inverted.menu .pink.active.item, .ui.inverted.pink.menu {

    background-color: #e03997

}



.ui.inverted.pink.menu .item:before {

    background-color: rgba(34, 36, 38, .1)

}



.ui.inverted.pink.menu .active.item {

    background-color: rgba(0, 0, 0, .1) !important

}



.ui.inverted.brown.menu, .ui.inverted.menu .brown.active.item {

    background-color: #a5673f

}



.ui.inverted.brown.menu .item:before {

    background-color: rgba(34, 36, 38, .1)

}



.ui.inverted.brown.menu .active.item {

    background-color: rgba(0, 0, 0, .1) !important

}



.ui.inverted.grey.menu, .ui.inverted.menu .grey.active.item {

    background-color: #767676

}



.ui.inverted.grey.menu .item:before {

    background-color: rgba(34, 36, 38, .1)

}



.ui.inverted.grey.menu .active.item {

    background-color: rgba(0, 0, 0, .1) !important

}



.ui.fitted.menu .item, .ui.fitted.menu .item .menu .item, .ui.menu .fitted.item {

    padding: 0

}



.ui.horizontally.fitted.menu .item, .ui.horizontally.fitted.menu .item .menu .item, .ui.menu .horizontally.fitted.item {

    padding-top: .92857143em;

    padding-bottom: .92857143em

}



.ui.menu .vertically.fitted.item, .ui.vertically.fitted.menu .item, .ui.vertically.fitted.menu .item .menu .item {

    padding-left: 1.14285714em;

    padding-right: 1.14285714em

}



.ui.borderless.menu .item .menu .item:before, .ui.borderless.menu .item:before, .ui.menu .borderless.item:before {

    background: 0 0 !important

}



.ui.compact.menu {

    display: -webkit-inline-box;

    display: inline-flex;

    margin: 0;

    vertical-align: middle

}



.ui.compact.vertical.menu {

    display: inline-block

}



.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 {

    width: auto !important

}



.ui.compact.vertical.menu .item:last-child::before {

    display: block

}



.ui.menu.fluid, .ui.vertical.menu.fluid {

    width: 100% !important

}



.ui.item.menu, .ui.item.menu .item {

    width: 100%;

    padding-left: 0 !important;

    padding-right: 0 !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

    text-align: center;

    -webkit-box-pack: center;

    justify-content: center

}



.ui.attached.item.menu {

    margin: 0 -1px !important

}



.ui.item.menu .item:last-child:before {

    display: none

}



.ui.menu.two.item .item {

    width: 50%

}



.ui.menu.three.item .item {

    width: 33.333%

}



.ui.menu.four.item .item {

    width: 25%

}



.ui.menu.five.item .item {

    width: 20%

}



.ui.menu.six.item .item {

    width: 16.666%

}



.ui.menu.seven.item .item {

    width: 14.285%

}



.ui.menu.eight.item .item {

    width: 12.5%

}



.ui.menu.nine.item .item {

    width: 11.11%

}



.ui.menu.ten.item .item {

    width: 10%

}



.ui.menu.eleven.item .item {

    width: 9.09%

}



.ui.menu.twelve.item .item {

    width: 8.333%

}



.ui.menu.fixed {

    position: fixed;

    z-index: 101;

    margin: 0;

    width: 100%

}



.ui.menu.fixed, .ui.menu.fixed .item:first-child, .ui.menu.fixed .item:last-child {

    border-radius: 0 !important

}



.ui.fixed.menu, .ui[class*="top fixed"].menu {

    top: 0;

    left: 0;

    right: auto;

    bottom: auto

}



.ui[class*="top fixed"].menu {

    border-top: none;

    border-left: none;

    border-right: none

}



.ui[class*="right fixed"].menu {

    border-top: none;

    border-bottom: none;

    border-right: none;

    top: 0;

    right: 0;

    left: auto;

    bottom: auto;

    width: auto;

    height: 100%

}



.ui[class*="bottom fixed"].menu {

    border-bottom: none;

    border-left: none;

    border-right: none;

    bottom: 0;

    left: 0;

    top: auto;

    right: auto

}



.ui[class*="left fixed"].menu {

    border-top: none;

    border-bottom: none;

    border-left: none;

    top: 0;

    left: 0;

    right: auto;

    bottom: auto;

    width: auto;

    height: 100%

}



.ui.fixed.menu + .ui.grid {

    padding-top: 2.75rem

}



.ui.pointing.menu .item:after {

    visibility: hidden;

    position: absolute;

    content: '';

    top: 100%;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);

    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);

    transform: translateX(-50%) translateY(-50%) rotate(45deg);

    background: 0 0;

    margin: .5px 0 0;

    width: .57142857em;

    height: .57142857em;

    border: none;

    border-bottom: 1px solid #d4d4d5;

    border-right: 1px solid #d4d4d5;

    z-index: 2;

    -webkit-transition: background .1s ease;

    transition: background .1s ease

}



.ui.vertical.pointing.menu .item:after {

    position: absolute;

    top: 50%;

    right: 0;

    bottom: auto;

    left: auto;

    -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);

    -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);

    transform: translateX(50%) translateY(-50%) rotate(45deg);

    margin: 0 -.5px 0 0;

    border: none;

    border-top: 1px solid #d4d4d5;

    border-right: 1px solid #d4d4d5

}



.ui.pointing.menu .active.item:after {

    visibility: visible

}



.ui.pointing.menu .active.dropdown.item:after {

    visibility: hidden

}



.ui.pointing.menu .active.item .menu .active.item:after, .ui.pointing.menu .dropdown.active.item:after {

    display: none

}



.ui.pointing.menu .active.item:hover:after {

    background-color: #f2f2f2

}



.ui.pointing.menu .active.item:after {

    background-color: #f2f2f2

}



.ui.pointing.menu .active.item:hover:after {

    background-color: #f2f2f2

}



.ui.vertical.pointing.menu .active.item:hover:after {

    background-color: #f2f2f2

}



.ui.vertical.pointing.menu .active.item:after {

    background-color: #f2f2f2

}



.ui.vertical.pointing.menu .menu .active.item:after {

    background-color: #fff

}



.ui.attached.menu {

    top: 0;

    bottom: 0;

    border-radius: 0;

    margin: 0 -1px;

    width: calc(100% + 2px);

    max-width: calc(100% + 2px);

    box-shadow: none

}



.ui.attached + .ui.attached.menu:not(.top) {

    border-top: none

}



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

    bottom: 0;

    margin-bottom: 0;

    top: 0;

    margin-top: 1rem;

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

}



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

    margin-top: 0

}



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

    bottom: 0;

    margin-top: 0;

    top: 0;

    margin-bottom: 1rem;

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

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

}



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

    margin-bottom: 0

}



.ui.top.attached.menu > .item:first-child {

    border-radius: .28571429rem 0 0 0

}



.ui.bottom.attached.menu > .item:first-child {

    border-radius: 0 0 0 .28571429rem

}



.ui.attached.menu:not(.tabular) {

    border: 1px solid #d4d4d5

}



.ui.attached.inverted.menu {

    border: none

}



.ui.attached.tabular.menu {

    margin-left: 0;

    margin-right: 0;

    width: 100%

}



.ui.mini.menu {

    font-size: .78571429rem

}



.ui.mini.vertical.menu {

    width: 9rem

}



.ui.tiny.menu {

    font-size: .85714286rem

}



.ui.tiny.vertical.menu {

    width: 11rem

}



.ui.small.menu {

    font-size: .92857143rem

}



.ui.small.vertical.menu {

    width: 13rem

}



.ui.menu {

    font-size: 1rem

}



.ui.vertical.menu {

    width: 15rem

}



.ui.large.menu {

    font-size: 1.07142857rem

}



.ui.large.vertical.menu {

    width: 18rem

}



.ui.huge.menu {

    font-size: 1.21428571rem

}



.ui.huge.vertical.menu {

    width: 22rem

}



.ui.big.menu {

    font-size: 1.14285714rem

}



.ui.big.vertical.menu {

    width: 20rem

}



.ui.massive.menu {

    font-size: 1.28571429rem

}



.ui.massive.vertical.menu {

    width: 25rem

}



/*!

 * # Semantic UI 2.3.3 - Message

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * 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);

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

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

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

    border-radius: .28571429rem;

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

}



.ui.message:first-child {

    margin-top: 0

}



.ui.message:last-child {

    margin-bottom: 0

}



.ui.message .header {

    display: block;

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    font-weight: 700;

    margin: -.14285714em 0 0 0

}



.ui.message .header:not(.ui) {

    font-size: 1.14285714em

}



.ui.message p {

    opacity: .85;

    margin: .75em 0

}



.ui.message p:first-child {

    margin-top: 0

}



.ui.message p:last-child {

    margin-bottom: 0

}



.ui.message .header + p {

    margin-top: .25em

}



.ui.message .list:not(.ui) {

    text-align: left;

    padding: 0;

    opacity: .85;

    list-style-position: inside;

    margin: .5em 0 0

}



.ui.message .list:not(.ui):first-child {

    margin-top: 0

}



.ui.message .list:not(.ui):last-child {

    margin-bottom: 0

}



.ui.message .list:not(.ui) li {

    position: relative;

    list-style-type: none;

    margin: 0 0 .3em 1em;

    padding: 0

}



.ui.message .list:not(.ui) li:before {

    position: absolute;

    content: '•';

    left: -1em;

    height: 100%;

    vertical-align: baseline

}



.ui.message .list:not(.ui) li:last-child {

    margin-bottom: 0

}



.ui.message > .icon {

    margin-right: .6em

}



.ui.message > .close.icon {

    cursor: pointer;

    position: absolute;

    margin: 0;

    top: .78575em;

    right: .5em;

    opacity: .7;

    -webkit-transition: opacity .1s ease;

    transition: opacity .1s ease

}



.ui.message > .close.icon:hover {

    opacity: 1

}



.ui.message > :first-child {

    margin-top: 0

}



.ui.message > :last-child {

    margin-bottom: 0

}



.ui.dropdown .menu > .message {

    margin: 0 -1px

}



.ui.visible.visible.visible.visible.message {

    display: block

}



.ui.icon.visible.visible.visible.visible.message {

    display: -webkit-box;

    display: flex

}



.ui.hidden.hidden.hidden.hidden.message {

    display: none

}



.ui.icon.message {

    display: -webkit-box;

    display: flex;

    width: 100%;

    -webkit-box-align: center;

    align-items: center

}



.ui.icon.message > .icon:not(.close) {

    display: block;

    -webkit-box-flex: 0;

    flex: 0 0 auto;

    width: auto;

    line-height: 1;

    vertical-align: middle;

    font-size: 3em;

    opacity: .8

}



.ui.icon.message > .content {

    display: block;

    -webkit-box-flex: 1;

    flex: 1 1 auto;

    vertical-align: middle

}



.ui.icon.message .icon:not(.close) + .content {

    padding-left: 0

}



.ui.floating.message {

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

}



.ui.positive.message {

    background-color: #fcfff5;

    color: #2c662d

}



 .ui.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.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.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: transparent;

    color: #573a08

}



 .ui.warning.message {

    box-shadow: 0 0 0 1px #dadada inset, 0 0 0 0 transparent;

    margin: 20px 0px;

    border: 1px solid #dadada;

}



.ui.warning.message .header {

    color: #dadada

}



.ui.error.message {

    background-color: #fff6f6;

    color: #9f3a38

}



 .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.success.message {

    box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent

}



.ui.success.message .header {

    color: #1a531b

}



 .ui.inverted.message {

    background-color: #1b1c1d;

    color: rgba(255, 255, 255, .9)

}



.ui.red.message {

    background-color: #ffe8e6;

    color: #db2828;

    box-shadow: 0 0 0 1px #db2828 inset, 0 0 0 0 transparent

}



.ui.red.message .header {

    color: #c82121

}



.ui.orange.message {

    background-color: #ffedde;

    color: #f2711c;

    box-shadow: 0 0 0 1px #f2711c inset, 0 0 0 0 transparent

}



.ui.orange.message .header {

    color: #e7640d

}



.ui.yellow.message {

    background-color: #fff8db;

    color: #b58105;

    box-shadow: 0 0 0 1px #b58105 inset, 0 0 0 0 transparent

}



.ui.yellow.message .header {

    color: #9c6f04

}



.ui.green.message {

    background-color: #e5f9e7;

    color: #1ebc30;

    box-shadow: 0 0 0 1px #1ebc30 inset, 0 0 0 0 transparent

}



.ui.green.message .header {

    color: #1aa62a

}



.ui.blue.message {

    background-color: #dff0ff;

    color: #2185d0;

    box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 transparent

}



.ui.blue.message .header {

    color: #1e77ba

}



.ui.brown.message {

    background-color: #f1e2d3;

    color: #a5673f;

    box-shadow: 0 0 0 1px #a5673f inset, 0 0 0 0 transparent

}



.ui.brown.message .header {

    color: #935b38

}



.ui.tiny.message {

    font-size: .85714286em

}



.ui.small.message {

    font-size: .92857143em

}



.ui.message {

    font-size: 1em

}



.ui.large.message {

    font-size: 1.14285714em

}



.ui.big.message {

    font-size: 1.28571429em

}



/*!

 * # Semantic UI 2.3.3 - Table

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * 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);

    box-shadow: none;

    border-radius: .28571429rem;

    text-align: left;

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

    border-collapse: separate;

    border-spacing: 0

}



.ui.table:first-child {

    margin-top: 0

}



.ui.table:last-child {

    margin-bottom: 0

}



.ui.table td, .ui.table th {

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

    transition: background .1s ease, color .1s ease

}



.ui.table thead {

    box-shadow: none

}



.ui.table thead th {

    cursor: auto;

    background: #f9fafb;

    text-align: inherit;

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

    padding: .92857143em .78571429em;

    vertical-align: inherit;

    font-style: none;

    font-weight: 700;

    text-transform: none;

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

    border-left: none

}



.ui.table thead tr > th:first-child {

    border-left: none

}



.ui.table thead tr:first-child > th:first-child {

    border-radius: .28571429rem 0 0 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 tr td {

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

}



.ui.table tr:first-child td {

    border-top: none

}



.ui.table tbody + tbody tr:first-child td {

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

}



.ui.table td {

    padding: .78571429em .78571429em;

    text-align: inherit

}



.ui.table > .icon {

    vertical-align: baseline

}



.ui.table > .icon:only-child {

    margin: 0

}



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

    .ui.table:not(.unstackable) {

        width: 100%

    }



    .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) {

        padding: 0

    }



    .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.table td .image, .ui.table td .image img, .ui.table th .image, .ui.table th .image img {

    max-width: none

}



.ui.table td.positive, .ui.table tr.positive {

    box-shadow: 0 0 0 #a3c293 inset

}



.ui.table td.positive, .ui.table tr.positive {

    background: #fcfff5 !important;

    color: #2c662d !important

}



.ui.table td.negative, .ui.table tr.negative {

    box-shadow: 0 0 0 #e0b4b4 inset

}



.ui.table td.negative, .ui.table tr.negative {

    background: #fff6f6 !important;

    color: #9f3a38 !important

}



.ui.table td.error, .ui.table tr.error {

    box-shadow: 0 0 0 #e0b4b4 inset

}



.ui.table td.error, .ui.table tr.error {

    background: #fff6f6 !important;

    color: #9f3a38 !important

}



.ui.table td.warning, .ui.table tr.warning {

    box-shadow: 0 0 0 #c9ba9b inset

}



.ui.table td.warning, .ui.table tr.warning {

    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

}



.ui.table td.active, .ui.table tr.active {

    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 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.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.fixed.table {

    table-layout: fixed

}



.ui.fixed.table td, .ui.fixed.table th {

    overflow: hidden;

    text-overflow: ellipsis

}



.ui.table [class*="single line"], .ui.table[class*="single line"] {

    white-space: nowrap

}



.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.green.table {

    border-top: .2em solid #21ba45

}



.ui.inverted.green.table {

    background-color: #21ba45 !important;

    color: #fff !important

}



.ui.blue.table {

    border-top: .2em solid #2185d0

}



.ui.inverted.blue.table {

    background-color: #2185d0 !important;

    color: #fff !important

}



.ui.brown.table {

    border-top: .2em solid #a5673f

}



.ui.inverted.brown.table {

    background-color: #a5673f !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.eight.column.table td {

    width: 12.5%

}



.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.eight.wide, .ui.table th.eight.wide {

    width: 50%

}



.ui.inverted.table {

    background: #333;

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

    border: none

}



.ui.inverted.table th {

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

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

    color: rgba(255, 255, 255, .9) !important

}



.ui.inverted.table tr td {

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

}



.ui.inverted.table tr td.disabled, .ui.inverted.table tr.disabled td, .ui.inverted.table tr.disabled:hover td, .ui.inverted.table tr:hover td.disabled {

    pointer-events: none;

    color: rgba(225, 225, 225, .3)

}



.ui[class*="very basic"].table {

    border: none

}



.ui[class*="very basic"].table:not(.sortable):not(.striped) td, .ui[class*="very basic"].table:not(.sortable):not(.striped) th {

    padding: ''

}



.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child {

    padding-left: 0

}



.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child {

    padding-right: 0

}



.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {

    padding-top: 0

}



.ui.small.table {

    font-size: .9em

}



.ui.table {

    font-size: 1em

}



.ui.large.table {

    font-size: 1.1em

}



/*!

 * # Semantic UI 2.3.3 - Ad

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Copyright 2013 Contributors

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.ad {

    display: block;

    overflow: hidden;

    margin: 1em 0

}



.ui.ad:first-child {

    margin: 0

}



.ui.ad:last-child {

    margin: 0

}



.ui.ad iframe {

    margin: 0;

    padding: 0;

    border: none;

    overflow: hidden

}



.ui[class*="small square"].ad {

    width: 200px;

    height: 200px

}



.ui.button.ad {

    width: 120px;

    height: 90px

}



.ui[class*="square button"].ad {

    width: 125px;

    height: 125px

}



.ui[class*="small button"].ad {

    width: 120px;

    height: 60px

}



.ui.banner.ad {

    width: 468px;

    height: 60px

}



.ui[class*="vertical banner"].ad {

    width: 120px;

    height: 240px

}



.ui[class*="top banner"].ad {

    width: 930px;

    height: 180px

}



.ui[class*="large mobile banner"].ad {

    width: 320px;

    height: 100px

}



.ui.mobile.ad {

    display: none

}



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

    .ui.mobile.ad {

        display: block

    }

}



.ui.test.ad {

    position: relative;

    background: #545454

}



.ui.test.ad:after {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100%;

    text-align: center;

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

    -ms-transform: translateX(-50%) translateY(-50%);

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

    content: 'Ad';

    color: #fff;

    font-size: 1em;

    font-weight: 700

}



.ui.mobile.test.ad:after {

    font-size: .85714286em

}



/*!

 * # Semantic UI 2.3.3 - Item

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.card, .ui.cards > .card {

    max-width: 100%;

    position: relative;

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

    width: 290px;

    min-height: 0;

    background: #fff;

    padding: 0;

    border: none;

    border-radius: .28571429rem;

    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;

    -webkit-transition: -webkit-box-shadow .1s ease, -webkit-transform .1s ease;

    -webkit-transition: box-shadow .1s ease, -webkit-transform .1s ease;

    transition: box-shadow .1s ease, -webkit-transform .1s ease;

    transition: box-shadow .1s ease, transform .1s ease;

    transition: box-shadow .1s ease, transform .1s ease, -webkit-transform .1s ease;

    z-index: ''

}



.ui.card {

    margin: 1em 0

}



.ui.card a, .ui.cards > .card a {

    cursor: pointer

}



.ui.card:first-child {

    margin-top: 0

}



.ui.card:last-child {

    margin-bottom: 0

}



.ui.cards {

    display: -webkit-box;

    display: flex;

    margin: -.875em -.5em;

    flex-wrap: wrap

}



.ui.cards > .card {

    display: -webkit-box;

    display: flex;

    margin: .875em .5em;

    float: none

}



.ui.card:after, .ui.cards:after {

    display: block;

    content: ' ';

    height: 0;

    clear: both;

    overflow: hidden;

    visibility: hidden

}



.ui.cards ~ .ui.cards {

    margin-top: .875em

}



.ui.card > :first-child, .ui.cards > .card > :first-child {

    border-radius: .28571429rem .28571429rem 0 0 !important;

    border-top: none !important

}



.ui.card > :last-child, .ui.cards > .card > :last-child {

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

}



.ui.card > :only-child, .ui.cards > .card > :only-child {

    border-radius: .28571429rem !important

}



.ui.card > .image, .ui.cards > .card > .image {

    position: relative;

    display: block;

    -webkit-box-flex: 0;

    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;

    flex-grow: 1;

    border: none;

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

    background: 0 0;

    margin: 0;

    padding: 1em 1em;

    box-shadow: none;

    font-size: 1em;

    border-radius: 0

}



.ui.card > .content:after, .ui.cards > .card > .content:after {

    display: block;

    content: ' ';

    height: 0;

    clear: both;

    overflow: hidden;

    visibility: hidden

}



.ui.card > .content > .header, .ui.cards > .card > .content > .header {

    display: block;

    margin: '';

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

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

}



.ui.card > .content > .header:not(.ui), .ui.cards > .card > .content > .header:not(.ui) {

    font-weight: 700;

    font-size: 1.28571429em;

    margin-top: -.21425em;

    line-height: 1.28571429em

}



.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 aligned"], .ui.cards > .card [class*="left aligned"] {

    text-align: left

}



.ui.card [class*="center aligned"], .ui.cards > .card [class*="center aligned"] {

    text-align: center

}



.ui.card [class*="right aligned"], .ui.cards > .card [class*="right aligned"] {

    text-align: right

}



.ui.card .content img, .ui.cards > .card .content img {

    display: inline-block;

    vertical-align: middle;

    width: ''

}



.ui.card .avatar img, .ui.card img.avatar, .ui.cards > .card .avatar img, .ui.cards > .card img.avatar {

    width: 2em;

    height: 2em;

    border-radius: 500rem

}



.ui.card > .content > .description, .ui.cards > .card > .content > .description {

    clear: both;

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

}



.ui.card > .content p, .ui.cards > .card > .content p {

    margin: 0 0 .5em

}



.ui.card > .content p:last-child, .ui.cards > .card > .content p:last-child {

    margin-bottom: 0

}



.ui.card .meta, .ui.cards > .card .meta {

    font-size: 1em;

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

}



.ui.card .meta *, .ui.cards > .card .meta * {

    margin-right: .3em

}



.ui.card .meta :last-child, .ui.cards > .card .meta :last-child {

    margin-right: 0

}



.ui.card > .content a:not(.ui), .ui.cards > .card > .content a:not(.ui) {

    color: '';

    -webkit-transition: color .1s ease;

    transition: color .1s ease

}



.ui.card > .content a:not(.ui):hover, .ui.cards > .card > .content a:not(.ui):hover {

    color: ''

}



.ui.card > .content > a.header, .ui.cards > .card > .content > a.header {

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

}



.ui.card > .content > a.header:hover, .ui.cards > .card > .content > a.header:hover {

    color: #1e70bf

}



.ui.card .meta > a:not(.ui), .ui.cards > .card .meta > a:not(.ui) {

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

}



.ui.card .meta > a:not(.ui):hover, .ui.cards > .card .meta > a:not(.ui):hover {

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

}



.ui.card > .button, .ui.card > .buttons, .ui.cards > .card > .button, .ui.cards > .card > .buttons {

    margin: 0 -1px;

    width: calc(100% + 2px)

}



.ui.card .dimmer, .ui.cards > .card .dimmer {

    background-color: '';

    z-index: 10

}



.ui.card > .content .like.icon, .ui.cards > .card > .content .like.icon {

    cursor: pointer;

    opacity: .75;

    -webkit-transition: color .1s ease;

    transition: color .1s ease

}



.ui.card > .content .like.icon:hover, .ui.cards > .card > .content .like.icon:hover {

    opacity: 1;

    color: #ff2733

}



.ui.card > .content .active.like.icon, .ui.cards > .card > .content .active.like.icon {

    color: #ff2733

}



.ui.card > .extra, .ui.cards > .card > .extra {

    max-width: 100%;

    min-height: 0 !important;

    -webkit-box-flex: 0;

    flex-grow: 0;

    border-top: 1px solid rgba(0, 0, 0, .05) !important;

    position: static;

    background: 0 0;

    width: auto;

    margin: 0 0;

    padding: .75em 1em;

    top: 0;

    left: 0;

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

    box-shadow: none;

    -webkit-transition: color .1s ease;

    transition: color .1s ease

}



.ui.card > .extra a:not(.ui), .ui.cards > .card > .extra a:not(.ui) {

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

}



.ui.card > .extra a:not(.ui):hover, .ui.cards > .card > .extra a:not(.ui):hover {

    color: #1e70bf

}



.ui.fluid.card {

    width: 100%;

    max-width: 9999px

}



.ui.cards a.card, .ui.link.card, .ui.link.cards .card, a.ui.card {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none

}



.ui.cards a.card:hover, .ui.link.card:hover, .ui.link.cards .card:hover, a.ui.card:hover {

    cursor: pointer;

    z-index: 5;

    background: #fff;

    border: none;

    box-shadow: 0 1px 3px 0 #bcbdbd, 0 0 0 1px #d4d4d5;

    -webkit-transform: translateY(-3px);

    -ms-transform: translateY(-3px);

    transform: translateY(-3px)

}



.ui.cards > .red.card, .ui.red.card, .ui.red.cards > .card {

    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #db2828, 0 1px 3px 0 #d4d4d5

}



.ui.cards > .red.card:hover, .ui.red.card:hover, .ui.red.cards > .card:hover {

    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #d01919, 0 1px 3px 0 #bcbdbd

}



.ui.cards > .orange.card, .ui.orange.card, .ui.orange.cards > .card {

    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f2711c, 0 1px 3px 0 #d4d4d5

}



.ui.cards > .orange.card:hover, .ui.orange.card:hover, .ui.orange.cards > .card:hover {

    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f26202, 0 1px 3px 0 #bcbdbd

}



.ui.cards > .yellow.card, .ui.yellow.card, .ui.yellow.cards > .card {

    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #fbbd08, 0 1px 3px 0 #d4d4d5

}



.ui.cards > .yellow.card:hover, .ui.yellow.card:hover, .ui.yellow.cards > .card:hover {

    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #bcbdbd

}



.ui.cards > .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.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.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.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.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

}



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

    .ui.two.doubling.cards {

        margin-left: 0;

        margin-right: 0

    }



    .ui.two.doubling.cards > .card {

        width: 100%;

        margin-left: 0;

        margin-right: 0

    }



    .ui.three.doubling.cards {

        margin-left: -1em;

        margin-right: -1em

    }



    .ui.three.doubling.cards > .card {

        width: calc(50% - 2em);

        margin-left: 1em;

        margin-right: 1em

    }



    .ui.four.doubling.cards {

        margin-left: -1em;

        margin-right: -1em

    }



    .ui.four.doubling.cards > .card {

        width: calc(50% - 2em);

        margin-left: 1em;

        margin-right: 1em

    }



    .ui.five.doubling.cards {

        margin-left: -1em;

        margin-right: -1em

    }



    .ui.five.doubling.cards > .card {

        width: calc(50% - 2em);

        margin-left: 1em;

        margin-right: 1em

    }



    .ui.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

    }

}



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

    .ui.two.doubling.cards {

        margin-left: 0;

        margin-right: 0

    }



    .ui.two.doubling.cards > .card {

        width: 100%;

        margin-left: 0;

        margin-right: 0

    }



    .ui.three.doubling.cards {

        margin-left: -1em;

        margin-right: -1em

    }



    .ui.three.doubling.cards > .card {

        width: calc(50% - 2em);

        margin-left: 1em;

        margin-right: 1em

    }



    .ui.four.doubling.cards {

        margin-left: -1em;

        margin-right: -1em

    }



    .ui.four.doubling.cards > .card {

        width: calc(50% - 2em);

        margin-left: 1em;

        margin-right: 1em

    }



    .ui.five.doubling.cards {

        margin-left: -1em;

        margin-right: -1em

    }



    .ui.five.doubling.cards > .card {

        width: calc(33.33333333% - 2em);

        margin-left: 1em;

        margin-right: 1em

    }



    .ui.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.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

    }

}



@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 1em;

        padding: 0 !important;

        width: calc(100% - 2em) !important

    }

}



.ui.cards > .card {

    font-size: 1em

}



/*!

 * # Semantic UI 2.3.3 - Comment

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.comments {

    margin: 1.5em 0;

    max-width: 650px

}



.ui.comments:first-child {

    margin-top: 0

}



.ui.comments:last-child {

    margin-bottom: 0

}



.ui.comments .comment {

    position: relative;

    background: 0 0;

    margin: .5em 0 0;

    padding: .5em 0 0;

    border: none;

    border-top: none;

    line-height: 1.2

}



.ui.comments .comment:first-child {

    margin-top: 0;

    padding-top: 0

}



.ui.comments .comment .comments {

    margin: 0 0 .5em .5em;

    padding: 1em 0 1em 1em

}



.ui.comments .comment .comments:before {

    position: absolute;

    top: 0;

    left: 0

}



.ui.comments .comment .comments .comment {

    border: none;

    border-top: none;

    background: 0 0

}



.ui.comments .comment .avatar {

    display: block;

    width: 2.5em;

    height: auto;

    float: left;

    margin: .2em 0 0

}



.ui.comments .comment .avatar img, .ui.comments .comment img.avatar {

    display: block;

    margin: 0 auto;

    width: 100%;

    height: 100%;

    border-radius: .25rem

}



.ui.comments .comment > .content {

    display: block

}



.ui.comments .comment > .avatar ~ .content {

    margin-left: 3.5em

}



.ui.comments .comment .author {

    font-size: 1em;

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

    font-weight: 700

}



.ui.comments .comment a.author {

    cursor: pointer

}



.ui.comments .comment a.author:hover {

    color: #1e70bf

}



.ui.comments .comment .text {

    margin: .25em 0 .5em;

    font-size: 1em;

    word-wrap: break-word;

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

    line-height: 1.3

}



.ui.tiny.comments {

    font-size: .85714286rem

}



.ui.small.comments {

    font-size: .92857143rem

}



.ui.comments {

    font-size: 1rem

}



.ui.large.comments {

    font-size: 1.14285714rem

}



.ui.big.comments {

    font-size: 1.28571429rem

}



/*!

 * # Semantic UI 2.3.3 - Feed

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */



/*!

 * # Semantic UI 2.3.3 - Item

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.items > .item {

    display: -webkit-box;

    display: flex;

    margin: 1em 0;

    width: 100%;

    min-height: 0;

    background: 0 0;

    padding: 0;

    border: none;

    border-radius: 0;

    box-shadow: none;

    -webkit-transition: -webkit-box-shadow .1s ease;

    -webkit-transition: box-shadow .1s ease;

    transition: box-shadow .1s ease;

    z-index: ''

}



.ui.items > .item a {

    cursor: pointer

}



.ui.items {

    margin: 1.5em 0

}



.ui.items:first-child {

    margin-top: 0 !important

}



.ui.items:last-child {

    margin-bottom: 0 !important

}



.ui.items > .item:after {

    display: block;

    content: ' ';

    height: 0;

    clear: both;

    overflow: hidden;

    visibility: hidden

}



.ui.items > .item:first-child {

    margin-top: 0

}



.ui.items > .item:last-child {

    margin-bottom: 0

}



.ui.items > .item > .image {

    position: relative;

    -webkit-box-flex: 0;

    flex: 0 0 auto;

    display: block;

    float: none;

    margin: 0;

    padding: 0;

    max-height: '';

    align-self: top

}



.ui.items > .item > .image > img {

    display: block;

    width: 100%;

    height: auto;

    border-radius: .125rem;

    border: none

}



.ui.items > .item > .image:only-child > img {

    border-radius: 0

}



.ui.items > .item > .content {

    display: block;

    -webkit-box-flex: 1;

    flex: 1 1 auto;

    background: 0 0;

    margin: 0;

    padding: 0;

    box-shadow: none;

    font-size: 1em;

    border: none;

    border-radius: 0

}



.ui.items > .item > .content:after {

    display: block;

    content: ' ';

    height: 0;

    clear: both;

    overflow: hidden;

    visibility: hidden

}



.ui.items > .item > .image + .content {

    min-width: 0;

    width: auto;

    display: block;

    margin-left: 0;

    align-self: top;

    padding-left: 1.5em

}



.ui.items > .item > .content > .header {

    display: inline-block;

    margin: -.21425em 0 0;

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    font-weight: 700;

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

}



.ui.items > .item > .content > .header:not(.ui) {

    font-size: 1.28571429em

}



.ui.items > .item .content img {

    align-self: middle;

    width: ''

}



.ui.items > .item .avatar img, .ui.items > .item img.avatar {

    width: '';

    height: '';

    border-radius: 500rem

}



.ui.items > .item > .content > .description {

    margin-top: .6em;

    max-width: auto;

    font-size: 1em;

    line-height: 1.4285em;

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

}



.ui.items > .item > .content p {

    margin: 0 0 .5em

}



.ui.items > .item > .content p:last-child {

    margin-bottom: 0

}



.ui.items > .item .meta {

    margin: .5em 0 .5em;

    font-size: 1em;

    line-height: 1em;

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

}



.ui.items > .item .meta * {

    margin-right: .3em

}



.ui.items > .item .meta :last-child {

    margin-right: 0

}



.ui.items > .item > .content a:not(.ui) {

    color: '';

    -webkit-transition: color .1s ease;

    transition: color .1s ease

}



.ui.items > .item > .content a:not(.ui):hover {

    color: ''

}



.ui.items > .item > .content > a.header {

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

}



.ui.items > .item > .content > a.header:hover {

    color: #1e70bf

}



.ui.items > .item .meta > a:not(.ui) {

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

}



.ui.items > .item .meta > a:not(.ui):hover {

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

}



.ui.items > .item > .content .favorite.icon {

    cursor: pointer;

    opacity: .75;

    -webkit-transition: color .1s ease;

    transition: color .1s ease

}



.ui.items > .item > .content .favorite.icon:hover {

    opacity: 1;

    color: #ffb70a

}



.ui.items > .item > .content .active.favorite.icon {

    color: #ffe623

}



.ui.items > .item > .content .like.icon {

    cursor: pointer;

    opacity: .75;

    -webkit-transition: color .1s ease;

    transition: color .1s ease

}



.ui.items > .item > .content .like.icon:hover {

    opacity: 1;

    color: #ff2733

}



.ui.items > .item > .content .active.like.icon {

    color: #ff2733

}



.ui.items > .item .extra {

    display: block;

    position: relative;

    background: 0 0;

    margin: .5rem 0 0;

    width: 100%;

    padding: 0 0 0;

    top: 0;

    left: 0;

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

    box-shadow: none;

    -webkit-transition: color .1s ease;

    transition: color .1s ease;

    border-top: none

}



.ui.items > .item .extra > * {

    margin: .25rem .5rem .25rem 0

}



.ui.items > .item .extra:after {

    display: block;

    content: ' ';

    height: 0;

    clear: both;

    overflow: hidden;

    visibility: hidden

}



.ui.items > .item > .image:not(.ui) {

    width: 175px

}



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

    .ui.items > .item {

        margin: 1em 0

    }



    .ui.items > .item > .image:not(.ui) {

        width: 150px

    }



    .ui.items > .item > .image + .content {

        display: block;

        padding: 0 0 0 1em

    }

}



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

    .ui.items:not(.unstackable) > .item {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        flex-direction: column;

        margin: 2em 0

    }



    .ui.items:not(.unstackable) > .item > .image {

        display: block;

        margin-left: auto;

        margin-right: auto

    }



    .ui.items:not(.unstackable) > .item > .image, .ui.items:not(.unstackable) > .item > .image > img {

        max-width: 100% !important;

        width: auto !important;

        max-height: 250px !important

    }



    .ui.items:not(.unstackable) > .item > .image + .content {

        display: block;

        padding: 1.5em 0 0

    }

}



.ui.items > .item > .image + [class*="top aligned"].content {

    align-self: flex-start

}



.ui.items > .item > .image + [class*="middle aligned"].content {

    align-self: center

}



.ui.items > .item > .image + [class*="bottom aligned"].content {

    align-self: flex-end

}



.ui.items a.item:hover, .ui.link.items > .item:hover {

    cursor: pointer

}



.ui.items a.item:hover .content .header, .ui.link.items > .item:hover .content .header {

    color: #1e70bf

}



.ui.items > .item {

    font-size: 1em

}



/*!

 * # Semantic UI 2.3.3 - Statistic

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */



/*!

 * # Semantic UI 2.3.3 - Accordion

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.accordion, .ui.accordion .accordion {

    max-width: 100%

}



.ui.accordion .accordion {

    margin: 1em 0 0;

    padding: 0

}



.ui.accordion .accordion .title, .ui.accordion .title {

    cursor: pointer

}



.ui.accordion .title:not(.ui) {

    padding: .5em 0;

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    font-size: 1em;

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

}



.ui.accordion .accordion .title ~ .content, .ui.accordion .title ~ .content {

    display: none

}



.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui), .ui.accordion:not(.styled) .title ~ .content:not(.ui) {

    margin: '';

    padding: .5em 0 1em

}



.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {

    padding-bottom: 0

}



.ui.accordion .accordion .title .dropdown.icon, .ui.accordion .title .dropdown.icon {

    display: inline-block;

    float: none;

    opacity: 1;

    width: 1.25em;

    height: 1em;

    margin: 0 .25rem 0 0;

    padding: 0;

    font-size: 1em;

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

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

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

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

    vertical-align: baseline;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none

}



.ui.accordion.menu .item .title {

    display: block;

    padding: 0

}



.ui.accordion.menu .item .title > .dropdown.icon {

    float: right;

    margin: .21425em 0 0 1em;

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg)

}



.ui.accordion .ui.header .dropdown.icon {

    font-size: 1em;

    margin: 0 .25rem 0 0

}



.ui.accordion .accordion .active.title .dropdown.icon, .ui.accordion .active.title .dropdown.icon {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg)

}



.ui.accordion.menu .item .active.title > .dropdown.icon {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg)

}



.ui.styled.accordion {

    width: 600px

}



.ui.styled.accordion, .ui.styled.accordion .accordion {

    border-radius: .28571429rem;

    background: #fff;

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

}



.ui.styled.accordion .accordion .title, .ui.styled.accordion .title {

    margin: 0;

    padding: .75em 1em;

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

    font-weight: 700;

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

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

    transition: background .1s ease, color .1s ease

}



.ui.styled.accordion .accordion .title:first-child, .ui.styled.accordion > .title:first-child {

    border-top: none

}



.ui.styled.accordion .accordion .content, .ui.styled.accordion .content {

    margin: 0;

    padding: .5em 1em 1.5em

}



.ui.styled.accordion .accordion .content {

    padding: 0;

    padding: .5em 1em 1.5em

}



.ui.styled.accordion .accordion .active.title, .ui.styled.accordion .accordion .title:hover, .ui.styled.accordion .active.title, .ui.styled.accordion .title:hover {

    background: 0 0;

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

}



.ui.styled.accordion .accordion .active.title, .ui.styled.accordion .accordion .title:hover {

    background: 0 0;

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

}



.ui.styled.accordion .active.title {

    background: 0 0;

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

}



.ui.styled.accordion .accordion .active.title {

    background: 0 0;

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

}



.ui.accordion .accordion .active.content, .ui.accordion .active.content {

    display: block

}



.ui.fluid.accordion, .ui.fluid.accordion .accordion {

    width: 100%

}



.ui.inverted.accordion .title:not(.ui) {

    color: rgba(255, 255, 255, .9)

}



@font-face {

    font-family: Accordion;

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

    font-weight: 400;

    font-style: normal

}



.ui.accordion .accordion .title .dropdown.icon, .ui.accordion .title .dropdown.icon {

    font-family: Accordion;

    line-height: 1;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    font-weight: 400;

    font-style: normal;

    text-align: center

}



.ui.accordion .accordion .title .dropdown.icon:before, .ui.accordion .title .dropdown.icon:before {

    content: '\f0da'

}



/*!

 * # Semantic UI 2.3.3 - Checkbox

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.checkbox {

    position: relative;

    display: inline-block;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    outline: 0;

    vertical-align: baseline;

    font-style: normal;

    min-height: 17px;

    font-size: 1rem;

    line-height: 17px;

    min-width: 17px

}



.ui.checkbox input[type=checkbox], .ui.checkbox input[type=radio] {

    cursor: pointer;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0 !important;

    outline: 0;

    z-index: 3;

    width: 17px;

    height: 17px

}



.ui.checkbox .box, .ui.checkbox label {

    cursor: auto;

    position: relative;

    display: block;

    padding-left: 1.85714em;

    outline: 0;

    font-size: 1em

}



.ui.checkbox .box:before, .ui.checkbox label:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 17px;

    height: 17px;

    content: '';

    background: #fff;

    border-radius: .21428571rem;

    -webkit-transition: border .1s ease, opacity .1s ease, -webkit-transform .1s ease, -webkit-box-shadow .1s ease;

    -webkit-transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;

    transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;

    transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease;

    transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;

    border: 1px solid #d4d4d5

}



.ui.checkbox .box:after, .ui.checkbox label:after {

    position: absolute;

    font-size: 14px;

    top: 0;

    left: 0;

    width: 17px;

    height: 17px;

    text-align: center;

    opacity: 0;

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

    -webkit-transition: border .1s ease, opacity .1s ease, -webkit-transform .1s ease, -webkit-box-shadow .1s ease;

    -webkit-transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;

    transition: border .1s ease, opacity .1s ease, box-shadow .1s ease, -webkit-transform .1s ease;

    transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease;

    transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease, -webkit-transform .1s ease

}



.ui.checkbox label, .ui.checkbox + label {

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

    -webkit-transition: color .1s ease;

    transition: color .1s ease

}



.ui.checkbox + label {

    vertical-align: middle

}



.ui.checkbox .box:hover::before, .ui.checkbox label:hover::before {

    background: #fff;

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

}



.ui.checkbox label:hover, .ui.checkbox + label:hover {

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

}



.ui.checkbox .box:active::before, .ui.checkbox label:active::before {

    background: #f9fafb;

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

}



.ui.checkbox .box:active::after, .ui.checkbox label:active::after {

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

}



.ui.checkbox input:active ~ label {

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

}



.ui.checkbox input:focus ~ .box:before, .ui.checkbox input:focus ~ label:before {

    background: #fff;

    border-color: #96c8da

}



.ui.checkbox input:focus ~ .box:after, .ui.checkbox input:focus ~ label:after {

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

}



.ui.checkbox input:focus ~ label {

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

}



.ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before {

    background: #fff;

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

}



.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {

    opacity: 1;

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

}



.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate ~ label:before {

    background: #fff;

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

}



.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after, .ui.checkbox input:not([type=radio]):indeterminate ~ label:after {

    opacity: 1;

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

}



.ui.checkbox input:checked:focus ~ .box:before, .ui.checkbox input:checked:focus ~ label:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before {

    background: #fff;

    border-color: #96c8da

}



.ui.checkbox input:checked:focus ~ .box:after, .ui.checkbox input:checked:focus ~ label:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after {

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

}



.ui.checkbox input[disabled] ~ .box:after, .ui.checkbox input[disabled] ~ label, .ui.disabled.checkbox .box:after, .ui.disabled.checkbox label {

    cursor: default !important;

    opacity: .5;

    color: #000

}



.ui.checkbox input.hidden {

    z-index: -1

}



.ui.checkbox input.hidden + label {

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.ui.radio.checkbox {

    min-height: 15px

}



.ui.radio.checkbox .box, .ui.radio.checkbox label {

    padding-left: 1.85714em

}



.ui.radio.checkbox .box:before, .ui.radio.checkbox label:before {

    content: '';

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    width: 15px;

    height: 15px;

    border-radius: 500rem;

    top: 1px;

    left: 0

}



.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {

    border: none;

    content: '' !important;

    width: 15px;

    height: 15px;

    line-height: 15px

}



.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {

    top: 1px;

    left: 0;

    width: 15px;

    height: 15px;

    border-radius: 500rem;

    -webkit-transform: scale(.46666667);

    -ms-transform: scale(.46666667);

    transform: scale(.46666667);

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

}



.ui.radio.checkbox input:focus ~ .box:before, .ui.radio.checkbox input:focus ~ label:before {

    background-color: #fff

}



.ui.radio.checkbox input:focus ~ .box:after, .ui.radio.checkbox input:focus ~ label:after {

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

}



.ui.radio.checkbox input:indeterminate ~ .box:after, .ui.radio.checkbox input:indeterminate ~ label:after {

    opacity: 0

}



.ui.radio.checkbox input:checked ~ .box:before, .ui.radio.checkbox input:checked ~ label:before {

    background-color: #fff

}



.ui.radio.checkbox input:checked ~ .box:after, .ui.radio.checkbox input:checked ~ label:after {

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

}



.ui.radio.checkbox input:focus:checked ~ .box:before, .ui.radio.checkbox input:focus:checked ~ label:before {

    background-color: #fff

}



.ui.radio.checkbox input:focus:checked ~ .box:after, .ui.radio.checkbox input:focus:checked ~ label:after {

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

}



.ui.toggle.checkbox {

    min-height: 1.5rem

}



.ui.toggle.checkbox input {

    width: 3.5rem;

    height: 1.5rem

}



.ui.toggle.checkbox .box, .ui.toggle.checkbox label {

    min-height: 1.5rem;

    padding-left: 4.5rem;

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

}



.ui.toggle.checkbox label {

    padding-top: .15em

}



.ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before {

    display: block;

    position: absolute;

    content: '';

    z-index: 1;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    border: none;

    top: 0;

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

    box-shadow: none;

    width: 3.5rem;

    height: 1.5rem;

    border-radius: 500rem

}



.ui.toggle.checkbox .box:after, .ui.toggle.checkbox label:after {

    background: #fff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .05)));

    background: #fff -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05));

    background: #fff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .05)));

    background: #fff linear-gradient(transparent, rgba(0, 0, 0, .05));

    position: absolute;

    content: '' !important;

    opacity: 1;

    z-index: 2;

    border: none;

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

    width: 1.5rem;

    height: 1.5rem;

    top: 0;

    left: 0;

    border-radius: 500rem;

    -webkit-transition: background .3s ease, left .3s ease;

    transition: background .3s ease, left .3s ease

}



.ui.toggle.checkbox input ~ .box:after, .ui.toggle.checkbox input ~ label:after {

    left: -.05rem;

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

}



.ui.toggle.checkbox input:focus ~ .box:before, .ui.toggle.checkbox input:focus ~ label:before {

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

    border: none

}



.ui.toggle.checkbox .box:hover::before, .ui.toggle.checkbox label:hover::before {

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

    border: none

}



.ui.toggle.checkbox input:checked ~ .box, .ui.toggle.checkbox input:checked ~ label {

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

}



.ui.toggle.checkbox input:checked ~ .box:before, .ui.toggle.checkbox input:checked ~ label:before {

    background-color: #2185d0 !important

}



.ui.toggle.checkbox input:checked ~ .box:after, .ui.toggle.checkbox input:checked ~ label:after {

    left: 2.15rem;

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

}



.ui.toggle.checkbox input:focus:checked ~ .box, .ui.toggle.checkbox input:focus:checked ~ label {

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

}



.ui.toggle.checkbox input:focus:checked ~ .box:before, .ui.toggle.checkbox input:focus:checked ~ label:before {

    background-color: #0d71bb !important

}



@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 .box:after, .ui.checkbox label:after {

    font-family: Checkbox

}



.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.3.3 - Dimmer

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.dimmable:not(body) {

    position: relative

}



.ui.dimmer {

    display: none;

    position: absolute;

    top: 0 !important;

    left: 0 !important;

    width: 100%;

    height: 100%;

    text-align: center;

    vertical-align: middle;

    padding: 1em;

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

    opacity: 0;

    line-height: 1;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-transition: background-color .5s linear;

    transition: background-color .5s linear;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-pack: center;

    justify-content: center;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    will-change: opacity;

    z-index: 1000

}



.ui.dimmer > .content {

    -webkit-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

    color: #fff

}



.ui.segment > .ui.dimmer {

    border-radius: inherit !important

}



.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {

    background: rgba(255, 255, 255, .1)

}



.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {

    background: rgba(255, 255, 255, .25)

}



.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {

    background: rgba(255, 255, 255, .15)

}



.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {

    background: rgba(255, 255, 255, .35)

}



.animating.dimmable:not(body), .dimmed.dimmable:not(body) {

    overflow: hidden

}



.dimmed.dimmable > .ui.animating.dimmer, .dimmed.dimmable > .ui.visible.dimmer, .ui.active.dimmer {

    display: -webkit-box;

    display: flex;

    opacity: 1

}



.ui.disabled.dimmer {

    width: 0 !important;

    height: 0 !important

}



.ui[class*="top aligned"].dimmer {

    -webkit-box-pack: start;

    justify-content: flex-start

}



.ui[class*="bottom aligned"].dimmer {

    -webkit-box-pack: end;

    justify-content: flex-end

}



.ui.page.dimmer {

    position: fixed;

    -webkit-transform-style: '';

    transform-style: '';

    -webkit-perspective: 2000px;

    perspective: 2000px;

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center

}



body.animating.in.dimmable, body.dimmed.dimmable {

    overflow: hidden

}



body.dimmable > .dimmer {

    position: fixed

}



.blurring.dimmable > :not(.dimmer) {

    -webkit-filter: blur(0) grayscale(0);

    filter: blur(0) grayscale(0);

    -webkit-transition: .8s -webkit-filter ease;

    transition: .8s -webkit-filter ease;

    -webkit-transition: .8s filter ease;

    transition: .8s filter ease;

    -webkit-transition: .8s filter ease, .8s -webkit-filter ease;

    transition: .8s filter ease, .8s -webkit-filter ease

}



.blurring.dimmed.dimmable > :not(.dimmer) {

    -webkit-filter: blur(5px) grayscale(.7);

    filter: blur(5px) grayscale(.7)

}



.blurring.dimmable > .dimmer {

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

}



.blurring.dimmable > .inverted.dimmer {

    background-color: rgba(255, 255, 255, .6)

}



.ui.dimmer > .top.aligned.content > * {

    vertical-align: top

}



.ui.dimmer > .bottom.aligned.content > * {

    vertical-align: bottom

}



.ui.inverted.dimmer {

    background-color: rgba(255, 255, 255, .85)

}



.ui.inverted.dimmer > .content > * {

    color: #fff

}



.ui.simple.dimmer {

    display: block;

    overflow: hidden;

    opacity: 1;

    width: 0%;

    height: 0%;

    z-index: -100;

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

}



.dimmed.dimmable > .ui.simple.dimmer {

    overflow: visible;

    opacity: 1;

    width: 100%;

    height: 100%;

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

    z-index: 1

}



.ui.simple.inverted.dimmer {

    background-color: rgba(255, 255, 255, 0)

}



.dimmed.dimmable > .ui.simple.inverted.dimmer {

    background-color: rgba(255, 255, 255, .85)

}



/*!

 * # Semantic UI 2.3.3 - Dropdown

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.dropdown {

    cursor: pointer;

    position: relative;

    display: inline-block;

    outline: 0;

    text-align: left;

    -webkit-transition: width .1s ease, -webkit-box-shadow .1s ease;

    -webkit-transition: box-shadow .1s ease, width .1s ease;

    transition: box-shadow .1s ease, width .1s ease;

    -webkit-tap-highlight-color: transparent

}



.ui.dropdown .menu {

    cursor: auto;

    position: absolute;

    display: none;

    outline: 0;

    top: 100%;

    min-width: -webkit-max-content;

    min-width: -moz-max-content;

    min-width: max-content;

    margin: 0;

    padding: 0 0;

    background: #fff;

    font-size: 1em;

    text-shadow: none;

    text-align: left;

    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);

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

    border-radius: .28571429rem;

    -webkit-transition: opacity .1s ease;

    transition: opacity .1s ease;

    z-index: 11;

    will-change: transform, opacity

}



.ui.dropdown .menu > * {

    white-space: nowrap

}



.ui.dropdown > input:not(.search):first-child, .ui.dropdown > select {

    display: none !important

}



.ui.dropdown > .dropdown.icon {

    position: relative;

    width: auto;

    font-size: .85714286em;

    margin: 0 0 0 1em

}



.ui.dropdown .menu > .item .dropdown.icon {

    width: auto;

    float: right;

    margin: 0 0 0 1em

}



.ui.dropdown .menu > .item .dropdown.icon + .text {

    margin-right: 1em

}



.ui.dropdown > .text {

    display: inline-block;

    -webkit-transition: none;

    transition: none

}



.ui.dropdown .menu > .item {

    position: relative;

    cursor: pointer;

    display: block;

    border: none;

    height: auto;

    text-align: left;

    border-top: none;

    line-height: 1em;

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

    padding: .78571429rem 1.14285714rem !important;

    font-size: 1rem;

    text-transform: none;

    font-weight: 400;

    box-shadow: none;

    -webkit-touch-callout: none

}



.ui.dropdown .menu > .item:first-child {

    border-top-width: 0

}



.ui.dropdown .menu .item > [class*="right floated"], .ui.dropdown > .text > [class*="right floated"] {

    float: right !important;

    margin-right: 0 !important;

    margin-left: 1em !important

}



.ui.dropdown .menu .item > [class*="left floated"], .ui.dropdown > .text > [class*="left floated"] {

    float: left !important;

    margin-left: 0 !important;

    margin-right: 1em !important

}



.ui.dropdown .menu .item > .flag.floated, .ui.dropdown .menu .item > .icon.floated, .ui.dropdown .menu .item > .image.floated, .ui.dropdown .menu .item > img.floated {

    margin-top: 0

}



.ui.dropdown .menu > .header {

    margin: 1rem 0 .75rem;

    padding: 0 1.14285714rem;

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

    font-size: .78571429em;

    font-weight: 700;

    text-transform: uppercase

}



.ui.dropdown .menu > .divider {

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

    height: 0;

    margin: .5em 0

}



.ui.dropdown.dropdown .menu > .input {

    width: auto;

    display: -webkit-box;

    display: flex;

    margin: 1.14285714rem .78571429rem;

    min-width: 10rem

}



.ui.dropdown .menu > .header + .input {

    margin-top: 0

}



.ui.dropdown .menu > .input:not(.transparent) input {

    padding: .5em 1em

}



.ui.dropdown .menu > .input:not(.transparent) .button, .ui.dropdown .menu > .input:not(.transparent) .icon, .ui.dropdown .menu > .input:not(.transparent) .label {

    padding-top: .5em;

    padding-bottom: .5em

}



.ui.dropdown .menu > .item > .description, .ui.dropdown > .text > .description {

    float: right;

    margin: 0 0 0 1em;

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

}



.ui.dropdown .menu > .message {

    padding: .78571429rem 1.14285714rem;

    font-weight: 400

}



.ui.dropdown .menu > .message:not(.ui) {

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

}



.ui.dropdown .menu .menu {

    top: 0 !important;

    left: 100%;

    right: auto;

    margin: 0 0 0 -.5em !important;

    border-radius: .28571429rem !important;

    z-index: 21 !important

}



.ui.dropdown .menu .menu:after {

    display: none

}



.ui.dropdown > .text > .flag, .ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img {

    margin-top: 0

}



.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 {

    margin-top: 0

}



.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-left: 0;

    float: none;

    margin-right: .78571429rem

}



.ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .image, .ui.dropdown > .text > img {

    display: inline-block;

    vertical-align: top;

    width: auto;

    margin-top: -.5em;

    margin-bottom: -.5em;

    max-height: 2em

}



.ui.dropdown .ui.menu > .item:before, .ui.menu .ui.dropdown .menu > .item:before {

    display: none

}



.ui.menu .ui.dropdown .menu .active.item {

    border-left: none

}



.ui.buttons > .ui.dropdown:last-child .menu, .ui.menu .right.dropdown.item .menu, .ui.menu .right.menu .dropdown:last-child .menu {

    left: auto;

    right: 0

}



.ui.label.dropdown .menu {

    min-width: 100%

}



.ui.dropdown.icon.button > .dropdown.icon {

    margin: 0

}



.ui.button.dropdown .menu {

    min-width: 100%

}



.ui.selection.dropdown {

    cursor: pointer;

    word-wrap: break-word;

    line-height: 1em;

    white-space: normal;

    outline: 0;

    -webkit-transform: rotateZ(0);

    -ms-transform: rotate(0);

    transform: rotateZ(0);

    min-width: 14em;

    min-height: 2.71428571em;

    background: #fff;

    display: inline-block;

    padding: .78571429em 2.1em .78571429em 1em;

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

    box-shadow: none;

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

    border-radius: .28571429rem;

    -webkit-transition: width .1s ease, -webkit-box-shadow .1s ease;

    -webkit-transition: box-shadow .1s ease, width .1s ease;

    transition: box-shadow .1s ease, width .1s ease

}



.ui.selection.dropdown.active, .ui.selection.dropdown.visible {

    z-index: 10

}



select.ui.dropdown {

    height: 38px;

    padding: .5em;

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

    visibility: visible

}



.ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon, .ui.selection.dropdown > .search.icon {

    cursor: pointer;

    position: absolute;

    width: auto;

    height: auto;

    line-height: 1.21428571em;

    top: .78571429em;

    right: 1em;

    z-index: 3;

    margin: -.78571429em;

    padding: .91666667em;

    opacity: .8;

    -webkit-transition: opacity .1s ease;

    transition: opacity .1s ease

}



.ui.compact.selection.dropdown {

    min-width: 0

}



.ui.selection.dropdown .menu {

    overflow-x: hidden;

    overflow-y: auto;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-overflow-scrolling: touch;

    border-top-width: 0 !important;

    width: auto;

    outline: 0;

    margin: 0 -1px;

    min-width: calc(100% + 2px);

    width: calc(100% + 2px);

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

    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);

    -webkit-transition: opacity .1s ease;

    transition: opacity .1s ease

}



.ui.selection.dropdown .menu:after, .ui.selection.dropdown .menu:before {

    display: none

}



.ui.selection.dropdown .menu > .message {

    padding: .78571429rem 1.14285714rem

}



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

    .ui.selection.dropdown .menu {

        max-height: 8.01428571rem

    }

}



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

    .ui.selection.dropdown .menu {

        max-height: 10.68571429rem

    }

}



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

    .ui.selection.dropdown .menu {

        max-height: 16.02857143rem

    }

}



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

    .ui.selection.dropdown .menu {

        max-height: 21.37142857rem

    }

}



.ui.selection.dropdown .menu > .item {

    border-top: 1px solid #fafafa;

    padding: .78571429rem 1.14285714rem !important;

    white-space: normal;

    word-wrap: normal

}



.ui.selection.dropdown .menu > .hidden.addition.item {

    display: none

}



.ui.selection.dropdown:hover {

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

    box-shadow: none

}



.ui.selection.active.dropdown {

    border-color: #96c8da;

    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)

}



.ui.selection.active.dropdown .menu {

    border-color: #96c8da;

    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)

}



.ui.selection.dropdown:focus {

    border-color: #96c8da;

    box-shadow: none

}



.ui.selection.dropdown:focus .menu {

    border-color: #96c8da;

    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)

}



.ui.selection.visible.dropdown > .text:not(.default) {

    font-weight: 400;

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

}



.ui.selection.active.dropdown:hover {

    border-color: #96c8da;

    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)

}



.ui.selection.active.dropdown:hover .menu {

    border-color: #96c8da;

    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)

}



.ui.active.selection.dropdown > .dropdown.icon, .ui.visible.selection.dropdown > .dropdown.icon {

    opacity: 1;

    z-index: 3

}



.ui.active.selection.dropdown {

    border-bottom-left-radius: 0 !important;

    border-bottom-right-radius: 0 !important

}



.ui.active.empty.selection.dropdown {

    border-radius: .28571429rem !important;

    box-shadow: none !important

}



.ui.active.empty.selection.dropdown .menu {

    border: none !important;

    box-shadow: none !important

}



.ui.search.dropdown {

    min-width: ''

}



.ui.search.dropdown > input.search {

    background: none transparent !important;

    border: none !important;

    box-shadow: none !important;

    cursor: text;

    top: 0;

    left: 1px;

    width: 100%;

    outline: 0;

    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

    padding: inherit

}



.ui.search.dropdown > input.search {

    position: absolute;

    z-index: 2

}



.ui.search.dropdown > .text {

    cursor: text;

    position: relative;

    left: 1px;

    z-index: 3

}



.ui.search.selection.dropdown > input.search {

    line-height: 1.21428571em;

    padding: .67857143em 2.1em .67857143em 1em

}



.ui.search.selection.dropdown > span.sizer {

    line-height: 1.21428571em;

    padding: .67857143em 2.1em .67857143em 1em;

    display: none;

    white-space: pre

}



.ui.search.dropdown.active > input.search, .ui.search.dropdown.visible > input.search {

    cursor: auto

}



.ui.search.dropdown.active > .text, .ui.search.dropdown.visible > .text {

    pointer-events: none

}



.ui.active.search.dropdown input.search:focus + .text .flag, .ui.active.search.dropdown input.search:focus + .text .icon {

    opacity: .45

}



.ui.active.search.dropdown input.search:focus + .text {

    color: rgba(115, 115, 115, .87) !important

}



.ui.search.dropdown .menu {

    overflow-x: hidden;

    overflow-y: auto;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-overflow-scrolling: touch

}



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

    .ui.search.dropdown .menu {

        max-height: 8.01428571rem

    }

}



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

    .ui.search.dropdown .menu {

        max-height: 10.68571429rem

    }

}



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

    .ui.search.dropdown .menu {

        max-height: 16.02857143rem

    }

}



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

    .ui.search.dropdown .menu {

        max-height: 21.37142857rem

    }

}



.ui.multiple.dropdown {

    padding: .22619048em 2.1em .22619048em .35714286em

}



.ui.multiple.dropdown .menu {

    cursor: auto

}



.ui.multiple.search.dropdown, .ui.multiple.search.dropdown > input.search {

    cursor: text

}



.ui.multiple.dropdown > .label {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    display: inline-block;

    vertical-align: top;

    white-space: normal;

    font-size: 1em;

    padding: .35714286em .78571429em;

    margin: .14285714rem .28571429rem .14285714rem 0;

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

}



.ui.multiple.dropdown .dropdown.icon {

    margin: '';

    padding: ''

}



.ui.multiple.dropdown > .text {

    position: static;

    padding: 0;

    max-width: 100%;

    margin: .45238095em 0 .45238095em .64285714em;

    line-height: 1.21428571em

}



.ui.multiple.dropdown > .label ~ input.search {

    margin-left: .14285714em !important

}



.ui.multiple.dropdown > .label ~ .text {

    display: none

}



.ui.multiple.search.dropdown > .text {

    display: inline-block;

    position: absolute;

    top: 0;

    left: 0;

    padding: inherit;

    margin: .45238095em 0 .45238095em .64285714em;

    line-height: 1.21428571em

}



.ui.multiple.search.dropdown > .label ~ .text {

    display: none

}



.ui.multiple.search.dropdown > input.search {

    position: static;

    padding: 0;

    max-width: 100%;

    margin: .45238095em 0 .45238095em .64285714em;

    width: 2.2em;

    line-height: 1.21428571em

}



.ui.inline.dropdown {

    cursor: pointer;

    display: inline-block;

    color: inherit

}



.ui.inline.dropdown .dropdown.icon {

    margin: 0 .5em 0 .21428571em;

    vertical-align: baseline

}



.ui.inline.dropdown > .text {

    font-weight: 700

}



.ui.inline.dropdown .menu {

    cursor: auto;

    margin-top: .21428571em;

    border-radius: .28571429rem

}



.ui.dropdown .menu .active.item {

    background: 0 0;

    font-weight: 700;

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

    box-shadow: none;

    z-index: 12

}



.ui.dropdown .menu > .item:hover {

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

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

    z-index: 13

}



.ui.loading.dropdown > i.icon {

    height: 1em !important

}



.ui.loading.selection.dropdown > i.icon {

    padding: 1.5em 1.28571429em !important

}



.ui.loading.dropdown > i.icon:before {

    position: absolute;

    content: '';

    top: 50%;

    left: 50%;

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

    width: 1.28571429em;

    height: 1.28571429em;

    border-radius: 500rem;

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

}



.ui.loading.dropdown > i.icon:after {

    position: absolute;

    content: '';

    top: 50%;

    left: 50%;

    box-shadow: 0 0 0 1px transparent;

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

    width: 1.28571429em;

    height: 1.28571429em;

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

    animation: dropdown-spin .6s linear;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    border-radius: 500rem;

    border-color: #767676 transparent transparent;

    border-style: solid;

    border-width: .2em

}



.ui.loading.dropdown.button > i.icon:after, .ui.loading.dropdown.button > i.icon:before {

    display: none

}



@-webkit-keyframes dropdown-spin {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes dropdown-spin {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.ui.default.dropdown:not(.button) > .text, .ui.dropdown:not(.button) > .default.text {

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

}



.ui.default.dropdown:not(.button) > input:focus ~ .text, .ui.dropdown:not(.button) > input:focus ~ .default.text {

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

}



.ui.loading.dropdown > .text {

    -webkit-transition: none;

    transition: none

}



.ui.dropdown .loading.menu {

    display: block;

    visibility: hidden;

    z-index: -1

}



.ui.dropdown > .loading.menu {

    left: 0 !important;

    right: auto !important

}



.ui.dropdown > .menu .loading.menu {

    left: 100% !important;

    right: auto !important

}



.ui.dropdown .menu .selected.item, .ui.dropdown.selected {

    background: rgba(0, 0, 0, .03);

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

}



.ui.dropdown > .filtered.text {

    visibility: hidden

}



.ui.dropdown .filtered.item {

    display: none !important

}



.ui.dropdown.error, .ui.dropdown.error > .default.text, .ui.dropdown.error > .text {

    color: #9f3a38

}



.ui.selection.dropdown.error {

    background: #fff6f6;

    border-color: #e0b4b4

}



.ui.selection.dropdown.error:hover {

    border-color: #e0b4b4

}



.ui.dropdown.error > .menu, .ui.dropdown.error > .menu .menu {

    border-color: #e0b4b4

}



.ui.dropdown.error > .menu > .item {

    color: #9f3a38

}



.ui.multiple.selection.error.dropdown > .label {

    border-color: #e0b4b4

}



.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 > .left.menu {

    left: auto !important;

    right: 0 !important

}



.ui.dropdown .menu .left.menu, .ui.dropdown > .left.menu .menu {

    left: auto;

    right: 100%;

    margin: 0 -.5em 0 0 !important;

    border-radius: .28571429rem !important

}



.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon {

    width: auto;

    float: left;

    margin: 0

}



.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon {

    width: auto;

    float: left;

    margin: 0

}



.ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text {

    margin-left: 1em;

    margin-right: 0

}



.ui.upward.dropdown > .menu {

    top: auto;

    bottom: 100%;

    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);

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

}



.ui.dropdown .upward.menu {

    top: auto !important;

    bottom: 0 !important

}



.ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover {

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

}



.ui.upward.dropdown.button:not(.pointing):not(.floating).active {

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

}



.ui.upward.selection.dropdown .menu {

    border-top-width: 1px !important;

    border-bottom-width: 0 !important;

    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)

}



.ui.upward.selection.dropdown:hover {

    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05)

}



.ui.active.upward.selection.dropdown {

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

}



.ui.upward.selection.dropdown.visible {

    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);

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

}



.ui.upward.active.selection.dropdown:hover {

    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .05)

}



.ui.upward.active.selection.dropdown:hover .menu {

    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)

}



.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {

    overflow-x: hidden;

    overflow-y: auto

}



.ui.scrolling.dropdown .menu {

    overflow-x: hidden;

    overflow-y: auto;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-overflow-scrolling: touch;

    min-width: 100% !important;

    width: auto !important

}



.ui.dropdown .scrolling.menu {

    position: static;

    overflow-y: auto;

    border: none;

    box-shadow: none !important;

    border-radius: 0 !important;

    margin: 0 !important;

    min-width: 100% !important;

    width: auto !important;

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

}



.ui.dropdown .scrolling.menu > .item.item.item, .ui.scrolling.dropdown .menu .item.item.item {

    border-top: none

}



.ui.dropdown .scrolling.menu .item:first-child, .ui.scrolling.dropdown .menu .item:first-child {

    border-top: none

}



.ui.dropdown > .animating.menu .scrolling.menu, .ui.dropdown > .visible.menu .scrolling.menu {

    display: block

}



@media all and (-ms-high-contrast: none) {

    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {

        min-width: calc(100% - 17px)

    }

}



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

    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {

        max-height: 10.28571429rem

    }

}



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

    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {

        max-height: 15.42857143rem

    }

}



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

    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {

        max-height: 20.57142857rem

    }

}



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

    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {

        max-height: 20.57142857rem

    }

}



.ui.simple.dropdown .menu:after, .ui.simple.dropdown .menu:before {

    display: none

}



.ui.simple.dropdown .menu {

    position: absolute;

    display: block;

    overflow: hidden;

    top: -9999px !important;

    opacity: 0;

    width: 0;

    height: 0;

    -webkit-transition: opacity .1s ease;

    transition: opacity .1s ease

}



.ui.simple.active.dropdown, .ui.simple.dropdown:hover {

    border-bottom-left-radius: 0 !important;

    border-bottom-right-radius: 0 !important

}



.ui.simple.active.dropdown > .menu, .ui.simple.dropdown:hover > .menu {

    overflow: visible;

    width: auto;

    height: auto;

    top: 100% !important;

    opacity: 1

}



.ui.simple.dropdown:hover > .menu > .item:hover > .menu, .ui.simple.dropdown > .menu > .item:active > .menu {

    overflow: visible;

    width: auto;

    height: auto;

    top: 0 !important;

    left: 100% !important;

    opacity: 1

}



.ui.simple.disabled.dropdown:hover .menu {

    display: none;

    height: 0;

    width: 0;

    overflow: hidden

}



.ui.simple.visible.dropdown > .menu {

    display: block

}



.ui.fluid.dropdown {

    display: block;

    width: 100%;

    min-width: 0

}



.ui.fluid.dropdown > .dropdown.icon {

    float: right

}



.ui.floating.dropdown .menu {

    left: 0;

    right: auto;

    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15) !important;

    border-radius: .28571429rem !important

}



.ui.floating.dropdown > .menu {

    margin-top: .5em !important;

    border-radius: .28571429rem !important

}



.ui.pointing.dropdown > .menu {

    top: 100%;

    margin-top: .78571429rem;

    border-radius: .28571429rem

}



.ui.pointing.dropdown > .menu:after {

    display: block;

    position: absolute;

    pointer-events: none;

    content: '';

    visibility: visible;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    width: .5em;

    height: .5em;

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

    background: #fff;

    z-index: 2

}



.ui.pointing.dropdown > .menu:after {

    top: -.25em;

    left: 50%;

    margin: 0 0 0 -.25em

}



.ui.top.left.pointing.dropdown > .menu {

    top: 100%;

    bottom: auto;

    left: 0;

    right: auto;

    margin: 1em 0 0

}



.ui.top.left.pointing.dropdown > .menu {

    top: 100%;

    bottom: auto;

    left: 0;

    right: auto;

    margin: 1em 0 0

}



.ui.top.left.pointing.dropdown > .menu:after {

    top: -.25em;

    left: 1em;

    right: auto;

    margin: 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg)

}



.ui.top.right.pointing.dropdown > .menu {

    top: 100%;

    bottom: auto;

    right: 0;

    left: auto;

    margin: 1em 0 0

}



.ui.top.pointing.dropdown > .left.menu:after, .ui.top.right.pointing.dropdown > .menu:after {

    top: -.25em;

    left: auto !important;

    right: 1em !important;

    margin: 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg)

}



.ui.left.pointing.dropdown > .menu {

    top: 0;

    left: 100%;

    right: auto;

    margin: 0 0 0 1em

}



.ui.left.pointing.dropdown > .menu:after {

    top: 1em;

    left: -.25em;

    margin: 0;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {

    left: auto !important;

    right: 100% !important;

    margin: 0 1em 0 0

}



.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {

    top: 1em;

    left: auto;

    right: -.25em;

    margin: 0;

    -webkit-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    transform: rotate(135deg)

}



.ui.right.pointing.dropdown > .menu {

    top: 0;

    left: auto;

    right: 100%;

    margin: 0 1em 0 0

}



.ui.right.pointing.dropdown > .menu:after {

    top: 1em;

    left: auto;

    right: -.25em;

    margin: 0;

    -webkit-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    transform: rotate(135deg)

}



.ui.bottom.pointing.dropdown > .menu {

    top: auto;

    bottom: 100%;

    left: 0;

    right: auto;

    margin: 0 0 1em

}



.ui.bottom.pointing.dropdown > .menu:after {

    top: auto;

    bottom: -.25em;

    right: auto;

    margin: 0;

    -webkit-transform: rotate(-135deg);

    -ms-transform: rotate(-135deg);

    transform: rotate(-135deg)

}



.ui.bottom.pointing.dropdown > .menu .menu {

    top: auto !important;

    bottom: 0 !important

}



.ui.bottom.left.pointing.dropdown > .menu {

    left: 0;

    right: auto

}



.ui.bottom.left.pointing.dropdown > .menu:after {

    left: 1em;

    right: auto

}



.ui.bottom.right.pointing.dropdown > .menu {

    right: 0;

    left: auto

}



.ui.bottom.right.pointing.dropdown > .menu:after {

    left: auto;

    right: 1em

}



.ui.pointing.upward.dropdown .menu, .ui.top.pointing.upward.dropdown .menu {

    top: auto !important;

    bottom: 100% !important;

    margin: 0 0 .78571429rem;

    border-radius: .28571429rem

}



.ui.pointing.upward.dropdown .menu:after, .ui.top.pointing.upward.dropdown .menu:after {

    top: 100% !important;

    bottom: auto !important;

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

    margin: -.25em 0 0

}



.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {

    top: auto !important;

    bottom: 0 !important;

    margin: 0 1em 0 0

}



.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {

    top: auto !important;

    bottom: 0 !important;

    margin: 0 0 1em 0;

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

}



.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {

    top: auto !important;

    bottom: 0 !important;

    margin: 0 0 0 1em

}



.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {

    top: auto !important;

    bottom: 0 !important;

    margin: 0 0 1em 0;

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

}



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

    width: 1.23em;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    font-weight: 400;

    font-style: normal;

    text-align: center

}



.ui.dropdown > .dropdown.icon {

    width: auto

}



.ui.dropdown > .dropdown.icon:before {

    content: '\f0d7'

}



.ui.dropdown .menu .item .dropdown.icon:before {

    content: '\f0da'

}



.ui.dropdown .item .left.dropdown.icon:before, .ui.dropdown .left.menu .item .dropdown.icon:before {

    content: "\f0d9"

}



.ui.vertical.menu .dropdown.item > .dropdown.icon:before {

    content: "\f0da"

}



/*!

 * # Semantic UI 2.3.3 - Video

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.embed {

    position: relative;

    max-width: 100%;

    height: 0;

    overflow: hidden;

    background: #dcddde;

    padding-bottom: 56.25%

}



.ui.embed embed, .ui.embed iframe {

    position: absolute;

    border: none;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0

}



.ui.embed > .embed {

    display: none

}



.ui.embed > .placeholder {

    position: absolute;

    cursor: pointer;

    top: 0;

    left: 0;

    display: block;

    width: 100%;

    height: 100%;

    background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, .3))

}



.ui.embed > .icon {

    cursor: pointer;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2

}



.ui.embed > .icon:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 3;

    content: '';

    background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, .3));

    background: radial-gradient(transparent 45%, rgba(0, 0, 0, .3));

    opacity: .5;

    -webkit-transition: opacity .5s ease;

    transition: opacity .5s ease

}



.ui.embed > .icon:before {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 4;

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

    -ms-transform: translateX(-50%) translateY(-50%);

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

    color: #fff;

    font-size: 6rem;

    text-shadow: 0 2px 10px rgba(34, 36, 38, .2);

    -webkit-transition: opacity .5s ease, color .5s ease;

    transition: opacity .5s ease, color .5s ease;

    z-index: 10

}



.ui.embed .icon:hover:after {

    background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, .3));

    background: radial-gradient(transparent 45%, rgba(0, 0, 0, .3));

    opacity: 1

}



.ui.embed .icon:hover:before {

    color: #fff

}



.ui.active.embed > .icon, .ui.active.embed > .placeholder {

    display: none

}



.ui.active.embed > .embed {

    display: block

}



/*!

 * # Semantic UI 2.3.3 - Modal

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.modal {

    display: none;

    z-index: 1001;

    text-align: left;

    background: #fff;

    border: none;

    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .2), 1px 3px 15px 2px rgba(0, 0, 0, .2);

    -webkit-transform-origin: 50% 25%;

    -ms-transform-origin: 50% 25%;

    transform-origin: 50% 25%;

    -webkit-box-flex: 0;

    flex: 0 0 auto;

    border-radius: .28571429rem;

    -webkit-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

    will-change: top, left, margin, transform, opacity

}



.ui.modal > .icon:first-child + *, .ui.modal > :first-child:not(.icon) {

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

    border-top-right-radius: .28571429rem

}



.ui.modal > :last-child {

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

    border-bottom-right-radius: .28571429rem

}



.ui.modal > .close {

    cursor: pointer;

    position: absolute;

    top: -2.5rem;

    right: -2.5rem;

    z-index: 1;

    opacity: .8;

    font-size: 1.25em;

    color: #fff;

    width: 2.25rem;

    height: 2.25rem;

    padding: .625rem 0 0 0

}



.ui.modal > .close:hover {

    opacity: 1

}



.ui.modal > .header {

    display: block;

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    background: #fff;

    margin: 0;

    padding: 1.25rem 1.5rem;

    box-shadow: none;

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

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

}



.ui.modal > .header:not(.ui) {

    font-size: 1.42857143rem;

    line-height: 1.28571429em;

    font-weight: 700

}



.ui.modal > .content {

    display: block;

    width: 100%;

    font-size: 1em;

    line-height: 1.4;

    padding: 1.5rem;

    background: #fff

}



.ui.modal > .image.content {

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-direction: row

}



.ui.modal > .content > .image {

    display: block;

    -webkit-box-flex: 0;

    flex: 0 1 auto;

    width: '';

    align-self: top

}



.ui.modal > [class*="top aligned"] {

    align-self: top

}



.ui.modal > [class*="middle aligned"] {

    align-self: middle

}



.ui.modal > [class*=stretched] {

    align-self: stretch

}



.ui.modal > .content > .description {

    display: block;

    -webkit-box-flex: 1;

    flex: 1 0 auto;

    min-width: 0;

    align-self: top

}



.ui.modal > .content > .icon + .description, .ui.modal > .content > .image + .description {

    -webkit-box-flex: 0;

    flex: 0 1 auto;

    min-width: '';

    width: auto;

    padding-left: 2em

}



.ui.modal > .content > .image > i.icon {

    margin: 0;

    opacity: 1;

    width: auto;

    line-height: 1;

    font-size: 8rem

}



.ui.modal > .actions {

    background: #f9fafb;

    padding: 1rem 1rem;

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

    text-align: right

}



.ui.modal .actions > .button {

    margin-left: .75em

}



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

    .ui.modal {

        width: 95%;

        margin: 0

    }

}



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

    .ui.modal {

        width: 88%;

        margin: 0

    }

}



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

    .ui.modal {

        width: 850px;

        margin: 0

    }

}



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

    .ui.modal {

        width: 900px;

        margin: 0

    }

}



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

    .ui.modal {

        width: 950px;

        margin: 0

    }

}



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

    .ui.modal > .header {

        padding-right: 2.25rem

    }



    .ui.modal > .close {

        top: 1.0535rem;

        right: 1rem;

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

    }

}



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

    .ui.modal > .header {

        padding: .75rem 1rem !important;

        padding-right: 2.25rem !important

    }



    .ui.modal > .content {

        display: block;

        padding: 1rem !important

    }



    .ui.modal > .close {

        top: .5rem !important;

        right: .5rem !important

    }



    .ui.modal .image.content {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        flex-direction: column

    }



    .ui.modal .content > .image {

        display: block;

        max-width: 100%;

        margin: 0 auto !important;

        text-align: center;

        padding: 0 0 1rem !important

    }



    .ui.modal > .content > .image > i.icon {

        font-size: 5rem;

        text-align: center

    }



    .ui.modal .content > .description {

        display: block;

        width: 100% !important;

        margin: 0 !important;

        padding: 1rem 0 !important;

        box-shadow: none

    }



    .ui.modal > .actions {

        padding: 1rem 1rem 0 !important

    }



    .ui.modal .actions > .button, .ui.modal .actions > .buttons {

        margin-bottom: 1rem

    }

}



.ui.inverted.dimmer > .ui.modal {

    box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, .2)

}



.ui.basic.modal {

    background-color: transparent;

    border: none;

    border-radius: 0;

    box-shadow: none !important;

    color: #fff

}



.ui.basic.modal > .actions, .ui.basic.modal > .content, .ui.basic.modal > .header {

    background-color: transparent

}



.ui.basic.modal > .header {

    color: #fff

}



.ui.basic.modal > .close {

    top: 1rem;

    right: 1.5rem

}



.ui.inverted.dimmer > .basic.modal {

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

}



.ui.inverted.dimmer > .ui.basic.modal > .header {

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

}



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

    .ui.basic.modal > .close {

        color: #fff

    }

}



.ui.loading.modal {

    display: block;

    visibility: hidden;

    z-index: -1

}



.ui.active.modal {

    display: block

}



.modals.dimmer[class*="top aligned"] .modal {

    margin: 5vh auto

}



.scrolling.dimmable.dimmed {

    overflow: hidden

}



.scrolling.dimmable > .dimmer {

    -webkit-box-pack: start;

    justify-content: flex-start

}



.scrolling.dimmable.dimmed > .dimmer {

    overflow: auto;

    -webkit-overflow-scrolling: touch

}



.scrolling.dimmable > .dimmer {

    position: fixed

}



.modals.dimmer .ui.scrolling.modal {

    margin: 1rem auto !important

}



.scrolling.undetached.dimmable.dimmed > .dimmer {

    overflow: hidden

}



.scrolling.undetached.dimmable .ui.scrolling.modal {

    position: absolute;

    left: 50%;

    margin-top: 1rem !important

}



.ui.modal .scrolling.content {

    max-height: calc(70vh);

    overflow: auto

}



.ui.fullscreen.modal {

    width: 95% !important;

    left: 0 !important;

    margin: 1em auto

}



.ui.fullscreen.scrolling.modal {

    left: 0 !important

}



.ui.fullscreen.modal > .header {

    padding-right: 2.25rem

}



.ui.fullscreen.modal > .close {

    top: 1.0535rem;

    right: 1rem;

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

}



.ui.modal {

    font-size: 1rem

}



.ui.mini.modal > .header:not(.ui) {

    font-size: 1.3em

}



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

    .ui.mini.modal {

        width: 95%;

        margin: 0

    }

}



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

    .ui.mini.modal {

        width: 35.2%;

        margin: 0

    }

}



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

    .ui.mini.modal {

        width: 340px;

        margin: 0

    }

}



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

    .ui.mini.modal {

        width: 360px;

        margin: 0

    }

}



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

    .ui.mini.modal {

        width: 380px;

        margin: 0

    }

}



.ui.small.modal > .header:not(.ui) {

    font-size: 1.3em

}



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

    .ui.tiny.modal {

        width: 95%;

        margin: 0

    }

}



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

    .ui.tiny.modal {

        width: 52.8%;

        margin: 0

    }

}



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

    .ui.tiny.modal {

        width: 510px;

        margin: 0

    }

}



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

    .ui.tiny.modal {

        width: 540px;

        margin: 0

    }

}



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

    .ui.tiny.modal {

        width: 570px;

        margin: 0

    }

}



.ui.small.modal > .header:not(.ui) {

    font-size: 1.3em

}



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

    .ui.small.modal {

        width: 95%;

        margin: 0

    }

}



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

    .ui.small.modal {

        width: 70.4%;

        margin: 0

    }

}



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

    .ui.small.modal {

        width: 680px;

        margin: 0

    }

}



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

    .ui.small.modal {

        width: 720px;

        margin: 0

    }

}



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

    .ui.small.modal {

        width: 760px;

        margin: 0

    }

}



.ui.large.modal > .header {

    font-size: 1.6em

}



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

    .ui.large.modal {

        width: 95%;

        margin: 0

    }

}



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

    .ui.large.modal {

        width: 88%;

        margin: 0

    }

}



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

    .ui.large.modal {

        width: 1020px;

        margin: 0

    }

}



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

    .ui.large.modal {

        width: 1080px;

        margin: 0

    }

}



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

    .ui.large.modal {

        width: 1140px;

        margin: 0

    }

}



/*!

 * # Semantic UI 2.3.3 - Nag

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */



.ui.nag > .close.icon {

    cursor: pointer;

    opacity: .4;

    position: absolute;

    top: 50%;

    right: 1em;

    font-size: 1em;

    margin: -.5em 0 0;

    color: #fff;

    -webkit-transition: opacity .2s ease;

    transition: opacity .2s ease

}



.ui.nag .close:hover {

    opacity: 1

}



.ui.inverted.nag .close, .ui.inverted.nags .nag .close {

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

}



/*!

 * # Semantic UI 2.3.3 - Popup

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.popup {

    display: none;

    position: absolute;

    top: 0;

    right: 0;

    min-width: -webkit-min-content;

    min-width: -moz-min-content;

    min-width: min-content;

    z-index: 1900;

    border: 1px solid #d4d4d5;

    line-height: 1.4285em;

    max-width: 250px;

    background: #fff;

    padding: .833em 1em;

    font-weight: 400;

    font-style: normal;

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

    border-radius: .28571429rem;

    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15)

}



.ui.popup > .header {

    padding: 0;

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    font-size: 1.14285714em;

    line-height: 1.2;

    font-weight: 700

}



.ui.popup > .header + .content {

    padding-top: .5em

}



.ui.popup:before {

    position: absolute;

    content: '';

    width: .71428571em;

    height: .71428571em;

    background: #fff;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    z-index: 2;

    box-shadow: 1px 1px 0 0 #bababc

}



.ui.popup {

    margin: 0

}



.ui.top.popup {

    margin: 0 0 .71428571em

}



.ui.top.left.popup {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom

}



.ui.top.center.popup {

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom

}



.ui.top.right.popup {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom

}



.ui.left.center.popup {

    margin: 0 .71428571em 0 0;

    -webkit-transform-origin: right 50%;

    -ms-transform-origin: right 50%;

    transform-origin: right 50%

}



.ui.right.center.popup {

    margin: 0 0 0 .71428571em;

    -webkit-transform-origin: left 50%;

    -ms-transform-origin: left 50%;

    transform-origin: left 50%

}



.ui.bottom.popup {

    margin: .71428571em 0 0

}



.ui.bottom.left.popup {

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top

}



.ui.bottom.center.popup {

    -webkit-transform-origin: center top;

    -ms-transform-origin: center top;

    transform-origin: center top

}



.ui.bottom.right.popup {

    -webkit-transform-origin: right top;

    -ms-transform-origin: right top;

    transform-origin: right top

}



.ui.bottom.center.popup:before {

    margin-left: -.30714286em;

    top: -.30714286em;

    left: 50%;

    right: auto;

    bottom: auto;

    box-shadow: -1px -1px 0 0 #bababc

}



.ui.bottom.left.popup {

    margin-left: 0

}



.ui.bottom.left.popup:before {

    top: -.30714286em;

    left: 1em;

    right: auto;

    bottom: auto;

    margin-left: 0;

    box-shadow: -1px -1px 0 0 #bababc

}



.ui.bottom.right.popup {

    margin-right: 0

}



.ui.bottom.right.popup:before {

    top: -.30714286em;

    right: 1em;

    bottom: auto;

    left: auto;

    margin-left: 0;

    box-shadow: -1px -1px 0 0 #bababc

}



.ui.top.center.popup:before {

    top: auto;

    right: auto;

    bottom: -.30714286em;

    left: 50%;

    margin-left: -.30714286em

}



.ui.top.left.popup {

    margin-left: 0

}



.ui.top.left.popup:before {

    bottom: -.30714286em;

    left: 1em;

    top: auto;

    right: auto;

    margin-left: 0

}



.ui.top.right.popup {

    margin-right: 0

}



.ui.top.right.popup:before {

    bottom: -.30714286em;

    right: 1em;

    top: auto;

    left: auto;

    margin-left: 0

}



.ui.left.center.popup:before {

    top: 50%;

    right: -.30714286em;

    bottom: auto;

    left: auto;

    margin-top: -.30714286em;

    box-shadow: 1px -1px 0 0 #bababc

}



.ui.right.center.popup:before {

    top: 50%;

    left: -.30714286em;

    bottom: auto;

    right: auto;

    margin-top: -.30714286em;

    box-shadow: -1px 1px 0 0 #bababc

}



.ui.bottom.popup:before {

    background: #fff

}



.ui.left.center.popup:before, .ui.right.center.popup:before {

    background: #fff

}



.ui.top.popup:before {

    background: #fff

}



.ui.inverted.bottom.popup:before {

    background: #1b1c1d

}



.ui.inverted.left.center.popup:before, .ui.inverted.right.center.popup:before {

    background: #1b1c1d

}



.ui.inverted.top.popup:before {

    background: #1b1c1d

}



.ui.popup > .ui.grid:not(.padded) {

    width: calc(100% + 1.75rem);

    margin: -.7rem -.875rem

}



.ui.loading.popup {

    display: block;

    visibility: hidden;

    z-index: -1

}



.ui.animating.popup, .ui.visible.popup {

    display: block

}



.ui.visible.popup {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.ui.basic.popup:before {

    display: none

}



.ui.wide.popup {

    max-width: 350px

}



.ui[class*="very wide"].popup {

    max-width: 550px

}



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

    .ui.wide.popup, .ui[class*="very wide"].popup {

        max-width: 250px

    }

}



.ui.fluid.popup {

    width: 100%;

    max-width: none

}



.ui.inverted.popup {

    background: #1b1c1d;

    color: #fff;

    border: none;

    box-shadow: none

}



.ui.inverted.popup .header {

    background-color: none;

    color: #fff

}



.ui.inverted.popup:before {

    background-color: #1b1c1d;

    box-shadow: none !important

}



.ui.flowing.popup {

    max-width: none

}



.ui.mini.popup {

    font-size: .78571429rem

}



.ui.tiny.popup {

    font-size: .85714286rem

}



.ui.small.popup {

    font-size: .92857143rem

}



.ui.popup {

    font-size: 1rem

}



.ui.large.popup {

    font-size: 1.14285714rem

}



.ui.huge.popup {

    font-size: 1.42857143rem

}



/*!

 * # Semantic UI 2.3.3 - Progress Bar

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */



@-webkit-keyframes progress-active {

    0% {

        opacity: .3;

        width: 0

    }

    100% {

        opacity: 0;

        width: 100%

    }

}



@keyframes progress-active {

    0% {

        opacity: .3;

        width: 0

    }

    100% {

        opacity: 0;

        width: 100%

    }

}



/*!

 * # Semantic UI 2.3.3 - Rating

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.rating {

    display: -webkit-inline-box;

    display: inline-flex;

    white-space: nowrap;

    vertical-align: baseline

}



.ui.rating:last-child {

    margin-right: 0

}



.ui.rating .icon {

    padding: 0;

    margin: 0;

    text-align: center;

    font-weight: 400;

    font-style: normal;

    -webkit-box-flex: 1;

    flex: 1 0 auto;

    cursor: pointer;

    width: 1.25em;

    height: auto;

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

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

}



.ui.rating .icon {

    background: 0 0;

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

}



.ui.rating .active.icon {

    background: 0 0;

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

}



.ui.rating .icon.selected, .ui.rating .icon.selected.active {

    background: 0 0;

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

}



.ui.heart.rating .icon {

    width: 1.4em;

    height: auto;

    background: 0 0;

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

    text-shadow: none !important

}



.ui.heart.rating .active.icon {

    background: 0 0 !important;

    color: #ff6d75 !important;

    text-shadow: 0 -1px 0 #cd0707, -1px 0 0 #cd0707, 0 1px 0 #cd0707, 1px 0 0 #cd0707 !important

}



.ui.heart.rating .icon.selected, .ui.heart.rating .icon.selected.active {

    background: 0 0 !important;

    color: #ff3000 !important;

    text-shadow: 0 -1px 0 #aa0101, -1px 0 0 #aa0101, 0 1px 0 #aa0101, 1px 0 0 #aa0101 !important

}



.ui.disabled.rating .icon {

    cursor: default

}



.ui.rating.selected .active.icon {

    opacity: 1

}



.ui.rating .icon.selected, .ui.rating.selected .icon.selected {

    opacity: 1

}



.ui.tiny.rating {

    font-size: .85714286rem

}



.ui.small.rating {

    font-size: .92857143rem

}



.ui.rating {

    font-size: 1rem

}



.ui.large.rating {

    font-size: 1.14285714rem

}



@font-face {

    font-family: Rating;

    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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kIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOE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) format('woff');

    font-weight: 400;

    font-style: normal

}



.ui.rating .icon {

    font-family: Rating;

    line-height: 1;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    font-weight: 400;

    font-style: normal;

    text-align: center

}



.ui.rating .icon:before {

    content: '\f005'

}



.ui.rating .active.icon:before {

    content: '\f005'

}



.ui.heart.rating .icon:before {

    content: '\f004'

}



.ui.heart.rating .active.icon:before {

    content: '\f004'

}



/*!

 * # Semantic UI 2.3.3 - Search

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */



.ui.search > .prompt {

    margin: 0;

    outline: 0;

    -webkit-appearance: none;

    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

    text-shadow: none;

    font-style: normal;

    font-weight: 400;

    line-height: 1.21428571em;

    padding: .67857143em 1em;

    font-size: 1em;

    background: #fff;

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

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

    box-shadow: 0 0 0 0 transparent inset;

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

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

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

}



.ui.search .prompt {

    border-radius: 500rem

}



.ui.search .prompt ~ .search.icon {

    cursor: pointer;

    right: 0;

    left: auto;

}



.ui.search > .results {

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

    -webkit-transform-origin: center top;

    -ms-transform-origin: center top;

    transform-origin: center top;

    white-space: normal;

    background: #fff;

    margin-top: .5em;

    width: 18em;

    border-radius: .28571429rem;

    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);

    border: 1px solid #d4d4d5;

    z-index: 998

}



.ui.search > .results > :first-child {

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

}



.ui.search > .results > :last-child {

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

}



.ui.search > .results .result {

    cursor: pointer;

    display: block;

    overflow: hidden;

    font-size: 1em;

    padding: .85714286em 1.14285714em;

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

    line-height: 1.33;

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

}



.ui.search > .results .result:last-child {

    border-bottom: none !important

}



.ui.search > .results .result .image {

    float: right;

    overflow: hidden;

    background: 0 0;

    width: 5em;

    height: 3em;

    border-radius: .25em

}



.ui.search > .results .result .image img {

    display: block;

    width: auto;

    height: 100%

}



.ui.search > .results .result .image + .content {

    margin: 0 6em 0 0

}



.ui.search > .results .result .title {

    margin: -.14285714em 0 0;

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    font-weight: 700;

    font-size: 1em;

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

}



.ui.search > .results .result .description {

    margin-top: 0;

    font-size: .92857143em;

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

}



.ui.search > .results .result .price {

    float: right;

    color: #21ba45

}



.ui.search > .results > .message {

    padding: 1em 1em

}



.ui.search > .results > .message .header {

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    font-size: 1rem;

    font-weight: 700;

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

}



.ui.search > .results > .message .description {

    margin-top: .25rem;

    font-size: 1em;

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

}



.ui.search > .results > .action {

    display: block;

    border-top: none;

    background: #f3f4f5;

    padding: .92857143em 1em;

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

    font-weight: 700;

    text-align: center

}



.ui.search > .prompt:focus {

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

    background: #fff;

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

}



.ui.loading.search .input > i.icon:before {

    position: absolute;

    content: '';

    top: 50%;

    left: 50%;

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

    width: 1.28571429em;

    height: 1.28571429em;

    border-radius: 500rem;

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

}



.ui.loading.search .input > i.icon:after {

    position: absolute;

    content: '';

    top: 50%;

    left: 50%;

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

    width: 1.28571429em;

    height: 1.28571429em;

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

    animation: button-spin .6s linear;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    border-radius: 500rem;

    border-color: #767676 transparent transparent;

    border-style: solid;

    border-width: .2em;

    box-shadow: 0 0 0 1px transparent

}



.ui.category.search > .results .category .result:hover, .ui.search > .results .result:hover {

    background: #f9fafb

}



.ui.search .action:hover {

    background: #e0e0e0

}



.ui.category.search > .results .category.active {

    background: #f3f4f5

}



.ui.category.search > .results .category.active > .name {

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

}



.ui.category.search > .results .category .result.active, .ui.search > .results .result.active {

    position: relative;

    border-left-color: rgba(34, 36, 38, .1);

    background: #f3f4f5;

    box-shadow: none

}



.ui.search > .results .result.active .title {

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

}



.ui.search > .results .result.active .description {

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

}



.ui.disabled.search {

    cursor: default;

    pointer-events: none;

    opacity: .45

}



.ui.search.selection .prompt {

    border-radius: .28571429rem

}



.ui.search.selection > .icon.input > .remove.icon {

    pointer-events: none;

    position: absolute;

    left: auto;

    opacity: 0;

    color: '';

    top: 0;

    right: 0;

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

    transition: color .1s ease, opacity .1s ease

}



.ui.search.selection > .icon.input > .active.remove.icon {

    cursor: pointer;

    opacity: .8;

    pointer-events: auto

}



.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {

    right: 1.85714em

}



.ui.search.selection > .icon.input > .remove.icon:hover {

    opacity: 1;

    color: #db2828

}



.ui.category.search .results {

    width: 28em

}



.ui.category.search .results.animating, .ui.category.search .results.visible {

    display: table

}



.ui.category.search > .results .category {

    display: table-row;

    background: #f3f4f5;

    box-shadow: none;

    -webkit-transition: background .1s ease, border-color .1s ease;

    transition: background .1s ease, border-color .1s ease

}



.ui.category.search > .results .category:last-child {

    border-bottom: none

}



.ui.category.search > .results .category:first-child .name + .result {

    border-radius: 0 .28571429rem 0 0

}



.ui.category.search > .results .category:last-child .result:last-child {

    border-radius: 0 0 .28571429rem 0

}



.ui.category.search > .results .category > .name {

    display: table-cell;

    text-overflow: ellipsis;

    width: 100px;

    white-space: nowrap;

    background: 0 0;

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    font-size: 1em;

    padding: .4em 1em;

    font-weight: 700;

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

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

}



.ui.category.search > .results .category .results {

    display: table-cell;

    background: #fff;

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

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

}



.ui.category.search > .results .category .result {

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

    -webkit-transition: background .1s ease, border-color .1s ease;

    transition: background .1s ease, border-color .1s ease;

    padding: .85714286em 1.14285714em

}



.ui[class*="left aligned"].search > .results {

    right: auto;

    left: 0

}



.ui[class*="right aligned"].search > .results {

    right: 0;

    left: auto

}



.ui.fluid.search .results {

    width: 100%

}



.ui.mini.search {

    font-size: .78571429em

}



.ui.small.search {

    font-size: .92857143em

}



.ui.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

}



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

    .ui.search .results {

        max-width: calc(100vw - 2rem)

    }

}



/*!

 * # Semantic UI 2.3.3 - Shape

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.shape {

    position: relative;

    vertical-align: top;

    display: inline-block;

    -webkit-perspective: 2000px;

    perspective: 2000px;

    -webkit-transition: left .6s ease-in-out, width .6s ease-in-out, height .6s ease-in-out, -webkit-transform .6s ease-in-out;

    transition: left .6s ease-in-out, width .6s ease-in-out, height .6s ease-in-out, -webkit-transform .6s ease-in-out;

    transition: transform .6s ease-in-out, left .6s ease-in-out, width .6s ease-in-out, height .6s ease-in-out;

    transition: transform .6s ease-in-out, left .6s ease-in-out, width .6s ease-in-out, height .6s ease-in-out, -webkit-transform .6s ease-in-out

}



.ui.loading.shape {

    position: absolute;

    top: -9999px;

    left: -9999px

}



/*!

 * # Semantic UI 2.3.3 - Sidebar

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.sidebar {

    position: fixed;

    top: 0;

    left: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition: none;

    transition: none;

    will-change: transform;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    visibility: hidden;

    -webkit-overflow-scrolling: touch;

    height: 100% !important;

    max-height: 100%;

    border-radius: 0 !important;

    margin: 0 !important;

    overflow-y: auto !important;

    z-index: 102

}



.ui.sidebar > * {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.ui.left.sidebar {

    right: auto;

    left: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

}



.ui.right.sidebar {

    right: 0 !important;

    left: auto !important;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

}



.ui.bottom.sidebar, .ui.top.sidebar {

    width: 100% !important;

    height: auto !important

}



.ui.top.sidebar {

    top: 0 !important;

    bottom: auto !important;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0)

}



.ui.bottom.sidebar {

    top: auto !important;

    bottom: 0 !important;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0)

}



 .pushable:not(body) > .ui.sidebar {

    position: absolute

}



.ui.sidebar.menu .item {

    border-radius: 0 !important

}



.ui.animating.sidebar {

    visibility: visible

}



.ui.visible.sidebar {

    visibility: visible;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.ui.left.visible.sidebar, .ui.right.visible.sidebar {

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

}



.ui.bottom.visible.sidebar, .ui.top.visible.sidebar {

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

}



.ui.visible.left.sidebar ~ .fixed, .ui.visible.left.sidebar ~ .pusher {

    -webkit-transform: translate3d(260px, 0, 0);

    transform: translate3d(260px, 0, 0)

}



.ui.visible.right.sidebar ~ .fixed, .ui.visible.right.sidebar ~ .pusher {

    -webkit-transform: translate3d(-260px, 0, 0);

    transform: translate3d(-260px, 0, 0)

}



.ui.visible.top.sidebar ~ .fixed, .ui.visible.top.sidebar ~ .pusher {

    -webkit-transform: translate3d(0, 36px, 0);

    transform: translate3d(0, 36px, 0)

}



.ui.visible.bottom.sidebar ~ .fixed, .ui.visible.bottom.sidebar ~ .pusher {

    -webkit-transform: translate3d(0, -36px, 0);

    transform: translate3d(0, -36px, 0)

}



.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed, .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher, .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed, .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.ui.thin.left.sidebar, .ui.thin.right.sidebar {

    width: 150px

}



.ui[class*="very thin"].left.sidebar, .ui[class*="very thin"].right.sidebar {

    width: 60px

}



.ui.left.sidebar, .ui.right.sidebar {

    width: 260px

}



.ui.wide.left.sidebar, .ui.wide.right.sidebar {

    width: 350px

}



.ui[class*="very wide"].left.sidebar, .ui[class*="very wide"].right.sidebar {

    width: 475px

}



.ui.visible.thin.left.sidebar ~ .fixed, .ui.visible.thin.left.sidebar ~ .pusher {

    -webkit-transform: translate3d(150px, 0, 0);

    transform: translate3d(150px, 0, 0)

}



.ui.visible[class*="very thin"].left.sidebar ~ .fixed, .ui.visible[class*="very thin"].left.sidebar ~ .pusher {

    -webkit-transform: translate3d(60px, 0, 0);

    transform: translate3d(60px, 0, 0)

}



.ui.visible.wide.left.sidebar ~ .fixed, .ui.visible.wide.left.sidebar ~ .pusher {

    -webkit-transform: translate3d(350px, 0, 0);

    transform: translate3d(350px, 0, 0)

}



.ui.visible[class*="very wide"].left.sidebar ~ .fixed, .ui.visible[class*="very wide"].left.sidebar ~ .pusher {

    -webkit-transform: translate3d(475px, 0, 0);

    transform: translate3d(475px, 0, 0)

}



.ui.visible.thin.right.sidebar ~ .fixed, .ui.visible.thin.right.sidebar ~ .pusher {

    -webkit-transform: translate3d(-150px, 0, 0);

    transform: translate3d(-150px, 0, 0)

}



.ui.visible[class*="very thin"].right.sidebar ~ .fixed, .ui.visible[class*="very thin"].right.sidebar ~ .pusher {

    -webkit-transform: translate3d(-60px, 0, 0);

    transform: translate3d(-60px, 0, 0)

}



.ui.visible.wide.right.sidebar ~ .fixed, .ui.visible.wide.right.sidebar ~ .pusher {

    -webkit-transform: translate3d(-350px, 0, 0);

    transform: translate3d(-350px, 0, 0)

}



.ui.visible[class*="very wide"].right.sidebar ~ .fixed, .ui.visible[class*="very wide"].right.sidebar ~ .pusher {

    -webkit-transform: translate3d(-475px, 0, 0);

    transform: translate3d(-475px, 0, 0)

}



.ui.overlay.sidebar {

    z-index: 102

}



.ui.left.overlay.sidebar {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

}



.ui.right.overlay.sidebar {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

}



.ui.top.overlay.sidebar {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0)

}



.ui.bottom.overlay.sidebar {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0)

}



.animating.ui.overlay.sidebar, .ui.visible.overlay.sidebar {

    -webkit-transition: -webkit-transform .5s ease;

    transition: -webkit-transform .5s ease;

    transition: transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease

}



.ui.visible.left.overlay.sidebar {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.ui.visible.right.overlay.sidebar {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.ui.visible.top.overlay.sidebar {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.ui.visible.bottom.overlay.sidebar {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.ui.visible.overlay.sidebar ~ .fixed, .ui.visible.overlay.sidebar ~ .pusher {

    -webkit-transform: none !important;

    -ms-transform: none !important;

    transform: none !important

}



.ui.push.sidebar {

    -webkit-transition: -webkit-transform .5s ease;

    transition: -webkit-transform .5s ease;

    transition: transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease;

    z-index: 102

}



.ui.left.push.sidebar {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

}



.ui.right.push.sidebar {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

}



.ui.top.push.sidebar {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0)

}



.ui.bottom.push.sidebar {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0)

}



.ui.visible.push.sidebar {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.ui.uncover.sidebar {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    z-index: 1

}



.ui.visible.uncover.sidebar {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-transition: -webkit-transform .5s ease;

    transition: -webkit-transform .5s ease;

    transition: transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease

}



.ui.slide.along.sidebar {

    z-index: 1

}



.ui.left.slide.along.sidebar {

    -webkit-transform: translate3d(-50%, 0, 0);

    transform: translate3d(-50%, 0, 0)

}



.ui.right.slide.along.sidebar {

    -webkit-transform: translate3d(50%, 0, 0);

    transform: translate3d(50%, 0, 0)

}



.ui.top.slide.along.sidebar {

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0)

}



.ui.bottom.slide.along.sidebar {

    -webkit-transform: translate3d(0, 50%, 0);

    transform: translate3d(0, 50%, 0)

}



.ui.animating.slide.along.sidebar {

    -webkit-transition: -webkit-transform .5s ease;

    transition: -webkit-transform .5s ease;

    transition: transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease

}



.ui.visible.slide.along.sidebar {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.ui.slide.out.sidebar {

    z-index: 1

}



.ui.left.slide.out.sidebar {

    -webkit-transform: translate3d(50%, 0, 0);

    transform: translate3d(50%, 0, 0)

}



.ui.right.slide.out.sidebar {

    -webkit-transform: translate3d(-50%, 0, 0);

    transform: translate3d(-50%, 0, 0)

}



.ui.top.slide.out.sidebar {

    -webkit-transform: translate3d(0, 50%, 0);

    transform: translate3d(0, 50%, 0)

}



.ui.bottom.slide.out.sidebar {

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0)

}



.ui.animating.slide.out.sidebar {

    -webkit-transition: -webkit-transform .5s ease;

    transition: -webkit-transform .5s ease;

    transition: transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease

}



.ui.visible.slide.out.sidebar {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.ui.scale.down.sidebar {

    -webkit-transition: -webkit-transform .5s ease;

    transition: -webkit-transform .5s ease;

    transition: transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease;

    z-index: 102

}



.ui.left.scale.down.sidebar {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

}



.ui.right.scale.down.sidebar {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

}



.ui.top.scale.down.sidebar {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0)

}



.ui.bottom.scale.down.sidebar {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0)

}



.ui.scale.down.left.sidebar ~ .pusher {

    -webkit-transform-origin: 75% 50%;

    -ms-transform-origin: 75% 50%;

    transform-origin: 75% 50%

}



.ui.scale.down.right.sidebar ~ .pusher {

    -webkit-transform-origin: 25% 50%;

    -ms-transform-origin: 25% 50%;

    transform-origin: 25% 50%

}



.ui.scale.down.top.sidebar ~ .pusher {

    -webkit-transform-origin: 50% 75%;

    -ms-transform-origin: 50% 75%;

    transform-origin: 50% 75%

}



.ui.scale.down.bottom.sidebar ~ .pusher {

    -webkit-transform-origin: 50% 25%;

    -ms-transform-origin: 50% 25%;

    transform-origin: 50% 25%

}



.ui.animating.scale.down > .visible.ui.sidebar {

    -webkit-transition: -webkit-transform .5s ease;

    transition: -webkit-transform .5s ease;

    transition: transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease

}



.ui.animating.scale.down.sidebar ~ .pusher, .ui.visible.scale.down.sidebar ~ .pusher {

    display: block !important;

    width: 100%;

    height: 100%;

    overflow: hidden !important

}



.ui.visible.scale.down.sidebar {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.ui.visible.scale.down.sidebar ~ .pusher {

    -webkit-transform: scale(.75);

    -ms-transform: scale(.75);

    transform: scale(.75)

}



/*!

 * # Semantic UI 2.3.3 - Sticky

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.sticky {

    position: static;

    -webkit-transition: none;

    transition: none;

    z-index: 800

}



.ui.sticky.fixed {

    position: fixed;

    left: auto;

    right: auto

}



 .ui.sticky.fixed.top {

    top: 0;

    bottom: auto

}



 .ui.sticky.fixed.bottom {

    top: auto;

    bottom: 0

}



.ui.native.sticky {

    position: -webkit-sticky;

    position: -moz-sticky;

    position: -ms-sticky;

    position: -o-sticky;

    position: sticky

}



/*!

 * # Semantic UI 2.3.3 - Tab

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.ui.tab {

    display: none

}



.ui.tab.active, .ui.tab.open {

    display: block

}



.ui.tab.loading {

    position: relative;

    overflow: hidden;

    display: block;

    min-height: 250px

}



.ui.tab.loading * {

    position: relative !important;

    left: -10000px !important

}



 .ui.tab.loading:before {

    position: absolute;

    content: '';

    top: 100px;

    left: 50%;

    margin: -1.25em 0 0 -1.25em;

    width: 2.5em;

    height: 2.5em;

    border-radius: 500rem;

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

}



 .ui.tab.loading:after {

    position: absolute;

    content: '';

    top: 100px;

    left: 50%;

    margin: -1.25em 0 0 -1.25em;

    width: 2.5em;

    height: 2.5em;

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

    animation: button-spin .6s linear;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    border-radius: 500rem;

    border-color: #767676 transparent transparent;

    border-style: solid;

    border-width: .2em;

    box-shadow: 0 0 0 1px transparent

}



/*!

 * # Semantic UI 2.3.3 - Transition

 * http://github.com/semantic-org/semantic-ui/

 *

 *

 * Released under the MIT license

 * http://opensource.org/licenses/MIT

 *

 */

.transition {

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-timing-function: ease;

    animation-timing-function: ease;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



.animating.transition {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    visibility: visible !important

}



.loading.transition {

    position: absolute;

    top: -99999px;

    left: -99999px

}



.hidden.transition {

    display: none;

    visibility: hidden

}



.visible.transition {

    display: block !important;

    visibility: visible !important

}



.disabled.transition {

    -webkit-animation-play-state: paused;

    animation-play-state: paused

}



.looping.transition {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite

}



.transition.browse {

    -webkit-animation-duration: .5s;

    animation-duration: .5s

}



.transition.browse.in {

    -webkit-animation-name: browseIn;

    animation-name: browseIn

}



.transition.browse.left.out, .transition.browse.out {

    -webkit-animation-name: browseOutLeft;

    animation-name: browseOutLeft

}



.transition.browse.right.out {

    -webkit-animation-name: browseOutRight;

    animation-name: browseOutRight

}



@-webkit-keyframes browseIn {

    0% {

        -webkit-transform: scale(.8) translateZ(0);

        transform: scale(.8) translateZ(0);

        z-index: -1

    }

    10% {

        -webkit-transform: scale(.8) translateZ(0);

        transform: scale(.8) translateZ(0);

        z-index: -1;

        opacity: .7

    }

    80% {

        -webkit-transform: scale(1.05) translateZ(0);

        transform: scale(1.05) translateZ(0);

        opacity: 1;

        z-index: 999

    }

    100% {

        -webkit-transform: scale(1) translateZ(0);

        transform: scale(1) translateZ(0);

        z-index: 999

    }

}



@keyframes browseIn {

    0% {

        -webkit-transform: scale(.8) translateZ(0);

        transform: scale(.8) translateZ(0);

        z-index: -1

    }

    10% {

        -webkit-transform: scale(.8) translateZ(0);

        transform: scale(.8) translateZ(0);

        z-index: -1;

        opacity: .7

    }

    80% {

        -webkit-transform: scale(1.05) translateZ(0);

        transform: scale(1.05) translateZ(0);

        opacity: 1;

        z-index: 999

    }

    100% {

        -webkit-transform: scale(1) translateZ(0);

        transform: scale(1) translateZ(0);

        z-index: 999

    }

}



@-webkit-keyframes browseOutLeft {

    0% {

        z-index: 999;

        -webkit-transform: translateX(0) rotateY(0) rotateX(0);

        transform: translateX(0) rotateY(0) rotateX(0)

    }

    50% {

        z-index: -1;

        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);

        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)

    }

    80% {

        opacity: 1

    }

    100% {

        z-index: -1;

        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);

        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);

        opacity: 0

    }

}



@keyframes browseOutLeft {

    0% {

        z-index: 999;

        -webkit-transform: translateX(0) rotateY(0) rotateX(0);

        transform: translateX(0) rotateY(0) rotateX(0)

    }

    50% {

        z-index: -1;

        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);

        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)

    }

    80% {

        opacity: 1

    }

    100% {

        z-index: -1;

        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);

        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);

        opacity: 0

    }

}



@-webkit-keyframes browseOutRight {

    0% {

        z-index: 999;

        -webkit-transform: translateX(0) rotateY(0) rotateX(0);

        transform: translateX(0) rotateY(0) rotateX(0)

    }

    50% {

        z-index: 1;

        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);

        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)

    }

    80% {

        opacity: 1

    }

    100% {

        z-index: 1;

        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);

        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);

        opacity: 0

    }

}



@keyframes browseOutRight {

    0% {

        z-index: 999;

        -webkit-transform: translateX(0) rotateY(0) rotateX(0);

        transform: translateX(0) rotateY(0) rotateX(0)

    }

    50% {

        z-index: 1;

        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);

        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)

    }

    80% {

        opacity: 1

    }

    100% {

        z-index: 1;

        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);

        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);

        opacity: 0

    }

}



.drop.transition {

    -webkit-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center;

    -webkit-animation-duration: .4s;

    animation-duration: .4s;

    -webkit-animation-timing-function: cubic-bezier(.34, 1.61, .7, 1);

    animation-timing-function: cubic-bezier(.34, 1.61, .7, 1)

}



.drop.transition.in {

    -webkit-animation-name: dropIn;

    animation-name: dropIn

}



.drop.transition.out {

    -webkit-animation-name: dropOut;

    animation-name: dropOut

}



@-webkit-keyframes dropIn {

    0% {

        opacity: 0;

        -webkit-transform: scale(0);

        transform: scale(0)

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes dropIn {

    0% {

        opacity: 0;

        -webkit-transform: scale(0);

        transform: scale(0)

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@-webkit-keyframes dropOut {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(0);

        transform: scale(0)

    }

}



@keyframes dropOut {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(0);

        transform: scale(0)

    }

}



.transition.fade.in {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn

}



.transition[class*="fade up"].in {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.transition[class*="fade down"].in {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown

}



.transition[class*="fade left"].in {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft

}



.transition[class*="fade right"].in {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight

}



.transition.fade.out {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut

}



.transition[class*="fade up"].out {

    -webkit-animation-name: fadeOutUp;

    animation-name: fadeOutUp

}



.transition[class*="fade down"].out {

    -webkit-animation-name: fadeOutDown;

    animation-name: fadeOutDown

}



.transition[class*="fade left"].out {

    -webkit-animation-name: fadeOutLeft;

    animation-name: fadeOutLeft

}



.transition[class*="fade right"].out {

    -webkit-animation-name: fadeOutRight;

    animation-name: fadeOutRight

}



@-webkit-keyframes fadeIn {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}



@keyframes fadeIn {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}



@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(10%);

        transform: translateY(10%)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(10%);

        transform: translateY(10%)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

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

        transform: translateY(-10%)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@keyframes fadeInDown {

    0% {

        opacity: 0;

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

        transform: translateY(-10%)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@-webkit-keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translateX(10%);

        transform: translateX(10%)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

}



@keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translateX(10%);

        transform: translateX(10%)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

}



@-webkit-keyframes fadeInRight {

    0% {

        opacity: 0;

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

        transform: translateX(-10%)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

}



@keyframes fadeInRight {

    0% {

        opacity: 0;

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

        transform: translateX(-10%)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

}



@-webkit-keyframes fadeOut {

    0% {

        opacity: 1

    }

    100% {

        opacity: 0

    }

}



@keyframes fadeOut {

    0% {

        opacity: 1

    }

    100% {

        opacity: 0

    }

}



@-webkit-keyframes fadeOutUp {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translateY(5%);

        transform: translateY(5%)

    }

}



@keyframes fadeOutUp {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translateY(5%);

        transform: translateY(5%)

    }

}



@-webkit-keyframes fadeOutDown {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    100% {

        opacity: 0;

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

        transform: translateY(-5%)

    }

}



@keyframes fadeOutDown {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    100% {

        opacity: 0;

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

        transform: translateY(-5%)

    }

}



@-webkit-keyframes fadeOutLeft {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translateX(5%);

        transform: translateX(5%)

    }

}



@keyframes fadeOutLeft {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translateX(5%);

        transform: translateX(5%)

    }

}



@-webkit-keyframes fadeOutRight {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    100% {

        opacity: 0;

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

        transform: translateX(-5%)

    }

}



@keyframes fadeOutRight {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    100% {

        opacity: 0;

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

        transform: translateX(-5%)

    }

}



.flip.transition.in, .flip.transition.out {

    -webkit-animation-duration: .6s;

    animation-duration: .6s

}



.horizontal.flip.transition.in {

    -webkit-animation-name: horizontalFlipIn;

    animation-name: horizontalFlipIn

}



.horizontal.flip.transition.out {

    -webkit-animation-name: horizontalFlipOut;

    animation-name: horizontalFlipOut

}



.vertical.flip.transition.in {

    -webkit-animation-name: verticalFlipIn;

    animation-name: verticalFlipIn

}



.vertical.flip.transition.out {

    -webkit-animation-name: verticalFlipOut;

    animation-name: verticalFlipOut

}



@-webkit-keyframes horizontalFlipIn {

    0% {

        -webkit-transform: perspective(2000px) rotateY(-90deg);

        transform: perspective(2000px) rotateY(-90deg);

        opacity: 0

    }

    100% {

        -webkit-transform: perspective(2000px) rotateY(0);

        transform: perspective(2000px) rotateY(0);

        opacity: 1

    }

}



@keyframes horizontalFlipIn {

    0% {

        -webkit-transform: perspective(2000px) rotateY(-90deg);

        transform: perspective(2000px) rotateY(-90deg);

        opacity: 0

    }

    100% {

        -webkit-transform: perspective(2000px) rotateY(0);

        transform: perspective(2000px) rotateY(0);

        opacity: 1

    }

}



@-webkit-keyframes verticalFlipIn {

    0% {

        -webkit-transform: perspective(2000px) rotateX(-90deg);

        transform: perspective(2000px) rotateX(-90deg);

        opacity: 0

    }

    100% {

        -webkit-transform: perspective(2000px) rotateX(0);

        transform: perspective(2000px) rotateX(0);

        opacity: 1

    }

}



@keyframes verticalFlipIn {

    0% {

        -webkit-transform: perspective(2000px) rotateX(-90deg);

        transform: perspective(2000px) rotateX(-90deg);

        opacity: 0

    }

    100% {

        -webkit-transform: perspective(2000px) rotateX(0);

        transform: perspective(2000px) rotateX(0);

        opacity: 1

    }

}



@-webkit-keyframes horizontalFlipOut {

    0% {

        -webkit-transform: perspective(2000px) rotateY(0);

        transform: perspective(2000px) rotateY(0);

        opacity: 1

    }

    100% {

        -webkit-transform: perspective(2000px) rotateY(90deg);

        transform: perspective(2000px) rotateY(90deg);

        opacity: 0

    }

}



@keyframes horizontalFlipOut {

    0% {

        -webkit-transform: perspective(2000px) rotateY(0);

        transform: perspective(2000px) rotateY(0);

        opacity: 1

    }

    100% {

        -webkit-transform: perspective(2000px) rotateY(90deg);

        transform: perspective(2000px) rotateY(90deg);

        opacity: 0

    }

}



@-webkit-keyframes verticalFlipOut {

    0% {

        -webkit-transform: perspective(2000px) rotateX(0);

        transform: perspective(2000px) rotateX(0);

        opacity: 1

    }

    100% {

        -webkit-transform: perspective(2000px) rotateX(-90deg);

        transform: perspective(2000px) rotateX(-90deg);

        opacity: 0

    }

}



@keyframes verticalFlipOut {

    0% {

        -webkit-transform: perspective(2000px) rotateX(0);

        transform: perspective(2000px) rotateX(0);

        opacity: 1

    }

    100% {

        -webkit-transform: perspective(2000px) rotateX(-90deg);

        transform: perspective(2000px) rotateX(-90deg);

        opacity: 0

    }

}



.scale.transition.in {

    -webkit-animation-name: scaleIn;

    animation-name: scaleIn

}



.scale.transition.out {

    -webkit-animation-name: scaleOut;

    animation-name: scaleOut

}



@-webkit-keyframes scaleIn {

    0% {

        opacity: 0;

        -webkit-transform: scale(.8);

        transform: scale(.8)

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes scaleIn {

    0% {

        opacity: 0;

        -webkit-transform: scale(.8);

        transform: scale(.8)

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@-webkit-keyframes scaleOut {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(.9);

        transform: scale(.9)

    }

}



@keyframes scaleOut {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(.9);

        transform: scale(.9)

    }

}



.transition.fly {

    -webkit-animation-duration: .6s;

    animation-duration: .6s;

    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);

    transition-timing-function: cubic-bezier(.215, .61, .355, 1)

}



.transition.fly.in {

    -webkit-animation-name: flyIn;

    animation-name: flyIn

}



.transition[class*="fly up"].in {

    -webkit-animation-name: flyInUp;

    animation-name: flyInUp

}



.transition[class*="fly down"].in {

    -webkit-animation-name: flyInDown;

    animation-name: flyInDown

}



.transition[class*="fly left"].in {

    -webkit-animation-name: flyInLeft;

    animation-name: flyInLeft

}



.transition[class*="fly right"].in {

    -webkit-animation-name: flyInRight;

    animation-name: flyInRight

}



.transition.fly.out {

    -webkit-animation-name: flyOut;

    animation-name: flyOut

}



.transition[class*="fly up"].out {

    -webkit-animation-name: flyOutUp;

    animation-name: flyOutUp

}



.transition[class*="fly down"].out {

    -webkit-animation-name: flyOutDown;

    animation-name: flyOutDown

}



.transition[class*="fly left"].out {

    -webkit-animation-name: flyOutLeft;

    animation-name: flyOutLeft

}



.transition[class*="fly right"].out {

    -webkit-animation-name: flyOutRight;

    animation-name: flyOutRight

}



@-webkit-keyframes flyIn {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }

    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@keyframes flyIn {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }

    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@-webkit-keyframes flyInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 1500px, 0);

        transform: translate3d(0, 1500px, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0)

    }

    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes flyInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 1500px, 0);

        transform: translate3d(0, 1500px, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0)

    }

    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@-webkit-keyframes flyInDown {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -1500px, 0);

        transform: translate3d(0, -1500px, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0)

    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0)

    }

    100% {

        -webkit-transform: none;

        transform: none

    }

}



@keyframes flyInDown {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -1500px, 0);

        transform: translate3d(0, -1500px, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0)

    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0)

    }

    100% {

        -webkit-transform: none;

        transform: none

    }

}



@-webkit-keyframes flyInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(1500px, 0, 0);

        transform: translate3d(1500px, 0, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0)

    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0)

    }

    100% {

        -webkit-transform: none;

        transform: none

    }

}



@keyframes flyInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(1500px, 0, 0);

        transform: translate3d(1500px, 0, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0)

    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0)

    }

    100% {

        -webkit-transform: none;

        transform: none

    }

}



@-webkit-keyframes flyInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-1500px, 0, 0);

        transform: translate3d(-1500px, 0, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0)

    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0)

    }

    100% {

        -webkit-transform: none;

        transform: none

    }

}



@keyframes flyInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-1500px, 0, 0);

        transform: translate3d(-1500px, 0, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0)

    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0)

    }

    100% {

        -webkit-transform: none;

        transform: none

    }

}



@-webkit-keyframes flyOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }

    50%, 55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }

    100% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

}



@keyframes flyOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }

    50%, 55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }

    100% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

}



@-webkit-keyframes flyOutUp {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }

    40%, 45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

}



@keyframes flyOutUp {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }

    40%, 45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

}



@-webkit-keyframes flyOutDown {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }

    40%, 45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

}



@keyframes flyOutDown {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }

    40%, 45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

}



@-webkit-keyframes flyOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

}



@keyframes flyOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

}



@-webkit-keyframes flyOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

}



@keyframes flyOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

}



.transition.slide.in, .transition[class*="slide down"].in {

    -webkit-animation-name: slideInY;

    animation-name: slideInY;

    -webkit-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center

}



.transition[class*="slide up"].in {

    -webkit-animation-name: slideInY;

    animation-name: slideInY;

    -webkit-transform-origin: bottom center;

    -ms-transform-origin: bottom center;

    transform-origin: bottom center

}



.transition[class*="slide left"].in {

    -webkit-animation-name: slideInX;

    animation-name: slideInX;

    -webkit-transform-origin: center right;

    -ms-transform-origin: center right;

    transform-origin: center right

}



.transition[class*="slide right"].in {

    -webkit-animation-name: slideInX;

    animation-name: slideInX;

    -webkit-transform-origin: center left;

    -ms-transform-origin: center left;

    transform-origin: center left

}



.transition.slide.out, .transition[class*="slide down"].out {

    -webkit-animation-name: slideOutY;

    animation-name: slideOutY;

    -webkit-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center

}



.transition[class*="slide up"].out {

    -webkit-animation-name: slideOutY;

    animation-name: slideOutY;

    -webkit-transform-origin: bottom center;

    -ms-transform-origin: bottom center;

    transform-origin: bottom center

}



.transition[class*="slide left"].out {

    -webkit-animation-name: slideOutX;

    animation-name: slideOutX;

    -webkit-transform-origin: center right;

    -ms-transform-origin: center right;

    transform-origin: center right

}



.transition[class*="slide right"].out {

    -webkit-animation-name: slideOutX;

    animation-name: slideOutX;

    -webkit-transform-origin: center left;

    -ms-transform-origin: center left;

    transform-origin: center left

}



@-webkit-keyframes slideInY {

    0% {

        opacity: 0;

        -webkit-transform: scaleY(0);

        transform: scaleY(0)

    }

    100% {

        opacity: 1;

        -webkit-transform: scaleY(1);

        transform: scaleY(1)

    }

}



@keyframes slideInY {

    0% {

        opacity: 0;

        -webkit-transform: scaleY(0);

        transform: scaleY(0)

    }

    100% {

        opacity: 1;

        -webkit-transform: scaleY(1);

        transform: scaleY(1)

    }

}



@-webkit-keyframes slideInX {

    0% {

        opacity: 0;

        -webkit-transform: scaleX(0);

        transform: scaleX(0)

    }

    100% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



@keyframes slideInX {

    0% {

        opacity: 0;

        -webkit-transform: scaleX(0);

        transform: scaleX(0)

    }

    100% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



@-webkit-keyframes slideOutY {

    0% {

        opacity: 1;

        -webkit-transform: scaleY(1);

        transform: scaleY(1)

    }

    100% {

        opacity: 0;

        -webkit-transform: scaleY(0);

        transform: scaleY(0)

    }

}



@keyframes slideOutY {

    0% {

        opacity: 1;

        -webkit-transform: scaleY(1);

        transform: scaleY(1)

    }

    100% {

        opacity: 0;

        -webkit-transform: scaleY(0);

        transform: scaleY(0)

    }

}



@-webkit-keyframes slideOutX {

    0% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

    100% {

        opacity: 0;

        -webkit-transform: scaleX(0);

        transform: scaleX(0)

    }

}



@keyframes slideOutX {

    0% {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

    100% {

        opacity: 0;

        -webkit-transform: scaleX(0);

        transform: scaleX(0)

    }

}



.transition.swing {

    -webkit-animation-duration: .8s;

    animation-duration: .8s

}



.transition[class*="swing down"].in {

    -webkit-animation-name: swingInX;

    animation-name: swingInX;

    -webkit-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center

}



.transition[class*="swing up"].in {

    -webkit-animation-name: swingInX;

    animation-name: swingInX;

    -webkit-transform-origin: bottom center;

    -ms-transform-origin: bottom center;

    transform-origin: bottom center

}



.transition[class*="swing left"].in {

    -webkit-animation-name: swingInY;

    animation-name: swingInY;

    -webkit-transform-origin: center right;

    -ms-transform-origin: center right;

    transform-origin: center right

}



.transition[class*="swing right"].in {

    -webkit-animation-name: swingInY;

    animation-name: swingInY;

    -webkit-transform-origin: center left;

    -ms-transform-origin: center left;

    transform-origin: center left

}



.transition.swing.out, .transition[class*="swing down"].out {

    -webkit-animation-name: swingOutX;

    animation-name: swingOutX;

    -webkit-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center

}



.transition[class*="swing up"].out {

    -webkit-animation-name: swingOutX;

    animation-name: swingOutX;

    -webkit-transform-origin: bottom center;

    -ms-transform-origin: bottom center;

    transform-origin: bottom center

}



.transition[class*="swing left"].out {

    -webkit-animation-name: swingOutY;

    animation-name: swingOutY;

    -webkit-transform-origin: center right;

    -ms-transform-origin: center right;

    transform-origin: center right

}



.transition[class*="swing right"].out {

    -webkit-animation-name: swingOutY;

    animation-name: swingOutY;

    -webkit-transform-origin: center left;

    -ms-transform-origin: center left;

    transform-origin: center left

}



@-webkit-keyframes swingInX {

    0% {

        -webkit-transform: perspective(1000px) rotateX(90deg);

        transform: perspective(1000px) rotateX(90deg);

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(1000px) rotateX(-30deg);

        transform: perspective(1000px) rotateX(-30deg);

        opacity: 1

    }

    60% {

        -webkit-transform: perspective(1000px) rotateX(15deg);

        transform: perspective(1000px) rotateX(15deg)

    }

    80% {

        -webkit-transform: perspective(1000px) rotateX(-7.5deg);

        transform: perspective(1000px) rotateX(-7.5deg)

    }

    100% {

        -webkit-transform: perspective(1000px) rotateX(0);

        transform: perspective(1000px) rotateX(0)

    }

}



@keyframes swingInX {

    0% {

        -webkit-transform: perspective(1000px) rotateX(90deg);

        transform: perspective(1000px) rotateX(90deg);

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(1000px) rotateX(-30deg);

        transform: perspective(1000px) rotateX(-30deg);

        opacity: 1

    }

    60% {

        -webkit-transform: perspective(1000px) rotateX(15deg);

        transform: perspective(1000px) rotateX(15deg)

    }

    80% {

        -webkit-transform: perspective(1000px) rotateX(-7.5deg);

        transform: perspective(1000px) rotateX(-7.5deg)

    }

    100% {

        -webkit-transform: perspective(1000px) rotateX(0);

        transform: perspective(1000px) rotateX(0)

    }

}



@-webkit-keyframes swingInY {

    0% {

        -webkit-transform: perspective(1000px) rotateY(-90deg);

        transform: perspective(1000px) rotateY(-90deg);

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(1000px) rotateY(30deg);

        transform: perspective(1000px) rotateY(30deg);

        opacity: 1

    }

    60% {

        -webkit-transform: perspective(1000px) rotateY(-17.5deg);

        transform: perspective(1000px) rotateY(-17.5deg)

    }

    80% {

        -webkit-transform: perspective(1000px) rotateY(7.5deg);

        transform: perspective(1000px) rotateY(7.5deg)

    }

    100% {

        -webkit-transform: perspective(1000px) rotateY(0);

        transform: perspective(1000px) rotateY(0)

    }

}



@keyframes swingInY {

    0% {

        -webkit-transform: perspective(1000px) rotateY(-90deg);

        transform: perspective(1000px) rotateY(-90deg);

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(1000px) rotateY(30deg);

        transform: perspective(1000px) rotateY(30deg);

        opacity: 1

    }

    60% {

        -webkit-transform: perspective(1000px) rotateY(-17.5deg);

        transform: perspective(1000px) rotateY(-17.5deg)

    }

    80% {

        -webkit-transform: perspective(1000px) rotateY(7.5deg);

        transform: perspective(1000px) rotateY(7.5deg)

    }

    100% {

        -webkit-transform: perspective(1000px) rotateY(0);

        transform: perspective(1000px) rotateY(0)

    }

}



@-webkit-keyframes swingOutX {

    0% {

        -webkit-transform: perspective(1000px) rotateX(0);

        transform: perspective(1000px) rotateX(0)

    }

    40% {

        -webkit-transform: perspective(1000px) rotateX(-7.5deg);

        transform: perspective(1000px) rotateX(-7.5deg)

    }

    60% {

        -webkit-transform: perspective(1000px) rotateX(17.5deg);

        transform: perspective(1000px) rotateX(17.5deg)

    }

    80% {

        -webkit-transform: perspective(1000px) rotateX(-30deg);

        transform: perspective(1000px) rotateX(-30deg);

        opacity: 1

    }

    100% {

        -webkit-transform: perspective(1000px) rotateX(90deg);

        transform: perspective(1000px) rotateX(90deg);

        opacity: 0

    }

}



@keyframes swingOutX {

    0% {

        -webkit-transform: perspective(1000px) rotateX(0);

        transform: perspective(1000px) rotateX(0)

    }

    40% {

        -webkit-transform: perspective(1000px) rotateX(-7.5deg);

        transform: perspective(1000px) rotateX(-7.5deg)

    }

    60% {

        -webkit-transform: perspective(1000px) rotateX(17.5deg);

        transform: perspective(1000px) rotateX(17.5deg)

    }

    80% {

        -webkit-transform: perspective(1000px) rotateX(-30deg);

        transform: perspective(1000px) rotateX(-30deg);

        opacity: 1

    }

    100% {

        -webkit-transform: perspective(1000px) rotateX(90deg);

        transform: perspective(1000px) rotateX(90deg);

        opacity: 0

    }

}



@-webkit-keyframes swingOutY {

    0% {

        -webkit-transform: perspective(1000px) rotateY(0);

        transform: perspective(1000px) rotateY(0)

    }

    40% {

        -webkit-transform: perspective(1000px) rotateY(7.5deg);

        transform: perspective(1000px) rotateY(7.5deg)

    }

    60% {

        -webkit-transform: perspective(1000px) rotateY(-10deg);

        transform: perspective(1000px) rotateY(-10deg)

    }

    80% {

        -webkit-transform: perspective(1000px) rotateY(30deg);

        transform: perspective(1000px) rotateY(30deg);

        opacity: 1

    }

    100% {

        -webkit-transform: perspective(1000px) rotateY(-90deg);

        transform: perspective(1000px) rotateY(-90deg);

        opacity: 0

    }

}



@keyframes swingOutY {

    0% {

        -webkit-transform: perspective(1000px) rotateY(0);

        transform: perspective(1000px) rotateY(0)

    }

    40% {

        -webkit-transform: perspective(1000px) rotateY(7.5deg);

        transform: perspective(1000px) rotateY(7.5deg)

    }

    60% {

        -webkit-transform: perspective(1000px) rotateY(-10deg);

        transform: perspective(1000px) rotateY(-10deg)

    }

    80% {

        -webkit-transform: perspective(1000px) rotateY(30deg);

        transform: perspective(1000px) rotateY(30deg);

        opacity: 1

    }

    100% {

        -webkit-transform: perspective(1000px) rotateY(-90deg);

        transform: perspective(1000px) rotateY(-90deg);

        opacity: 0

    }

}



.transition.zoom.in {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn

}



.transition.zoom.out {

    -webkit-animation-name: zoomOut;

    animation-name: zoomOut

}



@-webkit-keyframes zoomIn {

    0% {

        opacity: 1;

        -webkit-transform: scale(0);

        transform: scale(0)

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes zoomIn {

    0% {

        opacity: 1;

        -webkit-transform: scale(0);

        transform: scale(0)

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@-webkit-keyframes zoomOut {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(0);

        transform: scale(0)

    }

}



@keyframes zoomOut {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(0);

        transform: scale(0)

    }

}



.flash.transition {

    -webkit-animation-duration: 750ms;

    animation-duration: 750ms;

    -webkit-animation-name: flash;

    animation-name: flash

}



.shake.transition {

    -webkit-animation-duration: 750ms;

    animation-duration: 750ms;

    -webkit-animation-name: shake;

    animation-name: shake

}



.bounce.transition {

    -webkit-animation-duration: 750ms;

    animation-duration: 750ms;

    -webkit-animation-name: bounce;

    animation-name: bounce

}



.tada.transition {

    -webkit-animation-duration: 750ms;

    animation-duration: 750ms;

    -webkit-animation-name: tada;

    animation-name: tada

}



.pulse.transition {

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-name: pulse;

    animation-name: pulse

}



.jiggle.transition {

    -webkit-animation-duration: 750ms;

    animation-duration: 750ms;

    -webkit-animation-name: jiggle;

    animation-name: jiggle

}



.transition.glow {

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);

    animation-timing-function: cubic-bezier(.19, 1, .22, 1)

}



.transition.glow {

    -webkit-animation-name: glow;

    animation-name: glow

}



@-webkit-keyframes flash {

    0%, 100%, 50% {

        opacity: 1

    }

    25%, 75% {

        opacity: 0

    }

}



@keyframes flash {

    0%, 100%, 50% {

        opacity: 1

    }

    25%, 75% {

        opacity: 0

    }

}



@-webkit-keyframes shake {

    0%, 100% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    10%, 30%, 50%, 70%, 90% {

        -webkit-transform: translateX(-10px);

        transform: translateX(-10px)

    }

    20%, 40%, 60%, 80% {

        -webkit-transform: translateX(10px);

        transform: translateX(10px)

    }

}



@keyframes shake {

    0%, 100% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    10%, 30%, 50%, 70%, 90% {

        -webkit-transform: translateX(-10px);

        transform: translateX(-10px)

    }

    20%, 40%, 60%, 80% {

        -webkit-transform: translateX(10px);

        transform: translateX(10px)

    }

}



@-webkit-keyframes bounce {

    0%, 100%, 20%, 50%, 80% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    40% {

        -webkit-transform: translateY(-30px);

        transform: translateY(-30px)

    }

    60% {

        -webkit-transform: translateY(-15px);

        transform: translateY(-15px)

    }

}



@keyframes bounce {

    0%, 100%, 20%, 50%, 80% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    40% {

        -webkit-transform: translateY(-30px);

        transform: translateY(-30px)

    }

    60% {

        -webkit-transform: translateY(-15px);

        transform: translateY(-15px)

    }

}



@-webkit-keyframes tada {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    10%, 20% {

        -webkit-transform: scale(.9) rotate(-3deg);

        transform: scale(.9) rotate(-3deg)

    }

    30%, 50%, 70%, 90% {

        -webkit-transform: scale(1.1) rotate(3deg);

        transform: scale(1.1) rotate(3deg)

    }

    40%, 60%, 80% {

        -webkit-transform: scale(1.1) rotate(-3deg);

        transform: scale(1.1) rotate(-3deg)

    }

    100% {

        -webkit-transform: scale(1) rotate(0);

        transform: scale(1) rotate(0)

    }

}



@keyframes tada {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    10%, 20% {

        -webkit-transform: scale(.9) rotate(-3deg);

        transform: scale(.9) rotate(-3deg)

    }

    30%, 50%, 70%, 90% {

        -webkit-transform: scale(1.1) rotate(3deg);

        transform: scale(1.1) rotate(3deg)

    }

    40%, 60%, 80% {

        -webkit-transform: scale(1.1) rotate(-3deg);

        transform: scale(1.1) rotate(-3deg)

    }

    100% {

        -webkit-transform: scale(1) rotate(0);

        transform: scale(1) rotate(0)

    }

}



@-webkit-keyframes pulse {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1

    }

    50% {

        -webkit-transform: scale(.9);

        transform: scale(.9);

        opacity: .7

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1

    }

}



@keyframes pulse {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1

    }

    50% {

        -webkit-transform: scale(.9);

        transform: scale(.9);

        opacity: .7

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1

    }

}



@-webkit-keyframes jiggle {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

    30% {

        -webkit-transform: scale3d(1.25, .75, 1);

        transform: scale3d(1.25, .75, 1)

    }

    40% {

        -webkit-transform: scale3d(.75, 1.25, 1);

        transform: scale3d(.75, 1.25, 1)

    }

    50% {

        -webkit-transform: scale3d(1.15, .85, 1);

        transform: scale3d(1.15, .85, 1)

    }

    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1)

    }

    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1)

    }

    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@keyframes jiggle {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

    30% {

        -webkit-transform: scale3d(1.25, .75, 1);

        transform: scale3d(1.25, .75, 1)

    }

    40% {

        -webkit-transform: scale3d(.75, 1.25, 1);

        transform: scale3d(.75, 1.25, 1)

    }

    50% {

        -webkit-transform: scale3d(1.15, .85, 1);

        transform: scale3d(1.15, .85, 1)

    }

    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1)

    }

    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1)

    }

    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@-webkit-keyframes glow {

    0% {

        background-color: #fcfcfd

    }

    30% {

        background-color: #fff6cd

    }

    100% {

        background-color: #fcfcfd

    }

}



@keyframes glow {

    0% {

        background-color: #fcfcfd

    }

    30% {

        background-color: #fff6cd

    }

    100% {

        background-color: #fcfcfd

    }

}