@import url(//fonts.googleapis.com/css?family=Dosis:500|Roboto:300|Alegreya+Sans:500italic|Ubuntu+Condensed|Open+Sans:700italic,300&subset=latin,latin-ext);
p:not(:last-child),
ul:not(:last-child) {
    margin-bottom: 20px
}

img.gravatar {
    width: 2rem;
    height: 2rem
}

article {
    font-size: 1.65rem;
    width: 100%;
    padding: 1rem;
    text-align: justify;
    text-indent: 1rem;
    order: 2
}

article>ol,
article>ul {
    font-size: 1.5rem;
    text-align: left
}

article .ui.list strong {
    font-family: Eczar;
    text-transform: uppercase
}

article .list .item {
    margin-top: 3rem !important
}

article li:before {
    color: #cca !important;
    font-family: Eczar;
    margin-right: 1rem
}

main article {
    margin: 4rem auto;
    display: block
}

article[id*=placeholder] {
    padding: 2rem
}

.flexh article {
    width: 65%
}

article>p {
    margin: .3rem auto;
    width: 70%;
    font-size: 1.3rem
}

article .un_widefull,
article ul,
article>h1,
article>h2,
article>h3 {
    width: 70%;
    margin: 2rem auto .3rem
}

article>h3 {
    font: italic 700 1.5rem 'Open Sans'
}

article>p:nth-of-type(1) {
    margin-top: 3rem
}

article>h3+p {
    margin-top: 1.5rem !important
}

article>figure {
    max-width: 20rem;
    margin: 1rem 1rem 1rem 15%;
    padding: .5rem;
    float: left
}

article>figure>figcaption {
    max-width: 100%;
    font-size: 80%
}

article>figure>img {
    margin: .3rem auto;
    width: 90%
}

aside {
    order: 1;
    flex: 1 1 auto;
    display: flex
}

.un_aside div[class^=un_],
aside div[class^=un_] {
    padding: .2rem;
    margin: .2rem;
    background: rgba(111, 103, 103, .56);
    flex: 1 1 6rem
}

aside>[class^=un_] {
    width: 90%;
    margin: .4rem auto !important
}

aside>a:not(.button, .btn) {
    flex: 1 1 6rem
}

aside div a img {
    height: 4rem margin:.3rem auto
}

.un_aside,
aside {
    max-width: 24rem;
    width: 24rem;
    text-align: center;
    background: #d3d0c1
}

.un_aside>*,
aside li button,
aside>* {
    max-width: 100%;
    overflow-x: inherit
}

aside .select2 {
    max-width: 90%
}

aside div a {
    margin: .5rem auto
}

aside p {
    font-size: .9rem;
    margin: .1rem
}

aside button {
    margin: 1rem auto
}

aside h3 {
    color: #676a7a
}

aside div {
    display: block
}

aside div a img {
    width: 70% !important;
    margin: .3rem auto
}

aside ol {
    text-align: left;
    font-size: 90%
}

aside ol a {
    color: #676a7a
}

.un_flex>article {
    padding: 0;
    max-width: 100%;
    flex: 1 1 auto
}

.un_flex aside {
    flex-direction: column
}

.un_description {
    background: #ddd;
    color: #444;
    font-size: 1.2rem;
    padding: 1rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all
}

.un_pageheader {
    margin: 0;
    text-align: center;
    border-bottom: 3px solid #676a7a;
    font-size: 1.6rem
}

.un_pageheader h4 {
    background: 0 0
}

.un_pageheader h1 {
    color: rgba(235, 103, 91, .94) !important;
    font-family: Eczar;
    margin: .3rem;
    text-transform: uppercase
}

.un_pageheader>i {
    font-size: 3rem;
    align-self: center;
    color: #676a7a
}

footer a i {
    color: #ffc
}

.un_flex {
    display: flex !important;
    flex-wrap: nowrap
}

.un_flex_vt {
    flex-direction: column;
    justify-content: flex-start
}

.un_flex_vc {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.un_flex_vs {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch
}

.un_flex_hc {
    flex-direction: row;
    justify-content: center;
    text-align: center;
    align-items: center
}

.un_flex_ht {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}

.un_flex_hs {
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
    align-content: flex-start
}

.un_flex_even>* {
    width: 0;
    flex: 1 1 auto
}

.un_flex_even {
    justify-content: spaced-between;
    width: 100%
}

.un_flex_wrap {
    flex-wrap: wrap
}

.un_flex_sc {
    align-self: center
}

.un_flex>div {
    flex: 1 1 auto;
    max-width: 100%
}

.un_flex>img {
    flex: 1 1 16rem
}

.un_flex>h2,
.un_flex>h3 {
    width: 100%;
    text-align: center;
    padding: 1rem
}

.un_flex_c20>* {
    flex: 1 1 20rem !important
}

.un_flex>.un_presenter2 {
    flex: 1 2 42rem
}

.un_flex>.un_presenter_3 {
    flex: 1 1 20rem
}

.un_flex>i {
    flex: 1 1 16rem;
    font-size: 3rem;
    align-self: center;
    color: #fff;
    text-align: center;
    text-indent: 0;
    text-shadow: 4px 5px 5px rgba(111, 103, 103, .56)
}

h2 span {
    text-align: center;
    font-size: 60%
}

.un_container_flex {
    max-width: 90%;
    margin: 0 auto
}

.un_container {
    position: relative;
    min-height: inherit !important;
    width: 80% !important;
    max-width: 100%;
    margin: 3rem auto;
    padding: 1rem 4rem;
    font-family: "Open Sans";
    line-height: 1.3;
    font-size: 1.3rem;
    text-align: center
}

.un_container.fullwide {
    width: 100% !important;
    margin: .3rem auto
}

.un_container.wide {
    width: 90%;
    margin: 2rem auto
}

.un_container>h1 {
    font-size: 2rem;
    margin: .3rem !important;
    font-variant: small-caps
}

.un_container_2 {
    position: relative;
    min-height: inherit !important;
    width: 90% !important;
    max-width: 100%;
    margin: 2rem auto;
    padding: 1rem 2rem
}

.un_plate {
    position: relative;
    z-index: 6;
    width: 80%;
    min-height: 240px;
    margin: 1em auto;
    padding: 3rem 1rem 0;
    font-size: 1rem
}

.un_plate .un_title {
    display: block;
    font: 400 2.8rem Dosis, sans-serif;
    margin: .3rem auto;
    text-align: center;
    text-decoration: none;
    color: rgba(235, 103, 91, .94)
}

.un_plate .un_title:hover {
    color: rgba(243, 49, 49, .89)
}

.un_plate img {
    width: 8rem;
    float: left;
    margin: 1rem
}

.un_object {
    padding: .2rem;
    display: block;
    text-align: left;
    position: relative
}

.un_object.variant1 {
    background: rgba(243, 243, 243, .9);
    border: 2px solid rgba(111, 103, 103, .56);
    padding: .2rem;
    color: rgba(62, 69, 77, .9) !important;
    display: inline-block
}

.un_object.variant2 {
    background: rgba(243, 243, 243, .9);
    padding: .8rem;
    color: rgba(62, 69, 77, .9) !important
}

.un_object .un_header {
    color: #676a7a;
    text-align: left !important
}

.un_object>form {
    margin: 0
}

.un_object+.un_object {
    margin-top: 1rem
}

.un_object>div {
    padding: .4rem
}

.un_object>a>img,
.un_object>img {
    max-width: 12rem;
    min-width: 12rem;
    max-height: 12rem;
    width: 12rem;
    height: 12rem
}

.un_object>a {
    flex: 1 1 auto !important
}

.un_object>div p {
    font-size: 70%
}

.un_object.inverted {
    background: linear-gradient(to left, #485563, #29323c) !important
}

.un_object.inverted>div>* {
    color: #fff
}

.un_object h1 {
    font-size: 2rem
}

.un_object>h3 {
    text-align: center;
    font-size: 120%
}

.un_nav>:not("i") {
    font-family: 'Ubuntu Condensed', sans-serif;
    border: 0;
    box-shadow: inset 0 0 10px 5px rgba(38, 31, 31, .2), 2px 2px 3px 1px rgba(18, 11, 11, .3);
    padding: .2rem
}

.un_nav>*>i {
    padding: .2rem .4rem;
    margin-right: .5rem;
    background: rgba(65, 63, 61, .84);
    font-size: 100%;
    border-radius: 3px
}

.un_nav .dropdown a,
.un_nav .dropdown a i {
    color: #fff !important
}

.un_nav_2 {
    padding: .5rem
}

.un_nav_2 .btn {
    padding: .2rem !important
}

.un_nav_3 {
    font-size: 70%;
    text-align: center;
    padding: .5rem;
    background: rgba(243, 243, 240, .76);
    border: 2px solid #aaa;
    border-radius: 4px
}

.un_nav_3>* {
    padding: .2rem !important;
    background: rgba(243, 243, 243, .9);
    border: none;
    border-radius: 4px
}

.un_nav_3>button:hover {
    background: rgba(34, 34, 34, .13);
    color: #444
}

.nav-item {
    font: italic 700 1.3rem 'Open Sans'
}

.un_statistic:hover {
    text-decoration: none;
    background: rgba(243, 49, 49, .89) !important
}

.un_statistic {
    display: inline-flex;
    flex-direction: column;
    margin: 1em 0;
    max-width: auto;
    background: rgba(211, 208, 193, .06);
    border-radius: 5px;
    padding: .4rem;
    width: 100%
}

.un_statistic .value {
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1em;
    color: #1b1c1d;
    text-transform: uppercase;
    text-align: center;
    margin: 1rem
}

.un_statistic h4 {
    text-align: center;
    padding: .4rem
}

.un_statistic_2:hover {
    text-decoration: none
}

.un_statistic_2 {
    display: inline-flex;
    flex-direction: column;
    margin: 1rem 0;
    max-width: auto;
    border-radius: 5px;
    padding: .4rem;
    width: 100%
}

.un_statistic_2 .value {
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 3rem !important;
    font-weight: 700;
    color: #1b1c1d;
    text-transform: uppercase;
    text-align: center;
    margin: 1rem
}

.un_statistic_2 h4 {
    font-size: 1rem;
    text-align: center;
    padding: .4rem
}

.un_statistic_3 {
    font-size: 3rem;
    color: #1b1c1d;
    text-transform: uppercase;
    text-align: center;
    margin: 1rem;
    padding: .4rem
}

.un_statistic_sm {
    display: flex !important;
    width: 24rem;
    max-width: 100%;
    flex-direction: row;
    margin: .1rem 0;
    background: #676a7a;
    color: rgba(243, 243, 240, .76);
    border-radius: 5px;
    font-size: 1rem;
    flex: 0 1 auto !important;
    align-items: center;
    align-self: center
}

.un_statistic_sm:hover {
    text-decoration: none
}

.un_statistic_sm i {
    color: rgba(243, 243, 240, .76);
    margin-right: .5rem
}

.un_statistic_sm>div {
    padding: .4rem;
    flex: 1 1 auto
}

.un_statistic_sm>div:last-of-type {
    background: #558a9b;
    min-width: 20%;
    max-width: 30%;
    flex: 1 1 4rem;
    text-align: center;
    border-radius: 5px
}

.un_statistic_sm_2 {
    display: flex !important;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 24rem;
    max-width: 100%;
    flex-direction: row;
    margin: .4rem .2rem;
    padding: .3rem;
    background-image: linear-gradient(-180deg, #15140f 0, #34312c 97%);
    box-shadow: inset 0 0 10px 5px rgba(38, 31, 31, .2), 2px 2px 3px 1px rgba(18, 11, 11, .3);
    color: rgba(243, 243, 240, .76);
    font-size: 1rem;
    flex: 0 1 auto !important;
    align-items: center;
    align-self: center
}

.un_statistic_sm_2:hover {
    text-decoration: none
}

.un_statistic_sm_2 i {
    color: rgba(243, 243, 240, .76);
    margin-right: .5rem
}

.un_statistic_sm_2>div {
    padding: .4rem;
    flex: 1 1 auto
}

.un_statistic_sm_2>div:last-of-type {
    background: rgba(34, 34, 34, .13);
    min-width: 20%;
    max-width: 30%;
    flex: 1 1 4rem;
    text-align: center
}

.un_box {
    position: relative;
    display: block;
    margin: 1rem;
    flex: 1 1 40rem
}

.un_box>a:not([class=""]) {
    display: inline-block;
    min-width: 10rem;
    padding: 1rem;
    border-radius: 3px
}

.un_box>a.hide {
    display: none
}

.un_box .i-info {
    top: .3rem;
    right: .3rem
}

.un_box .status {
    position: absolute;
    top: .3rem;
    left: .3rem
}

.un_box .fa:before {
    padding: 0 !important
}

.un_box p {
    width: 90%;
    margin: .3rem auto
}

.un_box+.un_meta,
.un_identity+.un_meta,
.un_meta,
.un_object+.un_meta {
    width: 100% !important;
    margin: 0 auto 2rem !important;
    border-radius: 0 0 12px 12px;
    border: 0 solid #000
}

.un_aside>h3,
.un_box>h3,
.un_box>h4,
.un_title,
aside>h3 {
    text-align: center;
    padding: .5rem;
    color: rgba(243, 243, 243, .9);
    background: #558a9b;
    box-shadow: inset 0 0 10px 5px rgba(38, 31, 31, .2), 2px 2px 3px 1px rgba(18, 11, 11, .3)
}

.un_box h3,
.un_title {
    background: rgba(65, 63, 61, .84)
}

.un_title,
.un_title h1 {
    margin: 2rem
}

.un_title_2 {
    font: italic normal 700 12rem/120% "Open Sans", sans-serif;
    font-size: 3rem !important;
    color: #fff;
    background: #555;
    padding: 1rem;
    text-align: center
}

.un_user {
    max-width: 100%;
    display: inline-block;
    height: 2.4rem
}

.un_user img {
    width: 2.4rem;
    height: 2.4rem;
    max-height: 2.4rem;
    max-width: 2.4rem
}

.un_user .un_user div {
    padding: .2rem
}

.un_user.block {
    display: flex
}

.un_user.block>* {
    flex: 1 1 auto
}

.un_user_2 {
    max-width: 100%;
    display: inline-block;
    height: 3.6rem
}

.un_user_2 img {
    width: 3.6rem;
    height: 3.6rem;
    max-height: 3.6rem;
    max-width: 3.6rem
}

.un_user_2 div {
    align-self: center
}

.un_wrapper {
    margin: 1rem !important;
    border-radius: 10px 0;
    border: 2px solid #676a7a
}

.un_metahat {
    padding: 1rem 2rem;
    border-radius: 12px 12px 0 0;
    border: 2px solid #676a7a;
    text-align: center
}

.un_presenter_1 {
    margin: 2.5rem
}

.un_presenter_1 h2 {
    text-align: center
}

.un_presenter_1>div {
    margin: 1rem;
    padding: 1.5rem;
    background: #3E3E3E;
    background-image: radial-gradient(at 50% -16%, rgba(255, 255, 255, .05) 0, rgba(0, 0, 0, .5) 190%);
    background-blend-mode: normal, multiply
}

.un_presenter_1 h3 {
    color: #5bc0de
}

.un_presenter2,
.un_presenter_3 {
    background: rgba(65, 63, 61, .84);
    padding-bottom: .5rem
}

.un_presenter2 h3,
.un_presenter2 h4,
.un_presenter_3 h3,
.un_presenter_3 h4 {
    text-align: center;
    padding: .3rem;
    color: rgba(243, 243, 243, .9);
    background: rgba(111, 103, 103, .56);
    box-shadow: inset 0 0 10px 5px rgba(38, 31, 31, .2), 2px 2px 3px 1px rgba(18, 11, 11, .3)
}

.un_presenter_3>img {
    height: 6rem;
    max-height: 6rem;
    width: 9rem;
    max-width: 20%
}

.un_presenter_4>* {
    padding: 1.5rem;
    width: 0;
    flex-grow: 0
}

.un_presenter_4>div:nth-of-type(1) {
    background: #222
}

.un_presenter_4>div:nth-of-type(2) {
    background: #333
}

.un_presenter_4>div:nth-of-type(3) {
    background: #444
}

.un_presenter_4 h2 {
    color: #fff !important
}

.un_presenter_4 h4 {
    color: #ddd !important;
    font-size: 110%
}

.un_presenter_4 p {
    font-size: 1.2rem;
    color: #66bbf7 !important
}

.un_presenter_4 a {
    font-size: 1.2rem;
    color: #b4d2d0 !important;
    display: inline-block
}

.un_presenter_4:hover a {
    font-size: 1.2rem;
    color: #fbffd7 !important
}

.un_presenter_6 {
    background-image: linear-gradient(-180deg, #15140f 0, #34312c 97%)
}

.un_presenter_6 h1 {
    color: #dbd75f
}

.un_presenter_6>img {
    flex: 1 1 20rem;
    width: 12rem !important
}

.un_presenter_6 div {
    padding: .4rem
}

.un_presenter_6>div:first-of-type {
    background: #dbd75f;
    max-width: 12rem !important;
    min-width: 12rem !important;
    width: 12rem !important
}

.un_comment_1,
.un_presenter_7 {
    width: 100%;
    background: rgba(30, 30, 30, .3)
}

.un_comment_1>a,
.un_comment_1>img,
.un_presenter_7>a,
.un_presenter_7>img {
    background: rgba(30, 30, 30, .3);
    width: 3rem;
    height: 3rem
}

.un_comment_1 h5,
.un_presenter_7 h5 {
    color: #aaa
}

.un_comment_1>a,
.un_presenter_7>a {
    margin: .3rem;
    padding: .3rem
}

.un_comment_1>a>img,
.un_presenter_7>a>img {
    width: 100%;
    max-width: 100%
}

.un_comment_1>div>div:last-of-type,
.un_presenter_7>div>div:last-of-type {
    background: rgba(30, 30, 30, .3);
    max-width: 12rem;
    padding: .4rem
}

.un_count {
    font-size: 3rem;
    justify-content: center;
    align-self: center;
    text-align: center
}

.un_corner2 {
    position: absolute;
    z-index: 150;
    top: 2px;
    right: 2px;
    text-align: right;
    opacity: .2
}

.un_corner_3 {
    position: absolute;
    z-index: 150;
    bottom: .5rem;
    right: .5rem;
    text-align: right;
    opacity: .2
}

.un_corner2:hover {
    opacity: 1
}

.un_corner2>* {
    display: inline-block
}

#page_title .tb2 a,
.tb2 a {
    font-size: 1rem;
    display: none;
    background-color: rgba(243, 243, 240, .54)
}

#page_title:hover a,
.tb2>div,
.tb2>form,
div:hover>.tb2 a {
    display: inline-block
}

.csch_dark_1,
.pusher>article:nth-of-type(odd) {
    background: #232526;
    background-image: linear-gradient(-180deg, #504d48 5%, #33342f 96%);
    color: rgba(243, 243, 243, .9) !important
}

.csch_dark_2 {
    background: linear-gradient(326deg, rgba(65, 63, 61, .84), rgba(45, 43, 41, .7), rgba(65, 63, 71, .9));
    color: rgba(243, 243, 243, .9) !important;
    background-size: 800% 800%;
    animation: animbg 12s ease infinite
}

@keyframes animbg {
    0% {
        background-position: 0 26%
    }
    50% {
        background-position: 100% 75%
    }
    100% {
        background-position: 0 26%
    }
}

.csch_dark_3,
.un_interwoven>div:nth-of-type(odd),
[class^=un_].red {
    background: #a90329;
    background: linear-gradient(to right, #a90329 0, #8f0222 44%, #6d0019 100%);
    color: #fff
}

.csch_dark_4 {
    background: linear-gradient(297deg, rgba(243, 49, 49, .89), rgba(235, 103, 91, .94));
    color: #fff;
    background-size: 400% 400%;
    animation: animbg 12s ease infinite
}

@keyframes animbg {
    0% {
        background-position: 0 26%
    }
    50% {
        background-position: 100% 75%
    }
    100% {
        background-position: 0 26%
    }
}

.csch_dark_5,
.un_interwoven>div:nth-of-type(even),
[class^=un_].green {
    background: #81b969;
    background: linear-gradient(to left, #81b969, #42613d)
}

.csch_dark_7,
.un_interwoven {
    background: #485563 !important;
    background: linear-gradient(to left, #485563, #29323c) !important
}

.csch_dark_8 {
    background: #525252;
    background: linear-gradient(to left, #525252, #3d72b4);
    color: rgba(243, 243, 243, .9) !important
}

.csch_dark_9 {
    background: #607D8B;
    color: rgba(243, 243, 243, .9) !important
}

.csch_dark_10 {
    background: #557381 !important;
    color: rgba(243, 243, 243, .9) !important
}

.csch_dark_11 {
    background: rgba(35, 37, 38, .15) !important;
    background: linear-gradient(to right, rgba(35, 37, 38, .15) 0, rgba(108, 192, 237, .07) 44%, rgba(60, 104, 126, .22) 100%);
    color: rgba(243, 243, 243, .9) !important
}

.csch_dark_12 {
    background: rgba(75, 57, 58, .75) !important;
    background: linear-gradient(to right, rgba(75, 57, 58, .75) 0, rgba(108, 192, 237, .07) 44%, rgba(60, 104, 126, .22) 100%);
    color: rgba(243, 243, 243, .9) !important
}

.csch_subtle_12 {
    background: linear-gradient(132deg, rgba(251, 18, 18, .1), rgba(181, 28, 23, .1));
    background-size: 400% 400%;
    animation: Animation_csch12 30s ease infinite
}

@keyframes Animation_csch12 {
    0% {
        background-position: 19% 0
    }
    50% {
        background-position: 82% 100%
    }
    100% {
        background-position: 19% 0
    }
}

.csch_subtle_13 {
    background: linear-gradient(132deg, rgba(1, 1, 151, .05), rgba(12, 13, 91, .1));
    background-size: 400% 400%;
    animation: Animation_csch13 30s ease infinite
}

@keyframes Animation_csch13 {
    0% {
        background-position: 19% 0
    }
    50% {
        background-position: 82% 100%
    }
    100% {
        background-position: 19% 0
    }
}

.csch_subtle_1 {
    background: #B7B6BB !important
}

.csch_subtle_1 .nearLight {
    background-image: radial-gradient(at top right, #b7b6bb 0, #e8eae9 100%)
}

.csch_subtle_2 {
    color: #676a7a;
    background-image: linear-gradient(to bottom, rgba(30, 60, 90, .2) 0, rgba(34, 34, 124, .1) 100%)
}

.csch_subtle_2:hover i {
    text-decoration: none;
    background: rgba(111, 103, 103, .56);
    color: ivory
}

.csch_subtle_2:before {
    color: ivory
}

.csch_subtle_3 {
    background: rgba(147, 128, 108, .1)
}

.csch_subtle_4 {
    border: 1px solid #bbb;
    background: rgba(243, 243, 240, .54);
    box-shadow: 0 0 5px 0 #ccc
}

.csch_subtle_5 {
    background: rgba(111, 103, 103, .56);
    box-shadow: 0 0 5px 0 rgba(65, 63, 61, .84)
}

.csch_subtle_6 {
    background: linear-gradient(1deg, rgba(147, 128, 108, .1), rgba(147, 128, 108, .3))
}

.csch_subtle_7 {
    background: linear-gradient(1deg, rgba(127, 128, 148, .1), rgba(127, 128, 148, .2))
}

.csch_subtle_8 {
    background-color: #DCD9D4;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(0, 0, 0, .5) 100%), radial-gradient(at 50% 0, rgba(255, 255, 255, .1) 0, rgba(0, 0, 0, .5) 50%);
    background-blend-mode: soft-light, screen
}

.csch_subtle_fix_on_dark {
    color: #fff
}

[class*=csch_dark] a.btn {
    color: #ffe !important
}

.csch_bright1,
.pusher>article:nth-of-type(even) {
    background: rgba(111, 103, 103, .56);
    background: linear-gradient(to left, #a3a5a6, #b1b3b5);
    color: #676a7a !important
}

.csch_bright2 {
    background: #ECE9E6;
    background: linear-gradient(to left, #ece9e6, #fff);
    color: #676a7a !important
}

.un_shadow_1 {
    box-shadow: inset 0 0 50px 0 #ABABAB, 5px 5px 5px 1px #242424
}

.un_csch_soh_1:hover,
.un_shadow_2 {
    box-shadow: inset 0 0 10px 5px rgba(38, 31, 31, .2), 2px 2px 3px 1px rgba(18, 11, 11, .3)
}

.un_shadow_3 {
    box-shadow: inset 0 0 5px 3px rgba(38, 31, 31, .1), 1px 1px 2px 1px rgba(18, 11, 11, .2)
}

.un_csch_soh_1:hover {
    opacity: .9
}

.csch_animate,
article>.un_quote {
    background-size: 800% 800%;
    animation: animbg 16s ease infinite
}

@keyframes animbg {
    0% {
        background-position: 0 26%
    }
    50% {
        background-position: 100% 75%
    }
    100% {
        background-position: 0 26%
    }
}

.un_csch_enabled {
    background: #558a9b !important;
    color: #fff;
    font-weight: 700
}

.un_wide8 {
    width: 8rem !important;
    max-width: 8rem !important;
    min-width: 8rem !important
}

.un_wide12 {
    width: 12rem !important;
    max-width: 12rem !important;
    min-width: 12rem !important
}

.un_wide16 {
    width: 16rem !important;
    max-width: 16rem !important;
    min-width: 16rem !important
}

.un_wide20 {
    width: 20rem !important;
    max-width: 20rem !important;
    min-width: 20rem !important
}

.un_wide24 {
    width: 24rem !important;
    max-width: 24rem !important;
    min-width: 24rem !important
}

.un_wide16>img,
.un_wide24>img {
    width: 24rem !important;
    max-width: 24rem !important
}

.un_wide16>a,
.un_wide16>button {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: .3rem auto
}

.un_widefull {
    width: 100%;
    max-width: 100%
}

.un_widehalf>div {
    min-width: 45%;
    max-width: 50% margin:0;
    padding: 1rem
}

.un_widequarted>div {
    min-width: 20%;
    max-width: 20%
}

.un_padding0 {
    padding: 0
}

.un_padding1 {
    padding: 1rem
}

.un_padding2 {
    padding: 2rem
}

.un_margins0 {
    margin: 0 !important
}

.un_margins {
    width: 80%;
    margin: 3rem auto
}

.un_margins1 {
    margin: .3rem
}

.un_margins2 {
    margin: 2rem
}

.un_tabs_1 {
    list-style: none;
    margin: .5rem
}

.un_tabs_1 li {
    background: #fff;
    border-bottom: 4px solid #E5E5E5;
    margin: 0 10px 0 0;
    display: inline-block
}

.un_tabs_1 a {
    color: #ccc;
    display: block;
    font-size: 18px;
    font-weight: 300;
    padding: 14px 24px;
    text-decoration: none
}

.un_tabs_1 li:hover {
    background: #a0cac0;
    border-bottom: 4px solid #68a697
}

.un_tabs_1 li:hover A {
    color: #fff
}

.un_tabs_1 li a.active {
    background: #a0cac0 !important
}

.un_tabs_2 {
    overflow: hidden;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
    text-align: center;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

.un_tabs_2 li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.un_tabs_2 a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.5
}

.un_tabs_2 a span {
    vertical-align: middle;
    font-size: .75em
}

.un_tabs_2 li a.active {
    color: #74777b
}

.un_tabs_2 a:focus {
    outline: 0
}

.un_tabs_2 {
    background: #fff
}

.un_tabs_2 a {
    padding: .25em 0 .5em;
    border-left: 1px solid #e7ecea;
    -webkit-transition: color .2s;
    transition: color .2s
}

.un_tabs_2 li:last-child a {
    border-right: 1px solid #e7ecea
}

.un_tabs_2 li a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: #2CC185;
    content: '';
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0)
}

.un_tabs_2 li a.active::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.un_tabs_2 a span {
    font-weight: 700
}

.un_choices {
    max-width: 16rem !important;
    min-width: 16rem;
    padding: .3rem;
    font-size: 60%;
    background: #333
}

.hidden,
.hide_item {
    display: none !important
}

.anim_flash {
    animation-name: atti;
    animation-duration: 1500ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 4;
    background: rgba(243, 49, 49, .89)
}

@-webkit-keyframes atti {
    0% {
        background: #ff0
    }
    40% {
        background: green
    }
    77% {
        background: #00f
    }
    100% {
        background: #777
    }
}

.set_attitude label,
.set_intensity label {
    font: normal 100 1rem 'Open Sans';
    margin: .3rem .2rem;
    padding: .2rem .6rem;
    color: #fff;
    border: 2px solid #676a7a;
    border-radius: 0;
    background: rgba(111, 103, 103, .56)
}

.set_attitude,
.set_intensity {
    text-align: center;
    justify-content: center
}

.set_attitude input,
.set_intensity input,
.set_option input {
    display: none !important
}

.set_intensity input[type=radio]+label.intensity_0 {
    color: #000 !important;
    border-bottom-color: rgba(74, 51, 26, .54)
}

.set_intensity input[type=radio]+label.intensity_1 {
    color: #000 !important;
    border-bottom-color: #81b969
}

.set_intensity input[type=radio]+label.intensity_2 {
    color: #000 !important;
    border-bottom-color: #eaba30
}

.set_intensity input[type=radio]+label.intensity_3 {
    color: #000 !important;
    border-bottom-color: rgba(235, 103, 91, .94)
}

.set_intensity input[type=radio]:checked+label {
    color: #fff !important;
    background: rgba(243, 243, 240, .54)
}

.set_intensity input[type=radio]:checked+label.intensity_0 {
    border-color: rgba(74, 51, 26, .54)
}

.set_intensity input[type=radio]:checked+label.intensity_1 {
    border-color: #81b969
}

.set_intensity input[type=radio]:checked+label.intensity_2 {
    border-color: #eaba30
}

.set_intensity input[type=radio]:checked+label.intensity_3 {
    border-color: rgba(235, 103, 91, .94)
}

.set_attitude input[type=radio]+label {
    display: block;
    max-width: 50%;
    color: #000 !important
}

.set_attitude.inline input[type=radio]+label {
    display: inline;
    max-width: 50%;
    color: #000 !important
}

.set_attitude.inline {
    display: list-item;
    margin: .3rem auto;
    list-style: none
}

.set_attitude input[type=radio]+label.intensity_-1 {
    border-bottom-color: rgba(235, 103, 91, .94)
}

.set_attitude input[type=radio]+label.intensity_0 {
    border-bottom-color: #676a7a
}

.set_attitude input[type=radio]+label.intensity_1 {
    border-bottom-color: #81b969
}

.set_attitude input[type=radio]:checked+label {
    background: rgba(243, 243, 240, .76)
}

.set_attitude input[type=radio]:checked+label.intensity_-1:before {
    content: '\e669';
    color: rgba(243, 49, 49, .89) !important;
    border-color: rgba(235, 103, 91, .94)
}

.set_attitude input[type=radio]:checked+label.intensity_0:before {
    content: '\e63c';
    color: #676a7a !important;
    border-color: #676a7a
}

.set_attitude input[type=radio]:checked+label.intensity_1:before {
    content: '\e66a';
    color: #81b969 !important;
    border-color: #81b969
}

.set_attitude label:before {
    font-family: np;
    font-size: 1rem;
    display: inline-block;
    color: #d4d4d5 !important
}

.set_attitude label.intensity_-1:before {
    content: '\e669'
}

.set_attitude label.intensity_1:before {
    content: '\e66a'
}

.set_attitude label.intensity_0:before {
    content: '\e69a'
}

[class^=communique] {
    padding: 1.5rem;
    margin: 1rem auto 10px;
    background-color: #fafafa;
    color: #444;
    border-left: 6px solid #7f7f84;
    border-radius: 3px;
    box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2)
}

div[class^=communique] p>a {
    text-decoration: underline
}

div[class^=communique] p>a:hover {
    text-decoration: none !important
}

div[class^=communique]+div[class^=communique] {
    margin-top: 1rem
}

.communique-dark {
    background-color: #333 !important;
    color: #fafafa !important
}

.communique-sm {
    padding: 1rem;
    font-size: 90%
}

.communique-lg {
    padding: 3rem;
    font-size: 140%;
    margin: 4rem
}

.communique-cleared {
    width: 70%;
    margin: 2rem auto
}

.communique-success {
    border-left-color: #80D651 !important
}

.communique-success>h4,
.communique-success>strong {
    color: #80D651
}

.communique-info {
    border-left-color: #558a9b !important
}

.communique-info>h4,
.communique-info>strong {
    color: #558a9b
}

.communique-warning {
    border-left-color: #FEAF20 !important
}

.communique-warning>h4,
.communique-warning>strong {
    color: #FEAF20
}

.communique-danger {
    border-left-color: #d73814 !important
}

.communique-danger>h4,
.communique-danger>strong {
    color: #d73814
}

[class^=communique] h4 {
    margin-top: 0;
    margin-bottom: .8rem;
    font-size: 120%
}

[class^=communique] p:last-child {
    margin-bottom: 0
}

[class^=communique] code {
    border-radius: 3px
}

[class*=communique] strong {
    margin-right: .6rem;
    display: inline-block
}

[class^=communique] i.icon {
    margin-right: .8rem
}

.flexh[class^=communique]>i {
    align-self: center;
    padding: 2rem;
    font-size: 3rem
}

.communique-flex {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem !important;
    background: rgba(65, 63, 61, .84);
    color: #fff
}

[class^=flex]>figure {
    margin-right: 1em;
    padding: 1rem
}

[class^=flex]>div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 1rem !important
}

.Media-body:last-child,
.communique-flex {
    margin-bottom: 0
}

.un_communique_2 {
    padding: 1rem;
    border-left: 10px solid rgba(0, 0, 0, .3);
    border-radius: 2px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .2);
    font-weight: 600
}

.un_communique_2>i {
    margin-right: 2rem
}

.un_communique_2 img {
    max-width: 100%
}

.un_btn {
    border: 0;
    background: #444
}

.un_border_2 {
    border: 2px solid #999
}

.un_border_1 {
    border: 2px solid #999;
    padding: 1rem
}

.un_btn_lg {
    border: 2px solid rgba(211, 208, 193, .06);
    border-radius: 3px;
    padding: .3rem .6rem;
    margin: .3rem;
    font-size: 1.7rem;
    background: rgba(62, 69, 77, .9)
}

.un_btn_lg:hover {
    background: rgba(111, 103, 103, .56) !important;
    text-decoration: none
}

.un_flex>.un_btn_lg {
    padding: 1rem .3rem;
    font-size: 1.5rem;
    text-indent: 0;
    max-width: 24rem
}

.un_flex>.un_btn_lg>.him {
    display: block
}

.un_flex>.un_btn_lg {
    flex: 1 1 auto;
    margin: .3rem
}

.code-block {
    margin-bottom: 20px;
    padding: 20px;
    background: rgba(0, 0, 0, .1);
    border-left: 10px solid rgba(0, 0, 0, .3);
    border-radius: 2px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .2);
    display: inline-block;
    text-align: left;
    white-space: pre-wrap;
    width: 100%
}

pre {
    font-size: 1.6rem;
    line-height: 1.5;
    word-wrap: break-word
}

form:not(.un_box) {
    margin-bottom: 0
}

form.un_box {
    margin: 0 auto
}

.un_forminput {
    display: flex
}

.un_forminput input,
.un_forminput textarea,
textarea.un_forminput {
    width: 100%
}

.un_forminput:first-child {
    border-radius: 2px 0 0 2px
}

.un_fieldinput,
.un_fielditem {
    border: 1px solid rgba(147, 128, 108, .25);
    padding: .5em .75em
}

.un_fielditem {
    background-color: rgba(147, 128, 108, .1);
    color: #666;
    font: inherit;
    font-weight: 400
}

.un_input_label {
    border-radius: 5px 5px 0 0;
    background: rgba(34, 34, 34, .13);
    width: 100%;
    padding: .3rem 1rem
}

.un_input_label+div {
    max-width: 100%;
    width: 100%
}

.un_forminput .select2 {
    max-width: 90%;
    min-width: 90%
}

label {
    margin: 0
}

.un_flex_wrap>.un_forminput {
    margin: 1rem
}

.un_checkbox1 label {
    position: relative;
    margin: .5rem;
    font-family: Arial, sans-serif;
    line-height: 135%;
    cursor: pointer
}

.un_checkbox1 input[type=checkbox] {
    position: relative;
    top: -.375rem;
    margin: 0 1rem 0 0;
    cursor: pointer
}

.un_checkbox1 input[type=checkbox]:before {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    border: 2px solid #f2f2f2
}

.un_checkbox1 input[type=checkbox]:checked:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: .5rem;
    border-color: #009688;
    border-top-style: none;
    border-right-style: none
}

.un_checkbox1 input[type=checkbox]:after {
    content: "";
    position: absolute;
    top: -.125rem;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    background: #fff;
    cursor: pointer
}

.un_checkbox2 input {
    background-color: #fff;
    height: 50px;
    margin: 0 .25em;
    width: 50px
}

.un_checkbox2 label {
    display: block;
    height: 50px;
    position: relative;
    width: 50px
}

.un_checkbox2 label:after {
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    -webkit-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-right: 4px solid #cee;
    border-top: 4px solid #cee;
    content: '';
    display: block;
    height: 20px;
    left: 14px;
    position: absolute;
    top: 26px;
    width: 10px
}

.un_checkbox2 label:hover:after {
    border-color: #bdd
}

.un_checkbox2 input {
    display: none
}

.un_checkbox2 input:checked+label:after {
    -webkit-animation: check .8s;
    -moz-animation: check .8s;
    -o-animation: check .8s;
    animation: check .8s;
    border-color: #6aa
}

.un_checkbox_3 {
    display: flex;
    flex-direction: column;
    padding: .5em
}

.un_checkbox_3 * {
    box-sizing: border-box;
    user-select: none
}

.un_checkbox_3 input {
    height: 0;
    width: 0
}

.un_checkbox_3 input+label {
    position: relative;
    display: flex;
    margin: .6em 0;
    align-items: center;
    color: #9e9e9e;
    transition: color 250ms cubic-bezier(.4, 0, .23, 1)
}

.un_checkbox_3 input+label>ins {
    position: absolute;
    display: block;
    bottom: 0;
    left: 2em;
    height: 0;
    width: 100%;
    overflow: hidden;
    text-decoration: none;
    transition: height 300ms cubic-bezier(.4, 0, .23, 1)
}

.un_checkbox_3 input+label>ins>i {
    position: absolute;
    bottom: 0;
    font-style: normal;
    color: #4FC3F7
}

.un_checkbox_3 input+label>span {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1em;
    width: 1em;
    height: 1em;
    background: 0 0;
    border: 2px solid #9E9E9E;
    border-radius: 2px;
    cursor: pointer;
    transition: all 250ms cubic-bezier(.4, 0, .23, 1)
}

.kl_checkbox_3 input:focus+label,
.un_checkbox_3 input+label:hover {
    color: #fff
}

.kl_checkbox_3 input:focus+label>span,
.un_checkbox_3 input+label:hover>span {
    background: rgba(255, 255, 255, .1)
}

.un_checkbox_3 input:checked+label>ins {
    height: 100%
}

.un_checkbox_3 input:checked+label>span {
    border: .5em solid #FFEB3B;
    animation: shrink-bounce 200ms cubic-bezier(.4, 0, .23, 1)
}

.un_checkbox_3 input:checked+label>span:before {
    content: "";
    position: absolute;
    top: .2rem;
    left: .1rem;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    transform: rotate(45deg);
    transform-origin: 0 100%;
    animation: checkbox-check 125ms 250ms cubic-bezier(.4, 0, .23, 1) forwards
}

.un_checkbox_5 li {
    list-style: none;
    font-size: 125%;
    margin-bottom: 1em;
    position: relative
}

.un_checkbox_5 input[type=checkbox],
.un_checkbox_5 input[type=radio] {
    display: none
}

.un_checkbox_5 input[type=checkbox]+label,
.un_checkbox_5 input[type=radio]+label {
    padding-left: 2em
}

.un_checkbox_5 input[type=checkbox]+label:after,
.un_checkbox_5 input[type=checkbox]+label:before,
.un_checkbox_5 input[type=radio]+label:before {
    content: '';
    background: #ececec;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    z-index: -1;
    position: absolute;
    left: 0;
    transition: all ease .5s
}

.un_checkbox_5 input[type=checkbox]+label:after {
    border-radius: 0
}

.un_checkbox_5 input[type=checkbox]:checked+label:after,
.un_checkbox_5 input[type=radio]:checked+label:before {
    border-radius: 50% 0 50% 50%;
    transition: all ease .75s;
    transform: rotate(45deg);
    background: #666;
    border: 1px solid #666
}

.un_checkbox_5 input[type=checkbox]:checked+label:before {
    transition: all ease .75s;
    border-radius: 0 50% 50% 0;
    background: #666;
    border: 1px solid #666
}

.text-greenish {
    color: #5ef9c6 !important
}

.text-grey {
    color: #666 !important
}

.text-yellow {
    color: #dbd75f !important
}

.bg-greenish {
    background: #5ef9c6 !important;
    color: #5a5055 !important
}

.bg-grey {
    background: #666 !important
}

.bg-green {
    background: #6a6 !important;
    color: #fff
}

.bg-yellow {
    background: #dbd75f !important
}

.bg-red {
    background: #e74c3c;
    color: #fff
}

.bg-blue {
    background: #558a9b;
    color: #fff
}

@keyframes check {
    0% {
        height: 0;
        width: 0
    }
    25% {
        height: 0;
        width: 10px
    }
    50% {
        height: 20px;
        width: 10px
    }
}

@keyframes click-wave {
    0% {
        height: 40px;
        width: 40px;
        opacity: .35;
        position: relative
    }
    100% {
        height: 200px;
        width: 200px;
        margin-left: -80px;
        margin-top: -80px;
        opacity: 0
    }
}

@keyframes click-wave-sm {
    0% {
        height: 1.7rem;
        width: 1.7rem;
        opacity: .35;
        position: relative
    }
    100% {
        height: 8rem;
        width: 8rem;
        margin-left: -2rem;
        opacity: 0
    }
}

.un_checkbox3 input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    top: 13.33px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 40px;
    -webkit-transition: all .15s ease-out 0s;
    -moz-transition: all .15s ease-out 0s;
    transition: all .15s ease-out 0s;
    background: #cbd1d8;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: .5rem;
    margin-top: .3rem;
    outline: 0;
    position: relative
}

.un_checkbox3 input:hover {
    background: #9faab7
}

.un_checkbox3 input:checked {
    background: #40e0d0
}

.un_checkbox3 input:checked::before {
    height: 40px;
    width: 40px;
    position: absolute;
    content: '\2716';
    display: inline-block;
    font-size: 24px;
    text-align: center;
    line-height: 40px;
    margin: 2px 1px 1px
}

.un_checkbox3:not(.sm) input:checked::after {
    animation: click-wave .65s;
    background: #40e0d0;
    content: '';
    display: block;
    position: relative;
    z-index: 100
}

.un_checkbox3 input.radio,
.un_checkbox3 radio::after {
    border-radius: 50%
}

.un_checkbox3 label {
    display: inline-block;
    line-height: 40px
}

.un_checkbox3.sm input {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1.4rem;
    width: 1.4rem
}

.un_checkbox3.sm input:checked::before {
    height: 1rem;
    width: 1rem;
    line-height: 1rem
}

.un_checkbox3.sm label {
    line-height: 1rem
}

.un_checkbox3.sm input:checked::after {
    animation: click-wave-sm .65s;
    background: #40e0d0;
    content: '';
    display: block;
    position: relative;
    z-index: 100
}

.un_checkbox_4.un_flex_vs>* {
    width: 100%;
    margin: .5rem
}

.un_checkbox_4.un_flex_vs>div>label {
    width: 100% !important
}

.ball-beat>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    display: inline-block;
    -webkit-animation: ball-beat .7s 0s infinite linear;
    animation: ball-beat .7s 0s infinite linear
}

.ball-beat>div:nth-child(2n-1) {
    -webkit-animation-delay: -.35s !important;
    animation-delay: -.35s !important
}

@-webkit-keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

[class*=" i-"],
[class^=i-] {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=i-]:before,
[class^=i-]:before {
/*    font-family: np*/
}

.i-fill:before {
    content: "\e907"
}

.i-reorder:before {
    content: "\e900"
}

.i-citizens:before {
    content: "\e901"
}

.i-task:before {
    content: "\e902"
}

.i-tactic:before {
    content: "\e903"
}

.i-counteraction:before {
    content: "\e904"
}

.i-hypocrisy:before {
    content: "\e905"
}

.i-nametag:before {
    content: "\e906"
}

.i-external-link:before {
    content: "\e644"
}

.i-puzzle:before {
    content: "\e68f"
}

.i-header:before {
    content: "\e6bd"
}

.i-brand:before {
    content: "\e6a5"
}

.i-explain:before {
    content: "\e69e"
}

.i-automatic:before {
    content: "\e6b6"
}

.i-automaton:before {
    content: "\e6b7"
}

.i-complex1:before {
    content: "\e6b8"
}

.i-complex2:before {
    content: "\e6b9"
}

.i-complex3:before {
    content: "\e6ba"
}

.i-handwash:before {
    content: "\e6bb"
}

.i-manual:before {
    content: "\e6bc"
}

.i-wikipedia:before {
    content: "\e6b5"
}

.i-unbox:before {
    content: "\e6b4"
}

.i-factory:before {
    content: "\e67e"
}

.i-ownership:before {
    content: "\e6af"
}

.i-polcapital:before {
    content: "\e6b0"
}

.i-polfactory:before {
    content: "\e6b1"
}

.i-polownership:before {
    content: "\e6b2"
}

.i-polwork:before {
    content: "\e6b3"
}

.i-refine:before {
    content: "\e6a6"
}

.i-lightbulb:before {
    content: "\e6a4"
}

.i-interface:before {
    content: "\e6a3"
}

.i-dashboard:before {
    content: "\e6a2"
}

.i-wykop:before {
    content: "\e696"
}

.i-cattrack:before {
    content: "\e697"
}

.i-whistle:before {
    content: "\e661"
}

.i-compare:before {
    content: "\e663"
}

.i-vee:before {
    content: "\e66b"
}

.i-exemplars:before {
    content: "\e66c"
}

.i-elephant:before {
    content: "\e668"
}

.i-decide:before {
    content: "\e666"
}

.i-vote:before {
    content: "\e664"
}

.i-mismatch:before {
    content: "\e678"
}

.i-send:before {
    content: "\e675"
}

.i-commodity:before {
    content: "\e674"
}

.i-ingredient:before {
    content: "\e673"
}

.i-advanced:before {
    content: "\e672"
}

.i-brklink:before {
    content: "\e670"
}

.i-protest:before {
    content: "\e671"
}

.i-tire:before {
    content: "\e67a"
}

.i-unrel:before {
    content: "\e67b"
}

.i-protest2:before {
    content: "\e645"
}

.i-protest3:before {
    content: "\e646"
}

.i-obeyme:before {
    content: "\e647"
}

.i-resist_think:before {
    content: "\e648"
}

.i-resist_speakout:before {
    content: "\e67c"
}

.i-obeying:before {
    content: "\e67d"
}

.i-connections:before {
    content: "\e680"
}

.i-domino:before {
    content: "\e681"
}

.i-groups:before {
    content: "\e682"
}

.i-linkent:before {
    content: "\e683"
}

.i-exchange:before {
    content: "\e684"
}

.i-interrogate:before {
    content: "\e685"
}

.i-resist_fight:before {
    content: "\e687"
}

.i-types:before {
    content: "\e688"
}

.i-relations:before {
    content: "\e689"
}

.i-filter:before {
    content: "\e68a"
}

.i-fist:before {
    content: "\e679"
}

.i-subdued:before {
    content: "\e68b"
}

.i-patronize:before {
    content: "\e686"
}

.i-unisono:before {
    content: "\e67f"
}

.i-subdued2:before {
    content: "\e68c"
}

.i-sleep:before {
    content: "\e68d"
}

.i-terms:before {
    content: "\e68e"
}

.i-orient:before {
    content: "\e693"
}

.i-exemplar:before {
    content: "\e695"
}

.i-menu:before {
    content: "\e6be"
}

.i-play:before {
    content: "\e698"
}

.i-wand:before {
    content: "\e6a9"
}

.i-bug:before {
    content: "\e6aa"
}

.i-bars:before {
    content: "\e6ab"
}

.i-flag:before {
    content: "\e6ac"
}

.i-eye:before {
    content: "\e6ad"
}

.i-notification:before {
    content: "\e699"
}

.i-question:before {
    content: "\e69a"
}

.i-blocked:before {
    content: "\e69b"
}

.i-pencil:before {
    content: "\e601"
}

.i-quill:before {
    content: "\e602"
}

.i-bullhorn:before {
    content: "\e603"
}

.i-profile:before {
    content: "\e604"
}

.i-barcode:before {
    content: "\e605"
}

.i-qrcode:before {
    content: "\e606"
}

.i-coin:before {
    content: "\e608"
}

.i-support:before {
    content: "\e609"
}

.i-address-book:before {
    content: "\e60a"
}

.i-envelope:before {
    content: "\e60b"
}

.i-history:before {
    content: "\e60c"
}

.i-download:before {
    content: "\e60e"
}

.i-upload:before {
    content: "\e60f"
}

.i-cabinet:before {
    content: "\e610"
}

.i-users:before {
    content: "\e611"
}

.i-users2:before {
    content: "\e612"
}

.i-user:before {
    content: "\e613"
}

.i-user2:before {
    content: "\e614"
}

.i-key:before {
    content: "\e61a"
}

.i-wrench:before {
    content: "\e61b"
}

.i-settings:before {
    content: "\e61c"
}

.i-cogs:before {
    content: "\e61e"
}

.i-wand2:before {
    content: "\e61f"
}

.i-fire:before {
    content: "\e620"
}

.i-target:before {
    content: "\e621"
}

.i-tree:before {
    content: "\e622"
}

.i-cloud-download:before {
    content: "\e623"
}

.i-cloud-upload:before {
    content: "\e624"
}

.i-earth:before {
    content: "\e625"
}

.i-link:before {
    content: "\e626"
}

.i-flag2:before {
    content: "\e627"
}

.i-eye-blocked:before {
    content: "\e628"
}

.i-star:before {
    content: "\e629"
}

.i-star2:before {
    content: "\e62a"
}

.i-star3:before {
    content: "\e62b"
}

.i-heart-broken:before {
    content: "\e62c"
}

.i-warning:before {
    content: "\e62d"
}

.i-spam:before {
    content: "\e62e"
}

.i-feed:before {
    content: "\e632"
}

.i-hammer:before {
    content: "\e635"
}

.i-lightning:before {
    content: "\e636"
}

.i-stack:before {
    content: "\e637"
}

.i-paste:before {
    content: "\e638"
}

.i-food:before {
    content: "\e639"
}

.i-lab:before {
    content: "\e63a"
}

.i-mobile:before {
    content: "\e63b"
}

.i-minus:before {
    content: "\e63c"
}

.i-flickr:before {
    content: "\e640"
}

.i-camera:before {
    content: "\e658"
}

.i-book:before {
    content: "\e659"
}

.i-cart2:before {
    content: "\e65a"
}

.i-alarm:before {
    content: "\e65b"
}

.i-calendar:before {
    content: "\e65c"
}

.i-bubbles2:before {
    content: "\e65d"
}

.i-remove:before {
    content: "\e65f"
}

.i-numbered-list:before {
    content: "\e660"
}

.i-confused:before {
    content: "\e665"
}

.i-smiley:before {
    content: "\e667"
}

.i-thumbs-up:before {
    content: "\e669"
}

.i-thumbs-up2:before {
    content: "\e66a"
}

.i-user3:before {
    content: "\e662"
}

.i-drawer:before {
    content: "\e66d"
}

.i-pie:before {
    content: "\e66f"
}

.i-file:before {
    content: "\e676"
}

.i-unlock-fill:before {
    content: "\e691"
}

.i-add-to-list:before {
    content: "\e649"
}

.i-tools:before {
    content: "\e64b"
}

.i-directions:before {
    content: "\e64c"
}

.i-user-add:before {
    content: "\e64d"
}

.i-vcard:before {
    content: "\e64e"
}

.i-progress-0:before {
    content: "\e64f"
}

.i-brogress-1:before {
    content: "\e650"
}

.i-progress-2:before {
    content: "\e651"
}

.i-progress-3:before {
    content: "\e652"
}

.i-publish:before {
    content: "\e653"
}

.i-settings2:before {
    content: "\e656"
}

.un_developer {
    position: relative;
    margin: 3rem 1rem .9rem;
    padding-top: 3rem;
    word-break: break-all;
    border: 2px dotted rgba(235, 103, 91, .94);
    background: rgba(235, 103, 91, .94)
}

.un_developer:before {
    content: "Developer output box";
    position: absolute;
    top: .1rem;
    color: #ddd
}

@media screen and (max-width:55.5em) {
    .ui.dimmer p {
        font-size: 45%;
        color: #ff0 !important
    }
    .un_nav>*>i {
        padding: 0;
        margin-right: 0;
        background: 0 0;
        color: #fff
    }
    .un_flex_even>* {
        width: 100%;
        flex-direction: column
    }
    .un_object>img {
        max-width: 5rem;
        max-height: 4rem
    }
    .un_object,
    div.un_box.un_flex_hc,
    div.un_flex_hs {
        flex-direction: column
    }
    .hid {
        display: inline-block
    }
    .dropdown-toggle::after,
    .him,
    .un_nav>* span,
    span.caret:after {
        display: none !important
    }
    .un_box img {
        max-width: 100%
    }
    .un_widehalf>div {
        min-width: 100%;
        max-width: 100%
    }
    .un_container {
        margin: 0;
        padding: 0
    }
    .un_choices,
    .un_wide12,
    .un_wide16 {
        width: 100%;
        max-width: 100%
    }
    .un_title {
        margin: .2rem
    }
    .un_statistic {
        display: flex !important;
        flex-direction: row;
        background: #676a7a;
        font-size: 1rem;
        margin: .1rem 0;
        max-width: auto;
        border-radius: 5px;
        padding: .4rem;
        width: 100%
    }
    .un_statistic>* {
        display: inline-block;
        flex: 1 1 auto
    }
    .un_statistic .value {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1rem;
        color: #1b1c1d;
        margin: 1rem
    }
    .un_statistic h4 {
        margin: 1rem;
        padding: 0
    }
    .un_presenter_4 {
        background: green
    }
    .un_presenter_4>* {
        padding: .5rem;
        width: 100%;
        flex-grow: 0;
        flex-direction: column;
        background: #00f
    }
    .un_presenter_4>div:nth-of-type(1) {
        background: #222
    }
    .un_presenter_4>div:nth-of-type(2) {
        background: #333
    }
    .un_presenter_4>div:nth-of-type(3) {
        background: #444
    }
    .un_presenter_4 h2 {
        font-size: 2rem !important
    }
    .un_presenter_4 h4 {
        font-size: 1.6rem !important;
        font-size: 110%
    }
    .un_presenter_5 p {
        font-size: 1.4rem !important
    }
}