/*!
 * # Semantic UI 2.4.2 - Reset
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
 .ui.button:focus,
 .ui.button:hover {
     background-color: #cacbcd;
     color: rgba(0,0,0,.8);
 }
 .ui.button {
     -webkit-tap-highlight-color: transparent;
 }
 .ui.button,
 .ui.text.loader,
 i.icon {
     font-style: normal;
 }
 
 i.icon {
     -moz-osx-font-smoothing: grayscale;
 }
 .ui.button,
 .ui.menu .item,
 a,
 a:hover {
     text-decoration: none;
 }
 a,
 i.link.icon:hover {
     opacity: 1!important;
 }
 #body {
     margin: auto;
 }
 
 #item {
     max-width: 1100px;
 }
 *,
 :after,
 :before {
     box-sizing: inherit;
 }
 #ipsLayout_mainArea,
 *,
 html {
     box-sizing: border-box;
 }
 /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
 button {
     font-family: sans-serif;
     font-size: 100%;
     line-height: 1.15;
     margin: 0;
 }
 .ui.button,
 .ui.header,
 .ui.text.container,
 body,
 h1,
 h2,
 h3 {
     font-family: Valexa,Helvetica Neue,Arial,Helvetica,sans-serif;
 }
 /*!
   * # Semantic UI 2.4.2 - 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 {
     font-smoothing: antialiased;
     background: #fff;
     color: rgba(0,0,0,.87);
     min-width: 320px;
     overflow-x: hidden;
 }
 body,
 h1,
 h2,
 h3 {
     padding: 0;
 }
 h1,
 h2,
 h3 {
     font-weight: 700;
     line-height: 30px;
     margin: calc(2rem - .14286em) 0 1rem;
 }
 h3 {
     font-size: 15px;
 }
 
 .ui.button,
 .ui.segment {
     font-size: 1rem;
 }
 
 .ui.grid > .ui.grid:first-child,
 .ui.header+p,
 .ui.icon.header:first-child,
 .ui.items > .item:first-child,
 .ui.menu .item > p:first-child,
 .ui.menu:first-child,
 .ui.segment:first-child,
 h1:first-child,
 h2:first-child,
 h3:first-child,
 p:first-child {
     margin-top: 0;
 }
 
 .ui.grid > .ui.grid:last-child,
 .ui.header:last-child,
 .ui.items > .item > .content p:last-child,
 .ui.items > .item:last-child,
 .ui.menu .item > p:last-child,
 .ui.menu:last-child,
 .ui.segment:last-child,
 h1:last-child,
 h2:last-child,
 h3:last-child,
 p:last-child {
     margin-bottom: 0;
 }
 p {
     line-height: 1.4285em;
     margin: 0 0 1em;
 }
 a:hover {
     color: #1e70bf;
 }
 
 i.icon {
     speak: none;
     font-smoothing: antialiased;
     text-decoration: inherit;
     backface-visibility: hidden;
 }
 ::-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);
 }
 body ::-webkit-scrollbar {
     -webkit-appearance: none;
     height: 10px;
     width: 10px;
 }
 body ::-webkit-scrollbar-track {
     background: rgba(0,0,0,.1);
     border-radius: 0;
 }
 body ::-webkit-scrollbar-thumb {
     background: rgba(0,0,0,.25);
     border-radius: 5px;
     cursor: pointer;
     -webkit-transition: color 0.2s;
     transition: color 0.2s;
 }
 body ::-webkit-scrollbar-thumb:window-inactive {
     background: rgba(0,0,0,.15);
 }
 body ::-webkit-scrollbar-thumb:hover {
     background: hsla(202,5%,52%,.8);
 }
 /*!
   * # Semantic UI 2.4.2 - Button
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 .ui.button {
     background: #e0e1e2;
     border: none;
     border-radius: 0.28571429rem;
     color: rgba(0,0,0,.6);
     cursor: pointer;
     display: inline-block;
     font-weight: 700;
     line-height: 1em;
     margin: 0 0.25em 0 0;
     min-height: 1em;
     outline: 0;
     padding: 0.78571429em 1.5em;
     text-align: center;
     text-shadow: none;
     text-transform: none;
     transition: opacity 0.1s,background-color 0.1s,color 0.1s,box-shadow 0.1s,background 0.1s;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     vertical-align: baseline;
     will-change: "";
 }
 .ui.button,
 .ui.button:hover {
     box-shadow: inset 0 0 0 1px transparent,inset 0 0 0 0 rgba(34,36,38,.15);
 }
 .ui.button:hover {
     background-image: none;
 }
 .ui.button:focus .icon,
 .ui.button:hover .icon {
     opacity: 0.85;
 }
 .ui.button:focus {
     background-image: ""!important;
     box-shadow: ""!important;
 }
 
 .ui.button:active {
     background-color: #babbbc;
     background-image: "";
     box-shadow: inset 0 0 0 1px transparent,none;
     color: rgba(0,0,0,.9);
 }
 .ui.loading.loading.loading.loading.loading.loading.button {
     color: transparent!important;
     cursor: default;
     opacity: 1;
     pointer-events: auto;
     position: relative;
     text-shadow: none!important;
     transition: linear,opacity 0.1s;
 }
 .ui.loading.button:before {
     border: 0.2em solid rgba(0,0,0,.15);
     border-radius: 500rem;
 }
 .ui.loading.button:after,
 .ui.loading.button:before {
     content: "";
     height: 1.28571429em;
     left: 50%;
     margin: -.64285714em 0 0 -.64285714em;
     position: absolute;
     top: 50%;
     width: 1.28571429em;
 }
 .ui.loading.button:after {
     animation: 0.6s linear infinite button-spin;
     border: 0.2em solid transparent;
     border-radius: 500rem;
     border-top-color: #fff;
     box-shadow: 0 0 0 1px transparent;
 }
 @keyframes button-spin {
     0% {
         transform: rotate(0);
     }
     to {
         transform: rotate(1turn);
     }
 }
 .ui.button:disabled {
     background-image: none!important;
     box-shadow: none!important;
     cursor: default;
     opacity: 0.45!important;
     pointer-events: none!important;
 }
 .ui.button > .icon:not(.button) {
     color: "";
     height: 0.85714286em;
     opacity: 0.8;
     transition: opacity 0.1s;
     vertical-align: "";
 }
 .ui.button > .icon:not(.button),
 .ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {
     margin: 0 0.42857143em 0 -.21428571em;
 }
 
 .ui.tiny.button,
 .ui.tiny.menu,
 .ui.tiny.segment {
     font-size: 0.85714286rem;
 }
 
 h3.ui.header {
     font-size: 1.28571429rem;
 }
 .ui.icon.button {
     padding: 0.78571429em;
 }
 .ui.icon.button > .icon {
     margin: 0!important ;
     opacity: 0.9;
     vertical-align: top;
 }
 .ui.fluid.button {
     display: block;
     width: 100%;
 }
 /*!
   * # Semantic UI 2.4.2 - 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 {
         margin-left: 1em!important;
         margin-right: 1em!important;
     }
     .ui.container,
     .ui.grid.container {
         width: auto!important;
     }
 }
 @media only screen and (min-width:768px) and (max-width:991px) {
     .ui.container {
         margin-left: auto!important;
         margin-right: auto!important;
         width: 723px;
     }
     .ui.grid.container {
         width: calc(723px + 2rem)!important;
     }
 }
 .ui.text.container {
     font-size: 1.14285714rem;
     line-height: 1.5;
     max-width: 700px!important;
 }
 
 .ui.fluid.container {
     width: 100%;
 }
 /*!
   * # Semantic UI 2.4.2 - Divider
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 #items {
     margin-top: 2rem!important;
 }
 
 .ui.embed > .embed,
 .ui.hidden.image,
 .ui.hidden.images,
 .ui.item.menu .item:last-child:before,
 .ui.loader.hidden,
 .ui.tab {
     display: none;
 }
 #footer p,
 .ui.embed .icon:hover:before {
     color: #fff;
 }
 /*!
   * # Semantic UI 2.4.2 - Flag
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Header
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 .ui.header {
     border: none;
     color: rgba(0,0,0,.87);
     font-weight: 700;
     line-height: 1.28571429em;
     margin: calc(2rem - .14286em) 0 1rem;
     padding: 0;
     text-transform: none;
 }
 .ui.header:first-child {
     margin-top: -.14285714em;
 }
 .ui.header > .icon {
     display: table-cell;
     font-size: 1.5em;
     opacity: 1;
     padding-top: 0;
     vertical-align: middle;
 }
 .ui.header .icon:only-child {
     display: inline-block;
     margin-right: 0.75rem;
     padding: 0;
 }
 .ui.header > .image:not(.icon) {
     display: inline-block;
     height: auto;
     margin-top: 0.14285714em;
     vertical-align: middle;
     width: 2.5em;
 }
 .ui.header > .image:not(.icon):only-child {
     margin-right: 0.75rem;
 }
 
 .ui.header .content {
     display: inline-block;
     vertical-align: top;
 }
 .ui.header > .icon+.content,
 .ui.header > .image+.content {
     padding-left: 0.75rem;
     vertical-align: middle;
 }
 .ui.header > .icon+.content {
     display: table-cell;
 }
 h1.ui.header {
     font-size: 2rem;
 }
 h2.ui.header {
     font-size: 1.71428571rem;
 }
 
 .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6),
 .ui.items > .item > .content > .header:not(.ui) {
     font-size: 1.28571429em;
 }
 
 .ui.tiny.header,
 i.icon {
     font-size: 1em;
 }
 .ui.icon.header {
     display: inline-block;
     margin: 2rem 0 1rem;
     text-align: center;
 }
 .ui.icon.header:after,
 .ui.menu:after {
     clear: both;
     content: "";
     display: block;
     height: 0;
     visibility: hidden;
 }
 .ui.icon.header .icon {
     float: none;
     font-size: 3em;
     height: auto;
     line-height: 1;
     margin: 0 auto 0.5rem;
     opacity: 1;
     width: auto;
 }
 .ui.icon.header .content,
 .ui.icon.header .icon {
     display: block;
     padding: 0;
 }
 /*!
   * # Semantic UI 2.4.2 - Icon
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   * # Semantic UI 2.4.2 - Image
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 .ui.image {
     background-color: transparent;
     display: inline-block;
     max-width: 100%;
     position: relative;
     vertical-align: middle;
 }
 #ipsLayout_mainArea:only-of-type,
 .status-tabContent.is-active,
 .ui.dimmer .loader,
 footer,
 header,
 main,
 menu {
     display: block;
 }
 .ui.rounded.image,
 .ui.rounded.image > *,
 .ui.rounded.images .image,
 .ui.rounded.images .image > * {
     border-radius: 0.3125em;
 }
 .ui.fluid.image,
 .ui.fluid.images {
     display: block;
     height: auto;
     width: 100%;
 }
 .ui.tiny.image,
 .ui.tiny.images .image {
     font-size: 0.85714286rem;
     height: auto;
     width: 80px;
 }
 .ui.images {
     font-size: 0;
     margin: 0 -.25rem;
 }
 .ui.images .image {
     display: inline-block;
     margin: 0 0.25rem 0.5rem;
 }
 /*!
   * # Semantic UI 2.4.2 - Input
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 .ui.loader:before {
     border: 0.2em solid rgba(0,0,0,.1);
     border-radius: 500rem;
 }
 
 .ui.items > .item a,
 .ui.items a.item:hover,
 .ui.link.items > .item:hover {
     cursor: pointer;
 }
 
 .ui.icon.menu .icon:before,
 .ui.modal > .close:hover {
     opacity: 1;
 }
 .ui.menu > .item:first-child {
     border-radius: 0.28571429rem 0 0 0.28571429rem;
 }
 
 .ui.menu:not(.vertical) > .menu {
     display: flex;
 }
 /*!
   * # Semantic UI 2.4.2 - Label
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 
 .ui.items > .item .meta :last-child {
     margin-right: 0;
 }
 
 .ui.text.menu .item:before,
 .ui.text.menu .menu .item:before {
     display: none!important;
 }
 #statusPage__root,
 #ui-header-wrapper {
     position: relative;
     z-index: 0;
 }
 /*!
   * # Semantic UI 2.4.2 - List
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 
 .ui.items > .item > .content > a.header:hover,
 .ui.items a.item:hover .content .header,
 .ui.link.items > .item:hover .content .header {
     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.dimmer .ui.loader {
     color: hsla(0,0%,100%,.9);
 }
 
 .ui.menu .item {
     -webkit-user-select: none;
     -moz-user-select: none;
 }
 /*!
   * # Semantic UI 2.4.2 - Loader
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 .ui.loader {
     display: none;
     left: 50%;
     margin: 0;
     position: absolute;
     text-align: center;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     z-index: 1000;
 }
 .ui.loader:after,
 .ui.loader:before {
     content: "";
     left: 50%;
     position: absolute;
     top: 0;
     height: 2.28571429rem;
     margin: 0 0 0 -1.14285714rem;
     width: 2.28571429rem;
 }
 .ui.loader:after {
     animation: 0.6s linear infinite loader;
     border: 0.2em solid transparent;
     border-radius: 500rem;
     border-top-color: #767676;
     box-shadow: 0 0 0 1px transparent;
 }
 @keyframes loader {
     0% {
         transform: rotate(0);
     }
     to {
         transform: rotate(1turn);
     }
 }
 .ui.tiny.loader:after,
 .ui.tiny.loader:before {
     height: 1.14285714rem;
     margin: 0 0 0 -.57142857rem;
     width: 1.14285714rem;
 }
 .ui.dimmer .ui.loader:before {
     border-color: hsla(0,0%,100%,.15);
 }
 .ui.dimmer .ui.loader:after {
     border-color: #fff transparent transparent;
 }
 .ui.text.loader {
     height: auto!important;
     text-align: center;
     width: auto!important;
     min-width: 2.28571429rem;
     padding-top: 3.07142857rem;
 }
 
 .ui.tiny.loader {
     font-size: 0.85714286em;
     height: 1.14285714rem;
     width: 1.14285714rem;
 }
 
 .ui.loader {
     font-size: 1em;
     height: 2.28571429rem;
     width: 2.28571429rem;
 }
 .ui.tiny.text.loader {
     min-width: 1.14285714rem;
     padding-top: 1.92857143rem;
 }
 /*!
   * # Semantic UI 2.4.2 - Loader
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 
 .ui.dimmer {
     animation-fill-mode: both;
 }
 @keyframes placeholderShimmer {
     0% {
         background-position: -1200px 0;
     }
     to {
         background-position: 1200px 0;
     }
 }
 
 button {
     overflow: visible;
 }
 
 .ui.segment {
     background: #fff;
     box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
 }
 /*!
   * # Semantic UI 2.4.2 - Rail
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Reveal
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Segment
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 .ui.segment {
     border: 1px solid rgba(34,36,38,.15);
     border-radius: 0.28571429rem;
     margin: 1rem 0;
     padding: 1em;
     position: relative;
 }
 
 .ui.page.grid.segment {
     padding-bottom: 2em;
     padding-top: 2em;
 }
 .ui.grid.segment {
     border-radius: 0.28571429rem;
     margin: 1rem 0;
 }
 
 .ui.loading.segment:after {
     box-shadow: 0 0 0 1px transparent;
     content: "";
     position: absolute;
     visibility: visible;
 }
 .ui.grid {
     align-items: stretch;
 }
 .ui.loading.segment {
     color: transparent!important;
     cursor: default;
     pointer-events: none;
     position: relative;
     text-shadow: none!important;
     transition: linear;
 }
 .ui.loading.segment:before {
     background: hsla(0,0%,100%,.8);
     border-radius: 0.28571429rem;
     content: "";
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 100;
 }
 .ui.loading.segment:after {
     animation: 0.6s linear infinite segment-spin;
     border: 0.2em solid rgba(0,0,0,.1);
     border-radius: 500rem;
     border-top-color: #767676;
     height: 3em;
     left: 50%;
     margin: -1.5em 0 0 -1.5em;
     top: 50%;
     width: 3em;
     z-index: 101;
 }
 @keyframes segment-spin {
     0% {
         transform: rotate(0);
     }
     to {
         transform: rotate(1turn);
     }
 }
 /*!
   * # Semantic UI 2.4.2 - Step
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 .ui.menu {
     box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
 }
 
 .ui.items > .item > .content > a.header {
     color: rgba(0,0,0,.85);
 }
 
 .ui.items > .item > .content > .header,
 .ui.menu,
 .ui.modal > .header {
     font-family: Valexa,Helvetica Neue,Arial,Helvetica,sans-serif;
 }
 #items .row {
     background: #fff;
 }
 
 .ui.menu.four.item .item {
     width: 25%;
 }
 .ui.menu.six.item .item {
     width: 16.666%;
 }

 /*!
   * # Semantic UI 2.4.2 - Breadcrumb
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Form
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 @keyframes form-spin {
     0% {
         transform: rotate(0);
     }
     to {
         transform: rotate(1turn);
     }
 }
 
 .ui.grid > .row,
 .ui.menu.fluid {
     width: 100%!important;
 }
 
 .ui.menu .menu,
 .ui.text.item.menu .item {
     margin: 0;
 }
 .statusPageHeader > header,
 .statusType__row,
 .statusTypes,
 .ui.menu:not(.vertical) .item {
     align-items: center;
     display: flex;
 }
 /*!
   * # Semantic UI 2.4.2 - Grid
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 .ui.grid {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     margin: -1rem;
     padding: 0;
 }
 .ui.grid+.grid {
     margin-top: 1rem;
 }
 .ui.grid > * {
     padding-left: 1rem;
     padding-right: 1rem;
 }
 .ui.grid > .row {
     align-items: stretch;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: inherit;
     padding: 1rem 0;
     position: relative;
 }
 @media only screen and (max-width:767px) {
     .ui.page.grid {
         margin-left: 0;
         margin-right: 0;
         padding-left: 0;
         padding-right: 0;
         width: auto;
     }
 }
 @media only screen and (min-width:768px) and (max-width:991px) {
     .ui.page.grid {
         margin-left: 0;
         margin-right: 0;
         padding-left: 2em;
         padding-right: 2em;
         width: auto;
     }
     .ui.doubling.grid {
         width: auto;
     }
     .ui.doubling.grid > .row,
     .ui.grid > .doubling.row {
         margin: 0 !important;
         padding: 0 !important;
     }
 }
 .m-0 {
     margin: 0 !important;
 }
 .ui.menu:not(.vertical) .item > .button {
     margin: -.5em 0;
     position: relative;
     top: 0;
 }
 @media only screen and (min-width:992px) and (max-width:1199px) {
     .ui.container {
         margin-left: auto!important;
         margin-right: auto!important;
         width: 933px;
     }
     .ui.grid.container {
         width: calc(933px + 2rem)!important;
     }
     .ui.page.grid {
         margin-left: 0;
         margin-right: 0;
         padding-left: 3%;
         padding-right: 3%;
         width: auto;
     }
 }
 @media only screen and (min-width:1200px) and (max-width:1919px) {
     .ui.page.grid {
         margin-left: 0;
         margin-right: 0;
         padding-left: 15%;
         padding-right: 15%;
         width: auto;
     }
 }
 .ui.menu {
     background: #fff;
     border: 1px solid rgba(34,36,38,.15);
     border-radius: 0.28571429rem;
     display: flex;
     font-weight: 400;
     margin: 1rem 0;
     min-height: 2.85714286em;
     font-size: 1rem;
 }
 .ui.menu .item {
     -webkit-tap-highlight-color: transparent;
     background: 0 0;
     color: rgba(0,0,0,.87);
     flex: 0 0 auto;
     font-weight: 400;
     line-height: 1;
     padding: 0.92857143em 1.14285714em;
     position: relative;
     text-transform: none;
     transition: background 0.1s,box-shadow 0.1s,color 0.1s;
     user-select: none;
     vertical-align: middle;
 }
 .ui.menu .item:before {
     background: rgba(34,36,38,.1);
     content: "";
     height: 100%;
     position: absolute;
     right: 0;
     top: 0;
     width: 1px;
 }
 .ui.menu .item > a:not(.ui),
 .ui.menu .item > p:only-child,
 .ui.menu .text.item > * {
     line-height: 1.3;
     -webkit-user-select: text;
     -moz-user-select: text;
     user-select: text;
 }
 .ui.menu .item > i.icon {
     float: none;
     margin: 0 0.35714286em 0 0;
     opacity: 0.9;
 }
 .ui.menu:not(.vertical) .item > .button {
     font-size: 1em;
     padding-bottom: 0.78571429em;
     padding-top: 0.78571429em;
 }
 .ui.menu > .container,
 .ui.menu > .grid {
     align-items: inherit;
     display: flex;
     flex-direction: inherit;
 }
 .ui.menu .header.item {
     margin: 0;
     text-transform: normal;
 }
 .ui.link.menu .item:hover,
 .ui.menu .link.item:hover,
 .ui.menu a.item:hover {
     background: rgba(0,0,0,.03);
     color: rgba(0,0,0,.95);
     cursor: pointer;
 }
 .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:not(.vertical) .left.item,
 .ui.menu:not(.vertical) :not(.dropdown) > .left.menu {
     display: flex;
     margin-right: auto!important;
 }
 .ui.fluid.text.menu {
     margin-left: 0;
     margin-right: 0;
 }
 #cookies * {
     color: #fff!important;
 }
 .ui.text.menu {
     background: none;
     border: none;
     border-radius: 0;
     box-shadow: none;
     margin: 1em -.5em;
 }
 .ui.text.menu .item {
     align-self: center;
     border-radius: 0;
     box-shadow: none;
     color: rgba(0,0,0,.6);
     font-weight: 400;
     margin: 0;
     padding: 0.35714286em 0.5em;
     transition: opacity 0.1s;
 }
 .px-0,
 .ui.item.menu,
 .ui.item.menu .item {
     padding-left: 0!important;
     padding-right: 0!important;
 }
 .ui.text.menu .header.item {
     background-color: transparent;
     color: rgba(0,0,0,.85);
     font-size: 0.92857143em;
     font-weight: 700;
     opacity: 1;
     text-transform: uppercase;
 }
 .ui.text.menu .item:hover {
     background-color: transparent;
     opacity: 1;
 }
 .ui.icon.menu .item {
     color: #1b1c1d;
     height: auto;
     text-align: center;
 }
 .ui.icon.menu .item > .icon:not(.dropdown) {
     margin: 0;
     opacity: 1;
 }
 .ui.menu .icon.item > .icon {
     margin: 0 auto;
     width: auto;
 }
 .ui.item.menu,
 .ui.item.menu .item {
     justify-content: center;
     margin-left: 0!important;
     margin-right: 0!important;
     text-align: center;
     width: 100%;
 }
 /*!
   * # Semantic UI 2.4.2 - Message
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Table
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 
 .ui.modal {
     font-size: 1rem;
 }
 /*!
   * # Semantic UI 2.4.2 - Ad
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Copyright 2013 Contributors
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Item
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Comment
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Feed
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Item
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 .ui.items > .item {
     background: 0 0;
     border: none;
     border-radius: 0;
     box-shadow: none;
     display: flex;
     margin: 1em 0;
     min-height: 0;
     padding: 0;
     transition: box-shadow 0.1s;
     width: 100%;
     z-index: "";
     font-size: 1em;
 }
 .ui.items {
     margin: 1.5em 0;
 }
 .mt-0,
 .ui.items:first-child {
     margin-top: 0!important;
 }
 
 .ui.items:last-child {
     margin-bottom: 0!important;
 }
 
 .ui.items > .item > .content:after,
 .ui.items > .item:after {
     clear: both;
     content: " ";
     display: block;
     height: 0;
     overflow: hidden;
     visibility: hidden;
 }
 .ui.items > .item > .image {
     align-self: top;
     display: block;
     flex: 0 0 auto;
     float: none;
     margin: 0;
     max-height: "";
     padding: 0;
     position: relative;
 }
 .ui.items > .item > .content {
     background: 0 0;
     border: none;
     border-radius: 0;
     box-shadow: none;
     display: block;
     flex: 1 1 auto;
     font-size: 1em;
     margin: 0;
     padding: 0;
 }
 .ui.items > .item > .image+.content {
     align-self: top;
     display: block;
     margin-left: 0;
     min-width: 0;
     padding-left: 1.5em;
     width: auto;
 }
 .ui.items > .item > .content > .header {
     color: rgba(0,0,0,.85);
     display: inline-block;
     font-weight: 700;
     margin: -.21425em 0 0;
 }
 .ui.items > .item > .content > .description {
     color: rgba(0,0,0,.87);
     font-size: 1em;
     line-height: 1.4285em;
     margin-top: 0.6em;
     max-width: auto;
 }
 .ui.items > .item > .content p {
     margin: 0 0 0.5em;
 }
 .ui.items > .item .meta {
     color: rgba(0,0,0,.6);
     font-size: 1em;
     line-height: 1em;
     margin: 0.5em 0;
 }
 .ui.items > .item .meta * {
     margin-right: 0.3em;
 }
 .ui.items > .item > .content a:not(.ui) {
     color: "";
     transition: color 0.1s;
 }
 .ui.items > .item > .content a:not(.ui):hover {
     color: "";
 }
 .ui.items > .item > .content .favorite.icon {
     cursor: pointer;
     opacity: 0.75;
     transition: color 0.1s;
 }
 .ui.items > .item > .content .favorite.icon:hover {
     color: #ffb70a;
     opacity: 1;
 }
 .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;
     }
 }
 /*!
   * # Semantic UI 2.4.2 - Statistic
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Accordion
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */

 /*!
   * # Semantic UI 2.4.2 - Checkbox
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 .ui.dimmer {
     vertical-align: middle;
 }

 /*!
   * # Semantic UI 2.4.2 - Dimmer
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 .ui.dimmer {
     align-items: center;
     animation-duration: 0.5s;
     background-color: rgba(0,0,0,.85);
     display: none;
     flex-direction: column;
     justify-content: center;
     left: 0!important;
     line-height: 1;
     opacity: 0;
     padding: 1em;
     text-align: center;
     top: 0!important;
     transition: background-color 0.5s linear;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     width: 100%;
     will-change: opacity;
     z-index: 1000;
 }
 .ui.dimmer > .content {
     color: #fff;
     -webkit-user-select: text;
     -moz-user-select: text;
     user-select: text;
 }
 .ui.segment > .ui.dimmer {
     border-radius: inherit!important;
 }
 .ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
     background: hsla(0,0%,100%,.1);
 }
 .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
     background: hsla(0,0%,100%,.25);
 }
 .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
     background: hsla(0,0%,100%,.15);
 }
 .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
     background: hsla(0,0%,100%,.35);
 }
 .ui.page.dimmer {
     perspective: 2000px;
     position: fixed;
     transform-origin: center center;
     transform-style: "";
 }
 
 a {
     background-color: transparent;
 }
 .ui.embed .icon:hover:after,
 .ui.embed > .icon:after {
     background: radial-gradient(transparent 45%,rgba(0,0,0,.3));
 }
 /*!
   * # Semantic UI 2.4.2 - Dropdown
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 @keyframes dropdown-spin {
     0% {
         transform: rotate(0);
     }
     to {
         transform: rotate(1turn);
     }
 }

 /*!
   * # Semantic UI 2.4.2 - Video
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 .ui.embed {
     background: #dcddde;
     height: 0;
     max-width: 100%;
     overflow: hidden;
     padding-bottom: 56.25%;
     position: relative;
 }
 .ui.embed embed {
     border: none;
     height: 100%;
     left: 0;
     margin: 0;
     padding: 0;
     position: absolute;
     top: 0;
     width: 100%;
 }
 .ui.embed > .icon {
     cursor: pointer;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
 }
 .ui.embed > .icon {
     z-index: 2;
 }
 .ui.embed > .icon:after {
     content: "";
     height: 100%;
     left: 0;
     opacity: 0.5;
     position: absolute;
     top: 0;
     transition: opacity 0.5s;
     width: 100%;
     z-index: 3;
 }
 .ui.embed > .icon:before {
     color: #fff;
     font-size: 6rem;
     left: 50%;
     position: absolute;
     text-shadow: 0 2px 10px rgba(34,36,38,.2);
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     transition: opacity 0.5s,color 0.5s;
     z-index: 10;
 }
 .ui.embed .icon:hover:after {
     opacity: 1;
 }
 /*!
   * # Semantic UI 2.4.2 - Modal
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 .ui.modal {
     background: #fff;
     border: none;
     border-radius: 0.28571429rem;
     box-shadow: 1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);
     display: none;
     flex: 0 0 auto;
     position: absolute;
     text-align: left;
     transform-origin: 50% 25%;
     -webkit-user-select: text;
     -moz-user-select: text;
     user-select: text;
     will-change: top,left,margin,transform,opacity;
     z-index: 1001;
 }
 .ui.modal > .icon:first-child+*,
 .ui.modal > :first-child:not(.icon) {
     border-top-left-radius: 0.28571429rem;
     border-top-right-radius: 0.28571429rem;
 }
 .ui.modal > :last-child {
     border-bottom-left-radius: 0.28571429rem;
     border-bottom-right-radius: 0.28571429rem;
 }
 .ui.modal > .close {
     color: #fff;
     cursor: pointer;
     font-size: 1.25em;
     height: 2.25rem;
     opacity: 0.8;
     padding: 0.625rem 0 0;
     position: absolute;
     right: -2.5rem;
     top: -2.5rem;
     width: 2.25rem;
     z-index: 1;
 }
 .ui.modal > .header {
     background: #fff;
     border-bottom: 1px solid rgba(34,36,38,.15);
     box-shadow: none;
     color: rgba(0,0,0,.85);
     display: block;
     margin: 0;
     padding: 1.25rem 1.5rem;
 }
 .ui.modal > .header:not(.ui) {
     font-size: 1.42857143rem;
     font-weight: 700;
     line-height: 1.28571429em;
 }
 .ui.modal > .content {
     background: #fff;
     display: block;
     font-size: 1em;
     line-height: 1.4;
     padding: 1.5rem;
     width: 100%;
 }
 .ui.modal > .image.content {
     display: flex;
     flex-direction: row;
 }
 .ui.modal > .content > .image {
     align-self: top;
     display: block;
     flex: 0 1 auto;
     width: "";
 }
 .ui.modal > .content > .description {
     align-self: top;
     display: block;
     flex: 1 0 auto;
     min-width: 0;
 }
 .ui.modal > .content > .icon+.description,
 .ui.modal > .content > .image+.description {
     flex: 0 1 auto;
     min-width: "";
     padding-left: 2em;
     width: auto;
 }
 .ui.modal > .content > .image > i.icon {
     font-size: 8rem;
     line-height: 1;
     margin: 0;
     opacity: 1;
     width: auto;
 }
 @media only screen and (max-width:767px) {
     .ui.doubling.grid > .row,
     .ui.grid > .doubling.row {
         margin: 0 !important;
         padding: 0 !important;
     }
     
     .ui.stackable.menu .item {
         width: 100%!important;
     }
     .ui.stackable.grid {
         margin-left: 0!important;
         margin-right: 0!important;
         width: auto;
     }
     .ui.stackable.grid:not(.vertically) > .row {
         margin: 0;
         padding: 0;
     }
     .ui.grid .ui.stackable.grid,
     .ui.segment:not(.vertical) .ui.stackable.page.grid {
         margin-left: -1rem!important;
         margin-right: -1rem!important;
     }
     .ui.menu > .ui.container {
         margin-left: 0!important;
         margin-right: 0!important;
         width: 100%!important;
     }
     .ui.stackable.menu,
     .ui.stackable.menu .left.menu {
         flex-direction: column;
     }
     .ui.stackable.menu .item:before {
         background: rgba(34,36,38,.1);
         bottom: 0;
         content: "";
         height: 1px;
         left: 0;
         position: absolute;
         top: auto;
         width: 100%;
     }
     .ui.stackable.menu .left.item,
     .ui.stackable.menu .left.menu {
         margin-right: 0!important;
     }
     .ui.items:not(.unstackable) > .item {
         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 {
         max-height: 250px!important;
         max-width: 100%!important;
         width: auto!important;
     }
     .ui.items:not(.unstackable) > .item > .image+.content {
         display: block;
         padding: 1.5em 0 0;
     }
     .ui.modal {
         margin: 0;
         width: 95%;
     }
 }
 @media only screen and (max-width:991px) {
     .ui.modal > .header {
         padding-right: 2.25rem;
     }
     .ui.modal > .close {
         color: rgba(0,0,0,.87);
         right: 1rem;
         top: 1.0535rem;
     }
 }
 .ui.loading.modal {
     display: block;
     visibility: hidden;
     z-index: -1;
 }
 @media only screen and (max-width:767px) {
     .ui.modal > .header {
         padding: 0.75rem 2.25rem 0.75rem 1rem !important;
     }
     .ui.modal > .content {
         display: block;
         padding: 1rem !important;
     }
     .ui.modal > .close {
         right: 0.5rem!important;
         top: 0.5rem!important;
     }
     .ui.modal .image.content {
         flex-direction: column;
     }
     .ui.modal .content > .image {
         display: block;
         margin: 0 auto !important;
         max-width: 100%;
         padding: 0 0 1rem !important;
         text-align: center;
     }
     .ui.modal > .content > .image > i.icon {
         font-size: 5rem;
         text-align: center;
     }
     .ui.modal .content > .description {
         box-shadow: none;
         display: block;
         margin: 0 !important;
         padding: 1rem 0 !important;
         width: 100%!important;
     }
     
     .ui.tiny.modal {
         margin: 0;
         width: 95%;
     }
 }
 @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.modal {
         margin: 0;
         width: 88%;
     }
     .ui.tiny.modal {
         margin: 0;
         width: 52.8%;
     }
 }
 @media only screen and (min-width:992px) {
     .ui.modal {
         margin: 0;
         width: 850px;
     }
     .ui.tiny.modal {
         margin: 0;
         width: 510px;
     }
 }
 @media only screen and (min-width:1200px) {
     .ui.container {
         margin-left: auto!important;
         margin-right: auto!important;
         width: 1127px;
     }
     .ui.grid.container {
         width: calc(1127px + 2rem)!important;
     }
     .ui.modal {
         margin: 0;
         width: 900px;
     }
     .ui.tiny.modal {
         margin: 0;
         width: 540px;
     }
 }
 @media only screen and (min-width:1920px) {
     .ui.page.grid {
         margin-left: 0;
         margin-right: 0;
         padding-left: 23%;
         padding-right: 23%;
         width: auto;
     }
     .ui.modal {
         margin: 0;
         width: 950px;
     }
     .ui.tiny.modal {
         margin: 0;
         width: 570px;
     }
 }
 /*!
   * # Semantic UI 2.4.2 - Nag
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Popup
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Progress Bar
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 @keyframes progress-active {
     0% {
         opacity: 0.3;
         width: 0;
     }
     to {
         opacity: 0;
         width: 100%;
     }
 }
 /*!
   * # Semantic UI 2.4.2 - Rating
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */

 /*!
   * # Semantic UI 2.4.2 - Search
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Shape
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Sidebar
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Sticky
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 /*!
   * # Semantic UI 2.4.2 - Tab
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 .ui.tab.loading {
     display: block;
     min-height: 250px;
     overflow: hidden;
     position: relative;
 }
 .ui.tab.loading * {
     left: -10000px!important;
     position: relative!important;
 }
 .ui.tab.loading.segment:before,
 .ui.tab.loading:before {
     border: 0.2em solid rgba(0,0,0,.1);
     border-radius: 500rem;
     content: "";
     height: 2.5em;
     left: 50%;
     margin: -1.25em 0 0 -1.25em;
     position: absolute;
     top: 100px;
     width: 2.5em;
 }
 .ui.tab.loading.segment:after,
 .ui.tab.loading:after {
     animation: 0.6s linear infinite button-spin;
     border: 0.2em solid transparent;
     border-radius: 500rem;
     border-top-color: #767676;
     box-shadow: 0 0 0 1px transparent;
     content: "";
     height: 2.5em;
     left: 50%;
     margin: -1.25em 0 0 -1.25em;
     position: absolute;
     top: 100px;
     width: 2.5em;
 }
 /*!
   * # Semantic UI 2.4.2 - Transition
   * http://github.com/semantic-org/semantic-ui/
   *
   *
   * Released under the MIT license
   * http://opensource.org/licenses/MIT
   *
   */
 #blur,
 #cookies,
 .ui.dimmer {
     position: fixed;
 }
 @keyframes browseIn {
     0% {
         transform: scale(.8) translateZ(0);
         z-index: -1;
     }
     10% {
         opacity: 0.7;
         transform: scale(.8) translateZ(0);
         z-index: -1;
     }
     80% {
         opacity: 1;
         transform: scale(1.05) translateZ(0);
         z-index: 999;
     }
     to {
         transform: scale(1) translateZ(0);
         z-index: 999;
     }
 }
 @keyframes browseOutLeft {
     0% {
         transform: translateX(0) rotateY(0) rotateX(0);
         z-index: 999;
     }
     50% {
         transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
         z-index: -1;
     }
     80% {
         opacity: 1;
     }
     to {
         opacity: 0;
         transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
         z-index: -1;
     }
 }
 @keyframes browseOutRight {
     0% {
         transform: translateX(0) rotateY(0) rotateX(0);
         z-index: 999;
     }
     50% {
         transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
         z-index: 1;
     }
     80% {
         opacity: 1;
     }
     to {
         opacity: 0;
         transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
         z-index: 1;
     }
 }
 @keyframes dropIn {
     0% {
         opacity: 0;
         transform: scale(0);
     }
     to {
         opacity: 1;
         transform: scale(1);
     }
 }
 @keyframes dropOut {
     0% {
         opacity: 1;
         transform: scale(1);
     }
     to {
         opacity: 0;
         transform: scale(0);
     }
 }
 @keyframes fadeInLeft {
     0% {
         opacity: 0;
         transform: translateX(10%);
     }
     to {
         opacity: 1;
         transform: translateX(0);
     }
 }
 @keyframes fadeInRight {
     0% {
         opacity: 0;
         transform: translateX(-10%);
     }
     to {
         opacity: 1;
         transform: translateX(0);
     }
 }
 @keyframes fadeOutUp {
     0% {
         opacity: 1;
         transform: translateY(0);
     }
     to {
         opacity: 0;
         transform: translateY(5%);
     }
 }
 @keyframes fadeOutLeft {
     0% {
         opacity: 1;
         transform: translateX(0);
     }
     to {
         opacity: 0;
         transform: translateX(5%);
     }
 }
 @keyframes fadeOutRight {
     0% {
         opacity: 1;
         transform: translateX(0);
     }
     to {
         opacity: 0;
         transform: translateX(-5%);
     }
 }
 @keyframes horizontalFlipIn {
     0% {
         opacity: 0;
         transform: perspective(2000px) rotateY(-90deg);
     }
     to {
         opacity: 1;
         transform: perspective(2000px) rotateY(0);
     }
 }
 @keyframes verticalFlipIn {
     0% {
         opacity: 0;
         transform: perspective(2000px) rotateX(-90deg);
     }
     to {
         opacity: 1;
         transform: perspective(2000px) rotateX(0);
     }
 }
 @keyframes horizontalFlipOut {
     0% {
         opacity: 1;
         transform: perspective(2000px) rotateY(0);
     }
     to {
         opacity: 0;
         transform: perspective(2000px) rotateY(90deg);
     }
 }
 @keyframes verticalFlipOut {
     0% {
         opacity: 1;
         transform: perspective(2000px) rotateX(0);
     }
     to {
         opacity: 0;
         transform: perspective(2000px) rotateX(-90deg);
     }
 }
 @keyframes scaleIn {
     0% {
         opacity: 0;
         transform: scale(.8);
     }
     to {
         opacity: 1;
         transform: scale(1);
     }
 }
 @keyframes scaleOut {
     0% {
         opacity: 1;
         transform: scale(1);
     }
     to {
         opacity: 0;
         transform: scale(.9);
     }
 }
 @keyframes flyIn {
     0% {
         opacity: 0;
         transform: scale3d(.3,.3,.3);
     }
     20% {
         transform: scale3d(1.1,1.1,1.1);
     }
     40% {
         transform: scale3d(.9,.9,.9);
     }
     60% {
         opacity: 1;
         transform: scale3d(1.03,1.03,1.03);
     }
     80% {
         transform: scale3d(.97,.97,.97);
     }
     to {
         opacity: 1;
         transform: scaleX(1);
     }
 }
 @keyframes flyInUp {
     0% {
         opacity: 0;
         transform: translate3d(0,1500px,0);
     }
     60% {
         opacity: 1;
         transform: translate3d(0,-20px,0);
     }
     75% {
         transform: translate3d(0,10px,0);
     }
     90% {
         transform: translate3d(0,-5px,0);
     }
     to {
         transform: translateZ(0);
     }
 }
 @keyframes flyInDown {
     0% {
         opacity: 0;
         transform: translate3d(0,-1500px,0);
     }
     60% {
         opacity: 1;
         transform: translate3d(0,25px,0);
     }
     75% {
         transform: translate3d(0,-10px,0);
     }
     90% {
         transform: translate3d(0,5px,0);
     }
     to {
         transform: none;
     }
 }
 @keyframes flyInLeft {
     0% {
         opacity: 0;
         transform: translate3d(1500px,0,0);
     }
     60% {
         opacity: 1;
         transform: translate3d(-25px,0,0);
     }
     75% {
         transform: translate3d(10px,0,0);
     }
     90% {
         transform: translate3d(-5px,0,0);
     }
     to {
         transform: none;
     }
 }
 @keyframes flyInRight {
     0% {
         opacity: 0;
         transform: translate3d(-1500px,0,0);
     }
     60% {
         opacity: 1;
         transform: translate3d(25px,0,0);
     }
     75% {
         transform: translate3d(-10px,0,0);
     }
     90% {
         transform: translate3d(5px,0,0);
     }
     to {
         transform: none;
     }
 }
 @keyframes flyOut {
     20% {
         transform: scale3d(.9,.9,.9);
     }
     50%,
     55% {
         opacity: 1;
         transform: scale3d(1.1,1.1,1.1);
     }
     to {
         opacity: 0;
         transform: scale3d(.3,.3,.3);
     }
 }
 @keyframes flyOutUp {
     20% {
         transform: translate3d(0,10px,0);
     }
     40%,
     45% {
         opacity: 1;
         transform: translate3d(0,-20px,0);
     }
     to {
         opacity: 0;
         transform: translate3d(0,2000px,0);
     }
 }
 @keyframes flyOutDown {
     20% {
         transform: translate3d(0,-10px,0);
     }
     40%,
     45% {
         opacity: 1;
         transform: translate3d(0,20px,0);
     }
     to {
         opacity: 0;
         transform: translate3d(0,-2000px,0);
     }
 }
 @keyframes flyOutRight {
     20% {
         opacity: 1;
         transform: translate3d(20px,0,0);
     }
     to {
         opacity: 0;
         transform: translate3d(-2000px,0,0);
     }
 }
 @keyframes flyOutLeft {
     20% {
         opacity: 1;
         transform: translate3d(-20px,0,0);
     }
     to {
         opacity: 0;
         transform: translate3d(2000px,0,0);
     }
 }
 @keyframes slideInY {
     0% {
         opacity: 0;
         transform: scaleY(0);
     }
     to {
         opacity: 1;
         transform: scaleY(1);
     }
 }
 @keyframes slideInX {
     0% {
         opacity: 0;
         transform: scaleX(0);
     }
     to {
         opacity: 1;
         transform: scaleX(1);
     }
 }
 @keyframes slideOutY {
     0% {
         opacity: 1;
         transform: scaleY(1);
     }
     to {
         opacity: 0;
         transform: scaleY(0);
     }
 }
 @keyframes slideOutX {
     0% {
         opacity: 1;
         transform: scaleX(1);
     }
     to {
         opacity: 0;
         transform: scaleX(0);
     }
 }
 @keyframes swingInX {
     0% {
         opacity: 0;
         transform: perspective(1000px) rotateX(90deg);
     }
     40% {
         opacity: 1;
         transform: perspective(1000px) rotateX(-30deg);
     }
     60% {
         transform: perspective(1000px) rotateX(15deg);
     }
     80% {
         transform: perspective(1000px) rotateX(-7.5deg);
     }
     to {
         transform: perspective(1000px) rotateX(0);
     }
 }
 @keyframes swingInY {
     0% {
         opacity: 0;
         transform: perspective(1000px) rotateY(-90deg);
     }
     40% {
         opacity: 1;
         transform: perspective(1000px) rotateY(30deg);
     }
     60% {
         transform: perspective(1000px) rotateY(-17.5deg);
     }
     80% {
         transform: perspective(1000px) rotateY(7.5deg);
     }
     to {
         transform: perspective(1000px) rotateY(0);
     }
 }
 @keyframes swingOutX {
     0% {
         transform: perspective(1000px) rotateX(0);
     }
     40% {
         transform: perspective(1000px) rotateX(-7.5deg);
     }
     60% {
         transform: perspective(1000px) rotateX(17.5deg);
     }
     80% {
         opacity: 1;
         transform: perspective(1000px) rotateX(-30deg);
     }
     to {
         opacity: 0;
         transform: perspective(1000px) rotateX(90deg);
     }
 }
 @keyframes swingOutY {
     0% {
         transform: perspective(1000px) rotateY(0);
     }
     40% {
         transform: perspective(1000px) rotateY(7.5deg);
     }
     60% {
         transform: perspective(1000px) rotateY(-10deg);
     }
     80% {
         opacity: 1;
         transform: perspective(1000px) rotateY(30deg);
     }
     to {
         opacity: 0;
         transform: perspective(1000px) rotateY(-90deg);
     }
 }
 @keyframes flash {
     0%,
     50%,
     to {
         opacity: 1;
     }
     25%,
     75% {
         opacity: 0;
     }
 }
 @keyframes shake {
     0%,
     to {
         transform: translateX(0);
     }
     10%,
     30%,
     50%,
     70%,
     90% {
         transform: translateX(-10px);
     }
     20%,
     40%,
     60%,
     80% {
         transform: translateX(10px);
     }
 }
 @keyframes bounce {
     0%,
     20%,
     50%,
     80%,
     to {
         transform: translateY(0);
     }
     40% {
         transform: translateY(-30px);
     }
     60% {
         transform: translateY(-15px);
     }
 }
 @keyframes tada {
     0% {
         transform: scale(1);
     }
     10%,
     20% {
         transform: scale(.9) rotate(-3deg);
     }
     30%,
     50%,
     70%,
     90% {
         transform: scale(1.1) rotate(3deg);
     }
     40%,
     60%,
     80% {
         transform: scale(1.1) rotate(-3deg);
     }
     to {
         transform: scale(1) rotate(0);
     }
 }
 @keyframes pulse {
     0%,
     to {
         opacity: 1;
         transform: scale(1);
     }
     50% {
         opacity: 0.7;
         transform: scale(.9);
     }
 }
 @keyframes glow {
     0%,
     to {
         background-color: #fcfcfd;
     }
     30% {
         background-color: #fff6cd;
     }
 }
 .mx-auto {
     margin-left: auto!important;
     margin-right: auto!important;
 }
 @keyframes fadeInUp {
     0% {
         opacity: 0;
         transform: translateY(10px);
     }
     to {
         opacity: 1;
         transform: translateY(0);
     }
 }
 #cookies * {
     font-weight: 400;
 }
 
 @media screen and (max-width:979px) {
     code {
         white-space: pre-wrap;
         word-break: break-word;
     }
     .ipsLayout_container {
         padding: 0 15px;
     }
     #ipsLayout_mainArea {
         margin-bottom: 0!important;
         border-radius: 0!important;
         display: block;
         padding: 15px;
     }
     #ipsLayout_body {
         margin: 0;
         max-width: 100%;
         padding: 0;
     }
 }
 @media screen and (max-width:767px) {
     body {
         font-size: 13px;
     }
     #ipsLayout_mainArea {
         padding: 10px;
     }
     _:-webkit-full-screen {
         word-break: break-word;
     }
 }
 @font-face {
     font-family: bdi-fa5-discord;
     font-style: normal;
     font-weight: 400;
     src: url("https://bosmudasky.com/uploads/font/bdi-fa5-discord.eot");
     src: url("https://bosmudasky.com/uploads/font/bdi-fa5-discord.eot#iefix") format("embedded-opentype"),url(https://bosmudasky.com/uploads/font/bdi-fa5-discord.woff) format("woff"),url(https://bosmudasky.com/uploads/font/bdi-fa5-discord.ttf) format("truetype"),url(https://bosmudasky.com/uploads/font/bdi-fa5-discord.svg#bdi-fa5-discord) format("svg");
 }
 :root {
     --sp-0: 0;
     --sp-1: 4px;
     --sp-2: 8px;
     --sp-3: 12px;
     --sp-4: 16px;
     --sp-5: 20px;
     --sp-6: 24px;
     --sp-7: 32px;
     --sp-8: 40px;
     --sp-9: 48px;
     --sp-10: 64px;
     --radius-1: 4px;
     --radius-2: 8px;
     --border-1px: 1px solid rgba(var(--theme-text_light),0.15);
     --size-1: 20px;
     --size-2: 24px;
     --size-3: 30px;
     --size-4: 36px;
     --size-5: 44px;
     --size-6: 56px;
     --size-7: 72px;
     --size-8: 92px;
     --positive-dark: #2c8c69;
     --positive-light: #e3f3ec;
     --negative-dark: #c53030;
     --negative-light: #fff5f5;
     --intermediate-dark: #dd6b20;
     --intermediate-light: #fffaf0;
     --informational-dark: #2981bf;
     --informational-light: #e9f0f5;
     --general-dark: #7f858d;
     --general-light: #f0f4f8;
     --box--boxShadow: 0 2px 4px -1px rgba(var(--theme-area_background_dark),0.1);
     --box--boxShadow-bottom: 0 2px 4px -1px rgba(var(--theme-area_background_dark),0.1);
     --box--boxShadow-left: -2px 0 4px -1px rgba(var(--theme-area_background_dark),0.1);
     --box--boxShadow-right: 2px 0 4px -1px rgba(var(--theme-area_background_dark),0.1);
     --box--boxShadow-top: 0 -2px 4px -1px rgba(var(--theme-area_background_dark),0.1);
     --box--backgroundColor: rgb(var(--theme-area_background_reset));
     --box--radius: var(--radius-1);
     --solved--borderColor: 44,140,105;
     --popup--radius: var(--radius-1);
     --popup--border: 1px solid rgba(var(--theme-area_background_dark),0.1);
     --popup--boxShadow: 0 8px 50px rgba(0,0,0,.1),0px 4px 15px rgba(0,0,0,.05);
     --dialog--boxShadow: 0 5px 55px rgba(var(--theme-area_background_dark),0.4),0px 7px 24px -12px rgba(var(--theme-area_background_dark),0.7);
     --header--height: 80px;
     --responsive-header--height: 55px;
     --logo--height: 80%;
     --responsive-logo--height: var(--logo--height);
     --primary-navigation--height: 52px;
     --secondary-navigation--height: 50px;
     --form-field--radius: var(--radius-1);
     --form-field--borderColor: rgba(var(--theme-text_light),0.4);
     --form-field--borderHoverColor: rgba(var(--theme-text_light),0.8);
     --form-field--focusShadow: rgba(var(--theme-active_input_border),0.3) 0 0 0 4px;
     --button--radius: var(--radius-1);
     --trophy-first--background: #fac746;
     --trophy-first--color: #704926;
     --trophy-second--background: silver;
     --trophy-third--background: #cd7f32;
     --container--width: 1340px;
     --minimal_container--width: 1000px;
     --theme-active_input_border: 209,46,227;
     --theme-alternate_button: 209,46,227;
     --theme-alternate_button_font: 255,255,255;
     --theme-area_background: 25,34,43;
     --theme-area_background_dark: 25,34,43;
     --theme-area_background_light: 25,34,43;
     --theme-area_background_reset: 30,40,51;
     --theme-brand_primary: 209,46,227;
     --theme-button_bar: 30,40,51;
     --theme-comment_count: 30,40,51;
     --theme-comment_count_font: 255,255,255;
     --theme-featured: 44,140,105;
     --theme-footer_text: 53,60,65;
     --theme-header: 25,34,43;
     --theme-header_text: 255,255,255;
     --theme-important_button: 209,46,227;
     --theme-important_button_font: 255,255,255;
     --theme-item_status: 209,46,227;
     --theme-light_button: 209,46,227;
     --theme-light_button_font: 255,255,255;
     --theme-link: 255,255,255;
     --theme-link_button: 209,46,227;
     --theme-link_hover: 209,46,227;
     --theme-main_nav: 25,34,43;
     --theme-main_nav_font: 255,255,255;
     --theme-main_nav_tab: 25,34,43;
     --theme-main_nav_tab_font: 255,255,255;
     --theme-mentions: 61,101,148;
     --theme-moderated: 36,47,60;
     --theme-moderated_light: 252,247,249;
     --theme-moderated_text: 136,14,79;
     --theme-moderated_text_light: 164,118,143;
     --theme-normal_button: 209,46,227;
     --theme-normal_button_font: 255,255,255;
     --theme-notification_bubble: 54,171,128;
     --theme-page_background: 16,24,31;
     --theme-pagination_active: 62,65,72;
     --theme-post_highlight: 253,245,231;
     --theme-post_highlight_border: 129,98,46;
     --theme-prefix: 209,46,227;
     --theme-price: 182,63,63;
     --theme-primary_button: 90,237,129;
     --theme-primary_button_font: 255,255,255;
     --theme-profile_header: 53,60,65;
     --theme-rating_on: 255,152,0;
     --theme-secondary_title: 30,40,51;
     --theme-secondary_title_font: 255,255,255;
     --theme-section_title: 30,40,51;
     --theme-section_title_font: 255,255,255;
     --theme-selected: 58,77,99;
     --theme-selected_border: 209,46,227;
     --theme-tab_background: 74,85,104;
     --theme-tag: 255,244,223;
     --theme-tag_font: 156,66,33;
     --theme-text_color: 173,176,188;
     --theme-text_dark: 173,176,188;
     --theme-text_light: 113,128,150;
     --theme-text_very_light: 255,255,255;
     --theme-timeline_color: 45,55,72;
     --theme-very_light_button: 209,46,227;
     --theme-very_light_button_font: 255,255,255;
     --theme-widget_title_bar: 30,40,51;
     --theme-widget_title_font: 255,255,255;
     --item-timeline--boxShadow: 0 0 0 4px rgb(var(--theme-page_background));
     --container--width: 1600px;
     --minimal_container--width: 1600px;
     --gradientArea-webkit-main: -webkit-linear-gradient(90deg,#d12ee3,#4bb4f5);
     --gradientArea-main: linear-gradient(90deg,#d12ee3,#4bb4f5);
     --theme-status_background_dark: 34,42,55;
     --theme-status_background_light: 53,66,87;
 }
 @keyframes fadeIn {
     0% {
         opacity: 0;
     }
     to {
         opacity: 1;
     }
 }
 @keyframes fadeOut {
     0% {
         opacity: 1;
     }
     to {
         opacity: 0;
     }
 }
 @keyframes fadeInDown {
     0% {
         opacity: 0;
         transform: translateY(-20px);
     }
     to {
         opacity: 1;
         transform: translateY(0);
     }
 }
 @keyframes blindDown {
     0% {
         height: 0;
     }
     to {
         height: auto;
     }
 }
 @keyframes blindUp {
     0% {
         height: auto;
     }
     to {
         height: 0;
     }
 }
 @keyframes slideFromRight {
     0% {
         right: -100%;
     }
     to {
         right: 0;
     }
 }
 @keyframes zoomIn {
     0% {
         transform: scale(0);
     }
     to {
         transform: scale(1);
     }
 }
 @keyframes zoomOut {
     0% {
         transform: scale(1);
     }
     to {
         opacity: 0;
         transform: scale(0);
     }
 }
 @keyframes wobble {
     0%,
     to {
         transform: translateX(0);
     }
     15% {
         transform: translateX(-5%) rotate(-4deg);
     }
     30% {
         transform: translateX(5%) rotate(2deg);
     }
     45% {
         transform: translateX(-4%) rotate(-2deg);
     }
     60% {
         transform: translateX(4%) rotate(1deg);
     }
     75% {
         transform: translateX(-3%) rotate(-1deg);
     }
 }
 @keyframes jiggle {
     0% {
         transform: rotate(-3deg);
     }
     50% {
         transform: rotate(3deg);
     }
 }
 @keyframes fadeOutDown {
     0% {
         opacity: 1;
         transform: translateY(0);
     }
     to {
         opacity: 0;
         transform: translateY(20px);
     }
 }
 @keyframes pulseOnce {
     0%,
     to {
         transform: scale(1);
     }
     50% {
         transform: scale(1.15);
     }
 }
 @keyframes dummy_anim {
     0%,
     99% {
         background-color: rgba(var(--theme-area_background),.6);
     }
     50% {
         background-color: rgba(var(--theme-area_background),.9);
     }
 }
 @keyframes reaction-click-ring {
     0% {
         opacity: 1;
         transform: scale3d(.4,.4,1);
     }
     40% {
         box-shadow: inset 0 0 0 2px rgba(var(--theme-text_color),.8);
         opacity: 0.8;
         transform: scaleX(1);
     }
     to {
         box-shadow: inset 0 0 0 2px rgba(var(--theme-text_color),.8);
         opacity: 0;
         transform: scale3d(1.2,1.2,1);
     }
 }
 @keyframes reaction-click {
     0% {
         opacity: 0;
         transform: scale3d(.1,.1,1);
     }
     30% {
         opacity: 1;
         transform: scale3d(1.3,1.3,1);
     }
     to {
         transform: scaleX(1);
     }
 }
 @keyframes reaction-hover {
     0% {
         opacity: 0;
         transform: scaleX(0);
     }
     50% {
         opacity: 1;
         transform: scaleX(1.2);
     }
     to {
         transform: scaleX(1);
     }
 }
 @keyframes reaction-hover-mobile {
     0% {
         opacity: 0;
         transform: scaleY(0);
     }
     50% {
         opacity: 1;
         transform: scaleY(1.2);
     }
     to {
         transform: scaleX(1);
     }
 }
 @keyframes reaction-hover-out {
     0% {
         opacity: 1;
         transform: scaleX(1);
     }
     60% {
         transform: scale3d(0,.5,1);
     }
     to {
         opacity: 0;
     }
 }
 @font-face {
     font-display: block;
     font-family: FontAwesome;
     font-style: normal;
     font-weight: 400;
     src: url("//bosmudasky.com/uploads/font/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),url(//bosmudasky.com/uploads/font/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(//bosmudasky.com/uploads/font/fontawesome-webfont.ttf?v=4.7.0) format("truetype");
 }
 @keyframes fa-spin {
     0% {
         transform: rotate(0);
     }
     to {
         transform: rotate(359deg);
     }
 }
 .statusPageHeader,
 html {
     position: relative;
 }
 .ipsApp button {
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
     vertical-align: middle;
 }
 _:-ms-input-placeholder {
     min-width: 100%!important;
 }
 @-webkit-viewport {
     width: device-width;
 }
 @-moz-viewport {
     width: device-width;
 }
 @-o-viewport {
     width: device-width;
 }
 @viewport {
     width: device-width;
 }
 html {
     min-height: 100%;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
     line-height: 1.15;
 }
 body {
     background-color: rgb(var(--theme-page_background));
     color: rgb(var(--theme-text_color));
     font-size: 13px;
     height: 100%;
     line-height: 1.5;
     margin: 0;
 }
 a {
     color: rgb(var(--theme-link));
     -webkit-text-decoration-skip: objects;
     color: #007bff;
     cursor: pointer;
 }
 a:hover {
     color: rgb(var(--theme-link_hover));
 }
 a:active,
 a:focus,
 a:hover {
     outline: 0!important;
 }
 #ipsLayout_body {
     margin: 0 auto;
     z-index: 10;
 }
 #ipsLayout_mainArea {
     display: table-cell;
     height: 100%;
     vertical-align: top;
     min-height: 350px;
     padding: 0;
     width: 100%;
 }
 .ipsLayout_container {
     margin: 0 auto;
     max-width: var(--container--width);
     padding: 0 15px;
     position: relative;
 }
 .ipsBox {
     background-color: var(--box--backgroundColor);
     border-radius: var(--box--radius);
     box-shadow: var(--box--boxShadow);
 }
 @keyframes spinner {
     0% {
         transform: rotate(0);
     }
     to {
         transform: rotate(359deg);
     }
 }
 .ipsClearfix:after {
     clear: both;
     content: " ";
     display: block;
     font-size: 0;
     height: 0;
     visibility: hidden;
 }
 @keyframes progress-bar-stripes {
     0% {
         background-position: 40px 0;
     }
     to {
         background-position: 0 0;
     }
 }
 h1 {
     min-height: 1rem;
     font-size: 2em;
     margin: 0.67em 0;
 }
 code {
     font-family: monospace,monospace;
     font-size: 1em;
 }
 button {
     text-transform: none;
 }
 
 button,
 html [type=button] {
     -webkit-appearance: button;
 }
 [type=button]::-moz-focus-inner,
 button::-moz-focus-inner {
     border-style: none;
     padding: 0;
 }
 [type=button]:-moz-focusring,
 button:-moz-focusring {
     outline: ButtonText dotted 1px;
 }
 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit;
 }
 
 .status-tabContent,
 [hidden],
 [v-cloak] {
     display: none;
 }
 @media screen {
     .com {
         color: #800;
     }
     
     .var {
         color: #606;
     }
 }
 @media print,projection {
     .com {
         color: #600;
         font-style: italic;
     }
 }
 ::-webkit-scrollbar {
     width: 11px;
 }
 ::-webkit-scrollbar-thumb {
     background: #087ee1;
     border: 4px solid rgb(var(--theme-page_background));
     border-radius: 1000px;
 }
 ::-webkit-scrollbar-track {
     background: rgb(var(--theme-page_background));
 }

 .statusProduct:not(:last-of-type, :only-of-type),
 .statusRow {
     border-color: rgb(var(--theme-status_background_light),.5);
 }
 .statusButton:hover {
     background: #fff;
     color: #000;
 }
 @keyframes logoAnim {
     20%,
     to {
         opacity: 0;
         transform: scale(3);
     }
 }
 @keyframes logo-float {
     0%,
     to {
         transform: translateX(-10px);
     }
     50% {
         transform: translateX(10px);
     }
 }
 @keyframes subForum-anim {
     0% {
         transform: rotate(0);
     }
     to {
         transform: rotate(1turn);
     }
 }
 @keyframes videoPlayerunMuted {
     0%,
     to {
         box-shadow: 0 0 0 0 rgb(var(--theme-brand_primary),.4),0 0 0 0 rgb(var(--theme-brand_primary),.4),0 0 0 0 rgb(var(--theme-brand_primary),.4);
     }
     25%,
     75% {
         box-shadow: 0 0 0 5px rgb(var(--theme-brand_primary),.4),0 0 0 10px rgb(var(--theme-brand_primary),.4),0 0 0 15px rgb(var(--theme-brand_primary),.4);
     }
     50% {
         box-shadow: 0 0 0 10px rgb(var(--theme-brand_primary),.4),0 0 0 20px rgb(var(--theme-brand_primary),.4),0 0 0 30px rgb(var(--theme-brand_primary),.4);
     }
 }
 @keyframes ellipsis {
     0%,
     to {
         opacity: 0.7;
     }
     50% {
         opacity: 1;
     }
 }
 .ipsApp[data-pageapp=stsmanager] #ipsLayout_mainArea {
     display: block;
     padding-bottom: 20px;
     padding-top: 20px;
 }
 .statusPageHeader {
     background: rgb(var(--theme-area_background_dark));
     border-radius: var(--radius-2);
     border-bottom-left-radius: 0!important;
     border-bottom-right-radius: 0!important;
     padding: 2em;
 }
 .statusPageHeader__title {
     color: rgb(var(--theme-text_very_light));
     flex: 1;
     font-size: 2em;
     margin: 0;
 }
 .ipsApp .status-tabButton,
 .statusType__row {
     font-size: 11px;
     text-transform: uppercase;
     line-height: 1;
 }
 .ipsApp .letter-tabButton,
 .statusType__row {
     font-size: 11px;
     text-transform: uppercase;
     line-height: 1;
 }
 .statusTypes {
     list-style: none;
     margin: 0;
     padding: 0;
 }
 .statusType__row {
     border-radius: var(--radius-1);
     font-weight: 700;
     letter-spacing: 1px;
     padding: 1em;
 }
 .statusType__row:not(:last-child) {
     margin-right: 1.5em;
 }
 .status-page__controls {
     background: rgb(var(--theme-status_background_light));
     display: flex;
     gap: 1em;
     overflow-x: scroll;
     padding: 1.5em;
 }
 .status-page__controls::-webkit-scrollbar {
     height: 5px;
 }
 .status-page__controls::-webkit-scrollbar-track {
     background: 0 0;
 }
 .status-page__controls::-webkit-scrollbar-thumb {
     background: #5aed81;
     border: 0;
     border-radius: unset;
 }
 .statusPageMain {
     background: rgb(var(--theme-status_background_dark));
     border-radius: 0;
     border-bottom-left-radius: var(--radius-2);
     border-bottom-right-radius: var(--radius-2);
     padding: 2em;
 }
 .ipsApp .status-tabButton,
 .statusGroup__content {
     background: rgb(var(--theme-area_background_dark));
 }
 .ipsApp .letter-tabButton,
 .statusGroup__content {
     background: rgb(var(--theme-area_background_dark));
 }
 .ipsApp .status-tabButton {
     border: 0;
     border-radius: var(--radius-1);
     color: #fff;
     cursor: pointer;
     font-weight: 500;
     letter-spacing: 0.5px;
     padding: 0.75rem 1rem;
     transition: 0.25s linear;
     white-space: nowrap;
 }
 .ipsApp .letter-tabButton {
  border: 0;
  border-radius: var(--radius-1);
  color: #fff;
  cursor: pointer;
  font-weight: 500;
  letter-spacing: 0.5px;
  padding: 0.75rem 1rem;
  transition: 0.25s linear;
  white-space: nowrap;
}
.letter-tabButton:hover:not(.is-active) {
  background-color: rgb(var(--theme-primary_button),.2);
  color: rgb(var(--theme-primary_button));
}
.letter-tabButton.is-active {
  background-color: rgb(var(--theme-primary_button));
  color: #000;
  font-weight: 600;
}
 .status-tabButton:hover:not(.is-active) {
     background-color: rgb(var(--theme-primary_button),.2);
     color: rgb(var(--theme-primary_button));
 }
 .status-tabButton.is-active {
     background-color: rgb(var(--theme-primary_button));
     color: #000;
     font-weight: 600;
 }
 .statusGroup__title,
 .statusProduct__title,
 .statusRow > ._text,
 .statusRow > ._type,
 .statusRow > .status {
     color: rgb(var(--theme-text_very_light));
 }
 .statusGroup:not(:last-of-type, :only-of-type) {
     margin-bottom: 1.5rem;
 }
 .statusGroup__title {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: unset;
    text-transform: uppercase;
    background-color: #5AED81; /* Warna utama */
    background-image: linear-gradient(to right, #087ee1 0%, #5AED81 50%, #087ee1 35%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-flex;
}
 #cookies button,
 .statusButton,
 .ui.menu .header.item {
     font-weight: 500;
 }
 .statusProduct {
     align-items: center;
     display: flex;
     justify-content: space-between;
     padding: 1.5em;
     position: relative;
     z-index: 1;
 }
 .statusProduct:not(:last-of-type, :only-of-type) {
     border-bottom: 1px dashed rgb(var(--theme-status_background_light));
 }
 .statusProduct__title {
     margin: 0;
     max-width: 250px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 .statusProduct__inner {
     align-items: center;
     display: flex;
     flex-wrap: nowrap;
     list-style: none;
     margin: 0;
     padding: 0;
     white-space: nowrap;
 }
 .statusRow {
     border-right: 1px dashed rgb(var(--theme-status_background_light));
     display: flex;
     flex-direction: column;
     margin-right: 2em;
     padding-right: 2em;
 }
 .statusRow > ._type {
     font-size: 10px;
     font-weight: 500;
     letter-spacing: 0.5px;
     opacity: 0.7;
     text-transform: uppercase;
 }

 .statusRow > ._text,
 .statusRow > .status {

     font-weight: 500;
 }
 .statusRow > .status {
    align-items: baseline;
     background: rgb(var(--theme-status_background_light));
     border-radius: var(--radius-1);
     display: flex;
     font-size: 11px;
     font-weight: 700;
     gap: 0.3em;
     justify-content: center;
     letter-spacing: 1px;
     margin: 0;
     min-width: 145px;
     padding: 1em;
     text-transform: uppercase;
 }
 .statusGroup__content {
     border-radius: var(--radius-2);
     margin: 1em 0 0;
     padding: 0;
 }
 .statusButton {
     background: rgb(var(--theme-primary_button));
     border-radius: var(--radius-1);
     color: #000;
     display: flex;
     font-size: 14px;
     line-height: 1;
     padding: 1em 1.5em;
 }
 @media screen and (max-width:979px) {
     .statusPageHeader > header {
         flex-wrap: wrap;
         gap: 1em;
     }
     .statusTypes {
         flex-wrap: wrap;
         gap: 0.5em;
     }
     .statusType__row:not(:last-child) {
         margin-right: unset;
     }
 }
 @media screen and (max-width:800px) {
     .statusButtonRow,
     .statusRow,
     .statusRow > .status {
         width: 100%;
     }
     .statusPageHeader > header {
         justify-content: center;
         text-align: center;
     }
     .statusButton,
     .statusTypes {
         justify-content: center;
     }
     .statusProduct {
         flex-direction: column;
         gap: 1em;
     }
     .statusProduct__inner {
         flex-direction: column;
         width: 100%;
     }
     .statusRow {
         border-bottom: 1px dashed rgb(var(--theme-status_background_light));
         border-right-width: 0;
         flex-direction: row;
         font-size: 10px;
         justify-content: center;
         letter-spacing: 1px;
         margin-bottom: 1em;
         margin-right: 0;
         padding-bottom: 1em;
         padding-right: 0;
         text-align: center;
     }
     .statusRow > ._type {
         font-size: inherit;
         letter-spacing: inherit;
         margin-right: 0.3em;
     }
 }
 @media only screen and (max-width:500px) {
     p {
         color: #000;
         font-size: 15px;
         line-height: 1.5;
     }
 }
 @media only screen and (min-width:500px) {
     p {
         color: #000;
         font-size: 1.1rem;
         line-height: 1.5;
     }
 }
 .ui.button.rounded {
     border-radius: 1rem!important;
 }
 h2 {
     font-size: 1.5rem;
 }
 .bold {
     font-weight: 700;
 }
 .main.container {
     background: #fff;
     margin: 0 auto !important;
     padding-top: 70px;
     width: 100%!important;
 }
 #body {
     background: #fff;
 }
 #blur {
     background: rgba(36,93,153,.43);
     height: 100%;
     left: 0;
     top: 0;
     width: 100%;
     z-index: 8;
 }
 #notifications {
     background: #f8f8ff;
     margin: -1rem auto 0 !important;
     padding: 1rem;
     width: 100%;
 }
 #footer {
     background: #2d2d2d;
     padding-bottom: 1rem!important;
     padding-top: 2rem!important;
     width: 100%;
     z-index: 0;
 }
 #item {
     background: #fff;
 }
 #footer li {
     line-height: 1.9;
     list-style-type: none!important;
 }
 #footer li a {
     color: #fff;
     font-size: 1.2rem;
 }
 #items {
     margin-left: auto;
     margin-right: auto;
     max-width: 1300px;
 }
 #item {
     font-size: 1.1rem;
     margin: 2rem auto !important;
 }
 #user-message {
     border-radius: 2rem!important;
     overflow: hidden;
 }
 .ui.dimmer {
     height: 100vh!important;
     overflow: hidden!important;
 }
 #cookies {
     background: linear-gradient(45deg,#ce2929,#ce2929,#ffc65d)!important;
     align-items: center;
     border: none;
     border-radius: 0;
     bottom: 0;
     display: flex;
     justify-content: center;
     left: 0;
     padding: 1.5rem;
     width: 100%;
     z-index: 9;
 }
 #cookies div.button {
     display: table;
     margin-left: 1rem;
     text-align: right;
 }
 #cookies button {
     background: #e97f46!important;
     border-radius: 0.75rem;
     margin: 0;
     white-space: nowrap;
 }
 @media (min-width:1025px) {
     #blur {
         visibility: hidden!important;
     }
     html {
         overflow: visible!important;
     }
 }
 @media (max-width:768px) {
     #footer {
         margin: 0 !important;
     }
 }
 @media (max-width:480px) {
     #cookies {
         bottom: 70px;
         flex-wrap: wrap;
     }
     #cookies div.button {
         margin-top: 1rem;
     }
     #app:not(.home) #items {
         margin: 0 auto !important;
     }
     .main.container {
         padding-bottom: 70px;
     }
 }
 *,
 :after,
 :before {
   -webkit-box-sizing: inherit;
   box-sizing: inherit;
 }
 html {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 } /*! 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;
 }
 
 footer,
 header {
   display: block;
 }
 h1 {
   font-size: 2em;
   margin: 0.67em 0;
 }
 
 main {
   display: block;
 }
 
   /* Style for the container holding the image */
   /* Style for the image */
 a {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
 }
 code {
   font-family: monospace, monospace;
   font-size: 1em;
 }
 button {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
   margin: 0;
 }
 button {
   overflow: visible;
 }
 button {
   text-transform: none;
 }
 
 button,
 html [type="button"] {
   -webkit-appearance: button;
 }
 [type="button"]::-moz-focus-inner,
 button::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 [type="button"]:-moz-focusring,
 button:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
 
 menu {
   display: block;
 }
 [hidden] {
   display: none;
 } /*!
  * # Semantic UI 2.4.2 - 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: Valexa, "Helvetica Neue", Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 1.4285em;
   color: rgba(0, 0, 0, 0.87);
   font-smoothing: antialiased;
 }
 h1,
 h2,
 h3 {
   font-family: Valexa, "Helvetica Neue", Arial, Helvetica, sans-serif;
   line-height: 1.28571429em;
   margin: calc(2rem - 0.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;
 }
 h1:first-child,
 h2:first-child,
 h3:first-child {
   margin-top: 0;
 }
 h1:last-child,
 h2:last-child,
 h3: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: rgb(var(--theme-primary_button));
   text-decoration: none;
 }
 ::-webkit-selection {
   background-color: #cce2ff;
   color: rgba(0, 0, 0, 0.87);
 }
 ::-moz-selection {
   background-color: #cce2ff;
   color: rgba(0, 0, 0, 0.87);
 }
 ::selection {
   background-color: #cce2ff;
   color: rgba(0, 0, 0, 0.87);
 }
 body ::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 10px;
   height: 10px;
 }
 body ::-webkit-scrollbar-track {
   background: rgba(0, 0, 0, 0.1);
   border-radius: 0;
 }
 body ::-webkit-scrollbar-thumb {
   cursor: pointer;
   border-radius: 5px;
   background: rgba(0, 0, 0, 0.25);
   -webkit-transition: color 0.2s ease;
   transition: color 0.2s ease;
 }
 body ::-webkit-scrollbar-thumb:window-inactive {
   background: rgba(0, 0, 0, 0.15);
 }
 body ::-webkit-scrollbar-thumb:hover {
   background: rgba(128, 135, 139, 0.8);
 } /*!
  * # Semantic UI 2.4.2 - 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, 0.6);
   font-family: Valexa, "Helvetica Neue", Arial, Helvetica, sans-serif;
   margin: 0 0.25em 0 0;
   padding: 0.78571429em 1.5em 0.78571429em;
   text-transform: none;
   text-shadow: none;
   font-weight: 700;
   line-height: 1em;
   font-style: normal;
   text-align: center;
   text-decoration: none;
   border-radius: 0.28571429rem;
   -webkit-box-shadow: 0 0 0 1px transparent inset,
     0 0 0 0 rgba(34, 36, 38, 0.15) inset;
   box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-transition: opacity 0.1s ease, background-color 0.1s ease,
     color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
   transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease,
     background 0.1s ease, -webkit-box-shadow 0.1s ease;
   transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease,
     box-shadow 0.1s ease, background 0.1s ease;
   transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease,
     box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
   will-change: "";
   -webkit-tap-highlight-color: transparent;
 }
 .ui.button:hover {
   background-color: #cacbcd;
   background-image: none;
   -webkit-box-shadow: 0 0 0 1px transparent inset,
     0 0 0 0 rgba(34, 36, 38, 0.15) inset;
   box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
   color: rgba(0, 0, 0, 0.8);
 }
 .ui.button:hover .icon {
   opacity: 0.85;
 }
 .ui.button:focus {
   background-color: #cacbcd;
   color: rgba(0, 0, 0, 0.8);
   background-image: "" !important;
   -webkit-box-shadow: "" !important;
   box-shadow: "" !important;
 }
 .ui.button:focus .icon {
   opacity: 0.85;
 }
 
 .ui.button:active {
   background-color: #babbbc;
   background-image: "";
   color: rgba(0, 0, 0, 0.9);
   -webkit-box-shadow: 0 0 0 1px transparent inset, none;
   box-shadow: 0 0 0 1px transparent inset, 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 0.1s ease;
   transition: all 0s linear, opacity 0.1s ease;
 }
 .ui.loading.button:before {
   position: absolute;
   content: "";
   top: 50%;
   left: 50%;
   margin: -0.64285714em 0 0 -0.64285714em;
   width: 1.28571429em;
   height: 1.28571429em;
   border-radius: 500rem;
   border: 0.2em solid rgba(0, 0, 0, 0.15);
 }
 .ui.loading.button:after {
   position: absolute;
   content: "";
   top: 50%;
   left: 50%;
   margin: -0.64285714em 0 0 -0.64285714em;
   width: 1.28571429em;
   height: 1.28571429em;
   -webkit-animation: button-spin 0.6s linear;
   animation: button-spin 0.6s linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   border-radius: 500rem;
   border-color: #fff transparent transparent;
   border-style: solid;
   border-width: 0.2em;
   -webkit-box-shadow: 0 0 0 1px transparent;
   box-shadow: 0 0 0 1px transparent;
 }
 @-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 {
   cursor: default;
   opacity: 0.45 !important;
   background-image: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   pointer-events: none !important;
 }
 .ui.twitter.button {
   background-color: #55acee;
   color: #fff;
   text-shadow: none;
   background-image: none;
   -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
   box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.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.button > .icon:not(.button) {
   height: 0.85714286em;
   opacity: 0.8;
   margin: 0 0.42857143em 0 -0.21428571em;
   -webkit-transition: opacity 0.1s ease;
   transition: opacity 0.1s ease;
   vertical-align: "";
   color: "";
 }
 .ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {
   margin: 0 0.42857143em 0 -0.21428571em;
 }
 .ui.tiny.button {
   font-size: 0.85714286rem;
 }
 .ui.button {
   font-size: 1rem;
 }
 .ui.icon.button {
   padding: 0.78571429em 0.78571429em 0.78571429em;
 }
 .ui.icon.button > .icon {
   opacity: 0.9;
   margin: 0 !important;
   vertical-align: top;
 }
 .ui.fluid.button {
   width: 100%;
 }
 .ui.fluid.button {
   display: block;
 } /*!
  * # Semantic UI 2.4.2 - 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: Valexa, "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%;
 } /*!
  * # Semantic UI 2.4.2 - Divider
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Flag
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - 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 - 0.14285714em) 0 1rem;
   padding: 0 0;
   font-family: Valexa, "Helvetica Neue", Arial, Helvetica, sans-serif;
   font-weight: 700;
   line-height: 1.28571429em;
   text-transform: none;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.header:first-child {
   margin-top: -0.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: 0.75rem;
 }
 .ui.header > .image:not(.icon) {
   display: inline-block;
   margin-top: 0.14285714em;
   width: 2.5em;
   height: auto;
   vertical-align: middle;
 }
 .ui.header > .image:not(.icon):only-child {
   margin-right: 0.75rem;
 }
 .ui.header .content {
   display: inline-block;
   vertical-align: top;
 }
 .ui.header > .image + .content {
   padding-left: 0.75rem;
   vertical-align: middle;
 }
 .ui.header > .icon + .content {
   padding-left: 0.75rem;
   display: table-cell;
   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;
 }
 .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 0.5rem;
   opacity: 1;
 }
 .ui.icon.header .content {
   display: block;
   padding: 0;
 }
 .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
   font-size: 1.28571429em;
 } /*!
  * # Semantic UI 2.4.2 - Icon
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 i.icon {
   display: inline-block;
   opacity: 1;
   margin: 0 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.link.icon {
   cursor: pointer;
   opacity: 0.8;
   -webkit-transition: opacity 0.1s ease;
   transition: opacity 0.1s ease;
 }
 i.link.icon:hover {
   opacity: 1 !important;
 }
 i.tiny.icon {
   line-height: 1;
   font-size: 0.5em;
 }
 i.icon {
   font-size: 1em;
 }
 i.icon.bold:before {
   content: "\f032";
 }
 i.icon.code:before {
   content: "\f121";
 }
 i.icon.columns:before {
   content: "\f0db";
 }
 i.icon.edge:before {
   content: "\f282";
 }
 i.icon.file:before {
   content: "\f15b";
 }
 i.icon.file.code:before {
   content: "\f1c9";
 }
 i.icon.file.image:before {
   content: "\f1c5";
 }
 i.icon.google:before {
   content: "\f1a0";
 }
 i.icon.home:before {
   content: "\f015";
 }
 i.icon.image:before {
   content: "\f03e";
 }
 i.icon.images:before {
   content: "\f302";
 }
 i.icon.js:before {
   content: "\f3b8";
 }
 i.icon.language:before {
   content: "\f1ab";
 }
 i.icon.mobile:before {
   content: "\f10b";
 }
 i.icon.paypal:before {
   content: "\f1ed";
 }
 i.icon.php:before {
   content: "\f457";
 }
 i.icon.save:before {
   content: "\f0c7";
 }
 i.icon.stripe:before {
   content: "\f429";
 }
 i.icon.stripe.s:before {
   content: "\f42a";
 }
 i.icon.text.height:before {
   content: "\f034";
 }
 i.icon.text.width:before {
   content: "\f035";
 }
 i.icon.twitter:before {
   content: "\f099";
 }
 i.icon.window.close:before {
   content: "\f410";
 }
 i.icon.yandex:before {
   content: "\f413";
 }
 i.icon.add:before {
   content: "\f067";
 }
 i.icon.call:before {
   content: "\f095";
 }
 i.icon.chat:before {
   content: "\f075";
 }
 i.icon.close:before {
   content: "\f00d";
 }
 i.icon.content:before {
   content: "\f0c9";
 }
 i.icon.factory:before {
   content: "\f275";
 }
 i.icon.favorite:before {
   content: "\f005";
 }
 i.icon.file.text:before {
   content: "\f15c";
 }
 i.icon.game:before {
   content: "\f11b";
 }
 i.icon.h:before {
   content: "\f0fd";
 }
 i.icon.header:before {
   content: "\f1dc";
 }
 i.icon.payment:before {
   content: "\f09d";
 }
 i.icon.remove:before {
   content: "\f00d";
 }
 i.icon.target:before {
   content: "\f140";
 }
 i.icon.currency:before {
   content: "\f3d1";
 }
 i.icon.diamond:before {
   content: "\f3a5";
 }

 i.icon.edge,
 i.icon.google,
 i.icon.js,
 i.icon.paypal,
 i.icon.php,
 i.icon.stripe,
 i.icon.stripe.s,
 i.icon.twitter,
 i.icon.yandex {
   font-family: brand-icons;
 } /*!
  * # Semantic UI 2.4.2 - 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;
 }
 .ui.hidden.image,
 .ui.hidden.images {
   display: none;
 }
 .ui.rounded.image,
 .ui.rounded.image > *,
 .ui.rounded.images .image,
 .ui.rounded.images .image > * {
   border-radius: 0.3125em;
 }
 .ui.fluid.image,
 .ui.fluid.images {
   display: block;
   width: 100%;
   height: auto;
 }
 .ui.tiny.image,
 .ui.tiny.images .image {
   width: 80px;
   height: auto;
   font-size: 0.85714286rem;
 }
 .ui.images {
   font-size: 0;
   margin: 0 -0.25rem 0;
 }
 .ui.images .image {
   display: inline-block;
   margin: 0 0.25rem 0.5rem;
 } /*!
  * # Semantic UI 2.4.2 - Input
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Label
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - List
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - 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%);
   transform: translateX(-50%) translateY(-50%);
 }
 .ui.loader:before {
   position: absolute;
   content: "";
   top: 0;
   left: 50%;
   width: 100%;
   height: 100%;
   border-radius: 500rem;
   border: 0.2em solid rgba(0, 0, 0, 0.1);
 }
 .ui.loader:after {
   position: absolute;
   content: "";
   top: 0;
   left: 50%;
   width: 100%;
   height: 100%;
   -webkit-animation: loader 0.6s linear;
   animation: loader 0.6s linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   border-radius: 500rem;
   border-color: #767676 transparent transparent;
   border-style: solid;
   border-width: 0.2em;
   -webkit-box-shadow: 0 0 0 1px transparent;
   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: 0 0 0 -0.57142857rem;
 }
 .ui.loader:after,
 .ui.loader:before {
   width: 2.28571429rem;
   height: 2.28571429rem;
   margin: 0 0 0 -1.14285714rem;
 }
 .ui.dimmer .loader {
   display: block;
 }
 .ui.dimmer .ui.loader {
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.dimmer .ui.loader:before {
   border-color: rgba(255, 255, 255, 0.15);
 }
 .ui.dimmer .ui.loader:after {
   border-color: #fff transparent transparent;
 }
 .ui.text.loader {
   width: auto !important;
   height: auto !important;
   text-align: center;
   font-style: normal;
 }
 
 .ui.loader.hidden {
   display: none;
 }
 
 .ui.tiny.loader {
   width: 1.14285714rem;
   height: 1.14285714rem;
   font-size: 0.85714286em;
 }
 
 .ui.loader {
   width: 2.28571429rem;
   height: 2.28571429rem;
   font-size: 1em;
 }
 .ui.tiny.text.loader {
   min-width: 1.14285714rem;
   padding-top: 1.92857143rem;
 }
 .ui.text.loader {
   min-width: 2.28571429rem;
   padding-top: 3.07142857rem;
 } /*!
  * # Semantic UI 2.4.2 - Loader
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 @-webkit-keyframes placeholderShimmer {
   0% {
     background-position: -1200px 0;
   }
   100% {
     background-position: 1200px 0;
   }
 }
 @keyframes placeholderShimmer {
   0% {
     background-position: -1200px 0;
   }
   100% {
     background-position: 1200px 0;
   }
 } /*!
  * # Semantic UI 2.4.2 - Rail
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Reveal
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Segment
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 .ui.segment {
   position: relative;
   background: #fff;
   -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
   box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
   margin: 1rem 0;
   padding: 1em 1em;
   border-radius: 0.28571429rem;
   border: 1px solid rgba(34, 36, 38, 0.15);
 }
 .ui.segment:first-child {
   margin-top: 0;
 }
 .ui.segment:last-child {
   margin-bottom: 0;
 }
 
 .ui.page.grid.segment {
   padding-top: 2em;
   padding-bottom: 2em;
 }
 .ui.grid.segment {
   margin: 1rem 0;
   border-radius: 0.28571429rem;
 }
 .ui.loading.segment {
   position: relative;
   cursor: default;
   pointer-events: none;
   text-shadow: none !important;
   color: transparent !important;
   -webkit-transition: all 0s linear;
   transition: all 0s linear;
 }
 .ui.loading.segment:before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   background: rgba(255, 255, 255, 0.8);
   width: 100%;
   height: 100%;
   border-radius: 0.28571429rem;
   z-index: 100;
 }
 .ui.loading.segment:after {
   position: absolute;
   content: "";
   top: 50%;
   left: 50%;
   margin: -1.5em 0 0 -1.5em;
   width: 3em;
   height: 3em;
   -webkit-animation: segment-spin 0.6s linear;
   animation: segment-spin 0.6s linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   border-radius: 500rem;
   border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
   border-style: solid;
   border-width: 0.2em;
   -webkit-box-shadow: 0 0 0 1px transparent;
   box-shadow: 0 0 0 1px transparent;
   visibility: visible;
   z-index: 101;
 }
 @-webkit-keyframes segment-spin {
   from {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   to {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @keyframes segment-spin {
   from {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   to {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 .ui.tiny.segment {
   font-size: 0.85714286rem;
 }
 .ui.segment {
   font-size: 1rem;
 } /*!
  * # Semantic UI 2.4.2 - Step
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 /*!
  * # Semantic UI 2.4.2 - Breadcrumb
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Form
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 @-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);
   }
 } /*!
  * # Semantic UI 2.4.2 - Grid
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 .ui.grid {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   padding: 0;
 }
 .ui.grid {
   margin-top: -1rem;
   margin-bottom: -1rem;
   margin-left: -1rem;
   margin-right: -1rem;
 }
 .ui.grid + .grid {
   margin-top: 1rem;
 }
 .ui.grid > * {
   padding-left: 1rem;
   padding-right: 1rem;
 }
 .ui.grid > .row {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: inherit;
   -ms-flex-pack: inherit;
   justify-content: inherit;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   width: 100% !important;
   padding: 0;
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
 .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.celled.page.grid {
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 .ui.celled.grid {
   width: 100%;
   margin: 1em 0;
   -webkit-box-shadow: 0 0 0 1px #d4d4d5;
   box-shadow: 0 0 0 1px #d4d4d5;
 }
 .ui.celled.grid > .row {
   width: 100% !important;
   margin: 0;
   padding: 0;
   -webkit-box-shadow: 0 -1px 0 0 #d4d4d5;
   box-shadow: 0 -1px 0 0 #d4d4d5;
 }
 @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;
   }
 }
 @media only screen and (max-width: 767px) {
   .ui.doubling.grid > .row,
   .ui.grid > .doubling.row {
     margin: 0 !important;
     padding: 0 !important;
   }
 }
 @media only screen and (max-width: 767px) {
   .ui.stackable.grid {
     width: auto;
     margin-left: 0 !important;
     margin-right: 0 !important;
   }
   .ui.stackable.grid:not(.vertically) > .row {
     margin: 0;
     padding: 0;
   }
   .ui.grid .ui.stackable.grid,
   .ui.segment:not(.vertical) .ui.stackable.page.grid {
     margin-left: -1rem !important;
     margin-right: -1rem !important;
   }
   .ui.stackable.celled.grid > .row {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
   }
 }
 .ui.menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 1rem 0;
   font-family: Valexa, "Helvetica Neue", Arial, Helvetica, sans-serif;
   background: #fff;
   font-weight: 400;
   border: 1px solid rgba(34, 36, 38, 0.15);
   -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
   box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
   border-radius: 0.28571429rem;
   min-height: 2.85714286em;
 }
 .ui.menu:after {
   content: "";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
 }
 .ui.menu:first-child {
   margin-top: 0;
 }
 .ui.menu:last-child {
   margin-bottom: 0;
 }
 .ui.menu .menu {
   margin: 0;
 }
 .ui.menu:not(.vertical) > .menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .ui.menu:not(.vertical) .item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .ui.menu .item {
   position: relative;
   vertical-align: middle;
   line-height: 1;
   text-decoration: none;
   -webkit-tap-highlight-color: transparent;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background: 0 0;
   padding: 0.92857143em 1.14285714em;
   text-transform: none;
   color: rgba(0, 0, 0, 0.87);
   font-weight: 400;
   -webkit-transition: background 0.1s ease, color 0.1s ease,
     -webkit-box-shadow 0.1s ease;
   transition: background 0.1s ease, color 0.1s ease,
     -webkit-box-shadow 0.1s ease;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease,
     -webkit-box-shadow 0.1s ease;
 }
 .ui.menu > .item:first-child {
   border-radius: 0.28571429rem 0 0 0.28571429rem;
 }
 .ui.menu .item:before {
   position: absolute;
   content: "";
   top: 0;
   right: 0;
   height: 100%;
   width: 1px;
   background: rgba(34, 36, 38, 0.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: 0.9;
   float: none;
   margin: 0 0.35714286em 0 0;
 }
 .ui.menu:not(.vertical) .item > .button {
   position: relative;
   top: 0;
   margin: -0.5em 0;
   padding-bottom: 0.78571429em;
   padding-top: 0.78571429em;
   font-size: 1em;
 }
 .ui.menu > .container,
 .ui.menu > .grid {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: inherit;
   -ms-flex-align: inherit;
   align-items: inherit;
   -webkit-box-orient: inherit;
   -webkit-box-direction: inherit;
   -ms-flex-direction: inherit;
   flex-direction: inherit;
 }
 .ui.menu .header.item {
   margin: 0;
   background: "";
   text-transform: normal;
   font-weight: 700;
 }
 @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, 0.1);
   }
 }
 .ui.link.menu .item:hover,
 .ui.menu .link.item:hover,
 .ui.menu a.item:hover {
   cursor: pointer;
   background: rgba(0, 0, 0, 0.03);
   color: rgba(0, 0, 0, 0.95);
 }
 .ui.link.menu .item:active,
 .ui.menu .link.item:active,
 .ui.menu a.item:active {
   background: rgba(0, 0, 0, 0.03);
   color: rgba(0, 0, 0, 0.95);
 }
 .ui.menu:not(.vertical) .left.item,
 .ui.menu:not(.vertical) :not(.dropdown) > .left.menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-right: auto !important;
 }
 .ui.text.menu {
   background: none transparent;
   border-radius: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: none;
   margin: 1em -0.5em;
 }
 .ui.text.menu .item {
   border-radius: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   -ms-flex-item-align: center;
   align-self: center;
   margin: 0 0;
   padding: 0.35714286em 0.5em;
   font-weight: 400;
   color: rgba(0, 0, 0, 0.6);
   -webkit-transition: opacity 0.1s ease;
   transition: opacity 0.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, 0.85);
   font-size: 0.92857143em;
   text-transform: uppercase;
   font-weight: 700;
 }
 .ui.text.item.menu .item {
   margin: 0;
 }
 .ui.text.menu .item:hover {
   opacity: 1;
   background-color: transparent;
 }
 .ui.fluid.text.menu {
   margin-left: 0;
   margin-right: 0;
 }
 .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;
 }
 @media only screen and (max-width: 767px) {
   .ui.stackable.menu {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }
   .ui.stackable.menu .item {
     width: 100% !important;
   }
   .ui.stackable.menu .item:before {
     position: absolute;
     content: "";
     top: auto;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 1px;
     background: rgba(34, 36, 38, 0.1);
   }
   .ui.stackable.menu .left.item,
   .ui.stackable.menu .left.menu {
     margin-right: 0 !important;
   }
   .ui.stackable.menu .left.menu {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }
 }
 .ui.menu.fluid {
   width: 100% !important;
 }
 .ui.item.menu,
 .ui.item.menu .item {
   width: 100%;
   padding-left: 0 !important;
   padding-right: 0 !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
   text-align: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
 }
 .ui.item.menu .item:last-child:before {
   display: none;
 }
 .ui.menu.four.item .item {
   width: 25%;
 }
 .ui.menu.six.item .item {
   width: 16.666%;
 }
 .ui.tiny.menu {
   font-size: 0.85714286rem;
 }
 .ui.menu {
   font-size: 1rem;
 } /*!
  * # Semantic UI 2.4.2 - Message
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Table
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Ad
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Copyright 2013 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Item
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Comment
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Feed
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - 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: -ms-flexbox;
   display: flex;
   margin: 1em 0;
   width: 100%;
   min-height: 0;
   background: 0 0;
   padding: 0;
   border: none;
   border-radius: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-transition: -webkit-box-shadow 0.1s ease;
   transition: -webkit-box-shadow 0.1s ease;
   transition: box-shadow 0.1s ease;
   transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
   z-index: "";
 }
 .ui.items > .item a {
   cursor: pointer;
 }
 .ui.items {
   margin: 1.5em 0;
 }
 .ui.items:first-child {
   margin-top: 0 !important;
 }
 .ui.items:last-child {
   margin-bottom: 0 !important;
 }
 .ui.items > .item:after {
   display: block;
   content: " ";
   height: 0;
   clear: both;
   overflow: hidden;
   visibility: hidden;
 }
 .ui.items > .item:first-child {
   margin-top: 0;
 }
 .ui.items > .item:last-child {
   margin-bottom: 0;
 }
 .ui.items > .item > .image {
   position: relative;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   display: block;
   float: none;
   margin: 0;
   padding: 0;
   max-height: "";
   -ms-flex-item-align: top;
   align-self: top;
 }
 .ui.items > .item > .content {
   display: block;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   background: 0 0;
   margin: 0;
   padding: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   font-size: 1em;
   border: none;
   border-radius: 0;
 }
 .ui.items > .item > .content:after {
   display: block;
   content: " ";
   height: 0;
   clear: both;
   overflow: hidden;
   visibility: hidden;
 }
 .ui.items > .item > .image + .content {
   min-width: 0;
   width: auto;
   display: block;
   margin-left: 0;
   -ms-flex-item-align: top;
   align-self: top;
   padding-left: 1.5em;
 }
 .ui.items > .item > .content > .header {
   display: inline-block;
   margin: -0.21425em 0 0;
   font-family: Valexa, "Helvetica Neue", Arial, Helvetica, sans-serif;
   font-weight: 700;
   color: rgba(0, 0, 0, 0.85);
 }
 .ui.items > .item > .content > .header:not(.ui) {
   font-size: 1.28571429em;
 }
 .ui.items > .item > .content > .description {
   margin-top: 0.6em;
   max-width: auto;
   font-size: 1em;
   line-height: 1.4285em;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.items > .item > .content p {
   margin: 0 0 0.5em;
 }
 .ui.items > .item > .content p:last-child {
   margin-bottom: 0;
 }
 .ui.items > .item .meta {
   margin: 0.5em 0 0.5em;
   font-size: 1em;
   line-height: 1em;
   color: rgba(0, 0, 0, 0.6);
 }
 .ui.items > .item .meta * {
   margin-right: 0.3em;
 }
 .ui.items > .item .meta :last-child {
   margin-right: 0;
 }
 .ui.items > .item > .content a:not(.ui) {
   color: "";
   -webkit-transition: color 0.1s ease;
   transition: color 0.1s ease;
 }
 .ui.items > .item > .content a:not(.ui):hover {
   color: "";
 }
 .ui.items > .item > .content > a.header {
   color: rgba(0, 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, 0.4);
 }
 .ui.items > .item .meta > a:not(.ui):hover {
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.items > .item > .content .favorite.icon {
   cursor: pointer;
   opacity: 0.75;
   -webkit-transition: color 0.1s ease;
   transition: color 0.1s ease;
 }
 .ui.items > .item > .content .favorite.icon:hover {
   opacity: 1;
   color: #ffb70a;
 }
 .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;
     -ms-flex-direction: column;
     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 {
     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 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.4.2 - Statistic
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Accordion
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 /*!
  * # Semantic UI 2.4.2 - Checkbox
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
/*!
  * # Semantic UI 2.4.2 - Dimmer
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 .ui.dimmer {
   display: none;
   position: absolute;
   top: 0 !important;
   left: 0 !important;
   width: 100%;
   height: 100%;
   text-align: center;
   vertical-align: middle;
   padding: 1em;
   background-color: rgba(0, 0, 0, 0.85);
   opacity: 0;
   line-height: 1;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
   -webkit-transition: background-color 0.5s linear;
   transition: background-color 0.5s linear;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-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, 0.1);
 }
 .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
   background: rgba(255, 255, 255, 0.25);
 }
 .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
   background: rgba(255, 255, 255, 0.15);
 }
 .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
   background: rgba(255, 255, 255, 0.35);
 }
 .ui.page.dimmer {
   position: fixed;
   -webkit-transform-style: "";
   transform-style: "";
   -webkit-perspective: 2000px;
   perspective: 2000px;
   -webkit-transform-origin: center center;
   transform-origin: center center;
 } /*!
  * # Semantic UI 2.4.2 - Dropdown
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 @-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);
   }
 }
 /*!
  * # Semantic UI 2.4.2 - 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 {
   position: absolute;
   border: none;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   margin: 0;
   padding: 0;
 }
 .ui.embed > .embed {
   display: none;
 }
 .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, 0.3));
   background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
   opacity: 0.5;
   -webkit-transition: opacity 0.5s ease;
   transition: opacity 0.5s ease;
 }
 .ui.embed > .icon:before {
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 4;
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   color: #fff;
   font-size: 6rem;
   text-shadow: 0 2px 10px rgba(34, 36, 38, 0.2);
   -webkit-transition: opacity 0.5s ease, color 0.5s ease;
   transition: opacity 0.5s ease, color 0.5s ease;
   z-index: 10;
 }
 .ui.embed .icon:hover:after {
   background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
   background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
   opacity: 1;
 }
 .ui.embed .icon:hover:before {
   color: #fff;
 } /*!
  * # Semantic UI 2.4.2 - Modal
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 .ui.modal {
   position: absolute;
   display: none;
   z-index: 1001;
   text-align: left;
   background: #fff;
   border: none;
   -webkit-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2),
     1px 3px 15px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2),
     1px 3px 15px 2px rgba(0, 0, 0, 0.2);
   -webkit-transform-origin: 50% 25%;
   transform-origin: 50% 25%;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   border-radius: 0.28571429rem;
   -webkit-user-select: text;
   -moz-user-select: text;
   -ms-user-select: text;
   user-select: text;
   will-change: top, left, margin, transform, opacity;
 }
 .ui.modal > .icon:first-child + *,
 .ui.modal > :first-child:not(.icon) {
   border-top-left-radius: 0.28571429rem;
   border-top-right-radius: 0.28571429rem;
 }
 .ui.modal > :last-child {
   border-bottom-left-radius: 0.28571429rem;
   border-bottom-right-radius: 0.28571429rem;
 }
 .ui.modal > .close {
   cursor: pointer;
   position: absolute;
   top: -2.5rem;
   right: -2.5rem;
   z-index: 1;
   opacity: 0.8;
   font-size: 1.25em;
   color: #fff;
   width: 2.25rem;
   height: 2.25rem;
   padding: 0.625rem 0 0 0;
 }
 .ui.modal > .close:hover {
   opacity: 1;
 }
 .ui.modal > .header {
   display: block;
   font-family: Valexa, "Helvetica Neue", Arial, Helvetica, sans-serif;
   background: #fff;
   margin: 0;
   padding: 1.25rem 1.5rem;
   -webkit-box-shadow: none;
   box-shadow: none;
   color: rgba(0, 0, 0, 0.85);
   border-bottom: 1px solid rgba(34, 36, 38, 0.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: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
 }
 .ui.modal > .content > .image {
   display: block;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 auto;
   flex: 0 1 auto;
   width: "";
   -ms-flex-item-align: top;
   align-self: top;
 }
 .ui.modal > .content > .description {
   display: block;
   -webkit-box-flex: 1;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
   min-width: 0;
   -ms-flex-item-align: top;
   align-self: top;
 }
 .ui.modal > .content > .icon + .description,
 .ui.modal > .content > .image + .description {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 auto;
   flex: 0 1 auto;
   min-width: "";
   width: auto;
   padding-left: 2em;
 }
 .ui.modal > .content > .image > i.icon {
   margin: 0;
   opacity: 1;
   width: auto;
   line-height: 1;
   font-size: 8rem;
 }
 @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, 0.87);
   }
 }
 @media only screen and (max-width: 767px) {
   .ui.modal > .header {
     padding: 0.75rem 1rem !important;
     padding-right: 2.25rem !important;
   }
   .ui.modal > .content {
     display: block;
     padding: 1rem !important;
   }
   .ui.modal > .close {
     top: 0.5rem !important;
     right: 0.5rem !important;
   }
   .ui.modal .image.content {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }
   .ui.modal .content > .image {
     display: block;
     max-width: 100%;
     margin: 0 auto !important;
     text-align: center;
     padding: 0 0 1rem !important;
   }
   .ui.modal > .content > .image > i.icon {
     font-size: 5rem;
     text-align: center;
   }
   .ui.modal .content > .description {
     display: block;
     width: 100% !important;
     margin: 0 !important;
     padding: 1rem 0 !important;
     -webkit-box-shadow: none;
     box-shadow: none;
   }
 }
 .ui.loading.modal {
   display: block;
   visibility: hidden;
   z-index: -1;
 }
 .ui.modal {
   font-size: 1rem;
 }
 @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;
   }
 } /*!
  * # Semantic UI 2.4.2 - Nag
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Popup
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - 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: 0.3;
     width: 0;
   }
   100% {
     opacity: 0;
     width: 100%;
   }
 }
 @keyframes progress-active {
   0% {
     opacity: 0.3;
     width: 0;
   }
   100% {
     opacity: 0;
     width: 100%;
   }
 } /*!
  * # Semantic UI 2.4.2 - Rating
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
/*!
  * # Semantic UI 2.4.2 - Search
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Shape
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Sidebar
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Sticky
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */ /*!
  * # Semantic UI 2.4.2 - Tab
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 .ui.tab {
   display: none;
 }
 .ui.tab.loading {
   position: relative;
   overflow: hidden;
   display: block;
   min-height: 250px;
 }
 .ui.tab.loading * {
   position: relative !important;
   left: -10000px !important;
 }
 .ui.tab.loading.segment:before,
 .ui.tab.loading:before {
   position: absolute;
   content: "";
   top: 100px;
   left: 50%;
   margin: -1.25em 0 0 -1.25em;
   width: 2.5em;
   height: 2.5em;
   border-radius: 500rem;
   border: 0.2em solid rgba(0, 0, 0, 0.1);
 }
 .ui.tab.loading.segment:after,
 .ui.tab.loading:after {
   position: absolute;
   content: "";
   top: 100px;
   left: 50%;
   margin: -1.25em 0 0 -1.25em;
   width: 2.5em;
   height: 2.5em;
   -webkit-animation: button-spin 0.6s linear;
   animation: button-spin 0.6s linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   border-radius: 500rem;
   border-color: #767676 transparent transparent;
   border-style: solid;
   border-width: 0.2em;
   -webkit-box-shadow: 0 0 0 1px transparent;
   box-shadow: 0 0 0 1px transparent;
 } /*!
  * # Semantic UI 2.4.2 - Transition
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 @-webkit-keyframes browseIn {
   0% {
     -webkit-transform: scale(0.8) translateZ(0);
     transform: scale(0.8) translateZ(0);
     z-index: -1;
   }
   10% {
     -webkit-transform: scale(0.8) translateZ(0);
     transform: scale(0.8) translateZ(0);
     z-index: -1;
     opacity: 0.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(0.8) translateZ(0);
     transform: scale(0.8) translateZ(0);
     z-index: -1;
   }
   10% {
     -webkit-transform: scale(0.8) translateZ(0);
     transform: scale(0.8) translateZ(0);
     z-index: -1;
     opacity: 0.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;
   }
 }
 @-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);
   }
 }
 @-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%);
   }
 }
 @-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;
   }
 }
 @-webkit-keyframes scaleIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
   }
   100% {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }
 @keyframes scaleIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
   }
   100% {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }
 @-webkit-keyframes scaleOut {
   0% {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
   }
   100% {
     opacity: 0;
     -webkit-transform: scale(0.9);
     transform: scale(0.9);
   }
 }
 @keyframes scaleOut {
   0% {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
   }
   100% {
     opacity: 0;
     -webkit-transform: scale(0.9);
     transform: scale(0.9);
   }
 }
 @-webkit-keyframes flyIn {
   0% {
     opacity: 0;
     -webkit-transform: scale3d(0.3, 0.3, 0.3);
     transform: scale3d(0.3, 0.3, 0.3);
   }
   20% {
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
   }
   40% {
     -webkit-transform: scale3d(0.9, 0.9, 0.9);
     transform: scale3d(0.9, 0.9, 0.9);
   }
   60% {
     opacity: 1;
     -webkit-transform: scale3d(1.03, 1.03, 1.03);
     transform: scale3d(1.03, 1.03, 1.03);
   }
   80% {
     -webkit-transform: scale3d(0.97, 0.97, 0.97);
     transform: scale3d(0.97, 0.97, 0.97);
   }
   100% {
     opacity: 1;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
   }
 }
 @keyframes flyIn {
   0% {
     opacity: 0;
     -webkit-transform: scale3d(0.3, 0.3, 0.3);
     transform: scale3d(0.3, 0.3, 0.3);
   }
   20% {
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
   }
   40% {
     -webkit-transform: scale3d(0.9, 0.9, 0.9);
     transform: scale3d(0.9, 0.9, 0.9);
   }
   60% {
     opacity: 1;
     -webkit-transform: scale3d(1.03, 1.03, 1.03);
     transform: scale3d(1.03, 1.03, 1.03);
   }
   80% {
     -webkit-transform: scale3d(0.97, 0.97, 0.97);
     transform: scale3d(0.97, 0.97, 0.97);
   }
   100% {
     opacity: 1;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
   }
 }
 @-webkit-keyframes flyInUp {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, 1500px, 0);
     transform: translate3d(0, 1500px, 0);
   }
   60% {
     opacity: 1;
     -webkit-transform: translate3d(0, -20px, 0);
     transform: translate3d(0, -20px, 0);
   }
   75% {
     -webkit-transform: translate3d(0, 10px, 0);
     transform: translate3d(0, 10px, 0);
   }
   90% {
     -webkit-transform: translate3d(0, -5px, 0);
     transform: translate3d(0, -5px, 0);
   }
   100% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }
 @keyframes flyInUp {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, 1500px, 0);
     transform: translate3d(0, 1500px, 0);
   }
   60% {
     opacity: 1;
     -webkit-transform: translate3d(0, -20px, 0);
     transform: translate3d(0, -20px, 0);
   }
   75% {
     -webkit-transform: translate3d(0, 10px, 0);
     transform: translate3d(0, 10px, 0);
   }
   90% {
     -webkit-transform: translate3d(0, -5px, 0);
     transform: translate3d(0, -5px, 0);
   }
   100% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }
 @-webkit-keyframes flyInDown {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, -1500px, 0);
     transform: translate3d(0, -1500px, 0);
   }
   60% {
     opacity: 1;
     -webkit-transform: translate3d(0, 25px, 0);
     transform: translate3d(0, 25px, 0);
   }
   75% {
     -webkit-transform: translate3d(0, -10px, 0);
     transform: translate3d(0, -10px, 0);
   }
   90% {
     -webkit-transform: translate3d(0, 5px, 0);
     transform: translate3d(0, 5px, 0);
   }
   100% {
     -webkit-transform: none;
     transform: none;
   }
 }
 @keyframes flyInDown {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, -1500px, 0);
     transform: translate3d(0, -1500px, 0);
   }
   60% {
     opacity: 1;
     -webkit-transform: translate3d(0, 25px, 0);
     transform: translate3d(0, 25px, 0);
   }
   75% {
     -webkit-transform: translate3d(0, -10px, 0);
     transform: translate3d(0, -10px, 0);
   }
   90% {
     -webkit-transform: translate3d(0, 5px, 0);
     transform: translate3d(0, 5px, 0);
   }
   100% {
     -webkit-transform: none;
     transform: none;
   }
 }
 @-webkit-keyframes flyInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(1500px, 0, 0);
     transform: translate3d(1500px, 0, 0);
   }
   60% {
     opacity: 1;
     -webkit-transform: translate3d(-25px, 0, 0);
     transform: translate3d(-25px, 0, 0);
   }
   75% {
     -webkit-transform: translate3d(10px, 0, 0);
     transform: translate3d(10px, 0, 0);
   }
   90% {
     -webkit-transform: translate3d(-5px, 0, 0);
     transform: translate3d(-5px, 0, 0);
   }
   100% {
     -webkit-transform: none;
     transform: none;
   }
 }
 @keyframes flyInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(1500px, 0, 0);
     transform: translate3d(1500px, 0, 0);
   }
   60% {
     opacity: 1;
     -webkit-transform: translate3d(-25px, 0, 0);
     transform: translate3d(-25px, 0, 0);
   }
   75% {
     -webkit-transform: translate3d(10px, 0, 0);
     transform: translate3d(10px, 0, 0);
   }
   90% {
     -webkit-transform: translate3d(-5px, 0, 0);
     transform: translate3d(-5px, 0, 0);
   }
   100% {
     -webkit-transform: none;
     transform: none;
   }
 }
 @-webkit-keyframes flyInRight {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(-1500px, 0, 0);
     transform: translate3d(-1500px, 0, 0);
   }
   60% {
     opacity: 1;
     -webkit-transform: translate3d(25px, 0, 0);
     transform: translate3d(25px, 0, 0);
   }
   75% {
     -webkit-transform: translate3d(-10px, 0, 0);
     transform: translate3d(-10px, 0, 0);
   }
   90% {
     -webkit-transform: translate3d(5px, 0, 0);
     transform: translate3d(5px, 0, 0);
   }
   100% {
     -webkit-transform: none;
     transform: none;
   }
 }
 @keyframes flyInRight {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(-1500px, 0, 0);
     transform: translate3d(-1500px, 0, 0);
   }
   60% {
     opacity: 1;
     -webkit-transform: translate3d(25px, 0, 0);
     transform: translate3d(25px, 0, 0);
   }
   75% {
     -webkit-transform: translate3d(-10px, 0, 0);
     transform: translate3d(-10px, 0, 0);
   }
   90% {
     -webkit-transform: translate3d(5px, 0, 0);
     transform: translate3d(5px, 0, 0);
   }
   100% {
     -webkit-transform: none;
     transform: none;
   }
 }
 @-webkit-keyframes flyOut {
   20% {
     -webkit-transform: scale3d(0.9, 0.9, 0.9);
     transform: scale3d(0.9, 0.9, 0.9);
   }
   50%,
   55% {
     opacity: 1;
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
   }
   100% {
     opacity: 0;
     -webkit-transform: scale3d(0.3, 0.3, 0.3);
     transform: scale3d(0.3, 0.3, 0.3);
   }
 }
 @keyframes flyOut {
   20% {
     -webkit-transform: scale3d(0.9, 0.9, 0.9);
     transform: scale3d(0.9, 0.9, 0.9);
   }
   50%,
   55% {
     opacity: 1;
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
   }
   100% {
     opacity: 0;
     -webkit-transform: scale3d(0.3, 0.3, 0.3);
     transform: scale3d(0.3, 0.3, 0.3);
   }
 }
 @-webkit-keyframes flyOutUp {
   20% {
     -webkit-transform: translate3d(0, 10px, 0);
     transform: translate3d(0, 10px, 0);
   }
   40%,
   45% {
     opacity: 1;
     -webkit-transform: translate3d(0, -20px, 0);
     transform: translate3d(0, -20px, 0);
   }
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
     transform: translate3d(0, 2000px, 0);
   }
 }
 @keyframes flyOutUp {
   20% {
     -webkit-transform: translate3d(0, 10px, 0);
     transform: translate3d(0, 10px, 0);
   }
   40%,
   45% {
     opacity: 1;
     -webkit-transform: translate3d(0, -20px, 0);
     transform: translate3d(0, -20px, 0);
   }
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
     transform: translate3d(0, 2000px, 0);
   }
 }
 @-webkit-keyframes flyOutDown {
   20% {
     -webkit-transform: translate3d(0, -10px, 0);
     transform: translate3d(0, -10px, 0);
   }
   40%,
   45% {
     opacity: 1;
     -webkit-transform: translate3d(0, 20px, 0);
     transform: translate3d(0, 20px, 0);
   }
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0);
   }
 }
 @keyframes flyOutDown {
   20% {
     -webkit-transform: translate3d(0, -10px, 0);
     transform: translate3d(0, -10px, 0);
   }
   40%,
   45% {
     opacity: 1;
     -webkit-transform: translate3d(0, 20px, 0);
     transform: translate3d(0, 20px, 0);
   }
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0);
   }
 }
 @-webkit-keyframes flyOutRight {
   20% {
     opacity: 1;
     -webkit-transform: translate3d(20px, 0, 0);
     transform: translate3d(20px, 0, 0);
   }
   100% {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
     transform: translate3d(-2000px, 0, 0);
   }
 }
 @keyframes flyOutRight {
   20% {
     opacity: 1;
     -webkit-transform: translate3d(20px, 0, 0);
     transform: translate3d(20px, 0, 0);
   }
   100% {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
     transform: translate3d(-2000px, 0, 0);
   }
 }
 @-webkit-keyframes flyOutLeft {
   20% {
     opacity: 1;
     -webkit-transform: translate3d(-20px, 0, 0);
     transform: translate3d(-20px, 0, 0);
   }
   100% {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0);
   }
 }
 @keyframes flyOutLeft {
   20% {
     opacity: 1;
     -webkit-transform: translate3d(-20px, 0, 0);
     transform: translate3d(-20px, 0, 0);
   }
   100% {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0);
   }
 }
 @-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);
   }
 }
 @-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;
   }
 }
 @-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);
   }
 }
 @-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(0.9) rotate(-3deg);
     transform: scale(0.9) rotate(-3deg);
   }
   30%,
   50%,
   70%,
   90% {
     -webkit-transform: scale(1.1) rotate(3deg);
     transform: scale(1.1) rotate(3deg);
   }
   40%,
   60%,
   80% {
     -webkit-transform: scale(1.1) rotate(-3deg);
     transform: scale(1.1) rotate(-3deg);
   }
   100% {
     -webkit-transform: scale(1) rotate(0);
     transform: scale(1) rotate(0);
   }
 }
 @keyframes tada {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
   10%,
   20% {
     -webkit-transform: scale(0.9) rotate(-3deg);
     transform: scale(0.9) rotate(-3deg);
   }
   30%,
   50%,
   70%,
   90% {
     -webkit-transform: scale(1.1) rotate(3deg);
     transform: scale(1.1) rotate(3deg);
   }
   40%,
   60%,
   80% {
     -webkit-transform: scale(1.1) rotate(-3deg);
     transform: scale(1.1) rotate(-3deg);
   }
   100% {
     -webkit-transform: scale(1) rotate(0);
     transform: scale(1) rotate(0);
   }
 }
 @-webkit-keyframes pulse {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1;
   }
   50% {
     -webkit-transform: scale(0.9);
     transform: scale(0.9);
     opacity: 0.7;
   }
   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1;
   }
 }
 @keyframes pulse {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1;
   }
   50% {
     -webkit-transform: scale(0.9);
     transform: scale(0.9);
     opacity: 0.7;
   }
   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1;
   }
 }
 @-webkit-keyframes jiggle {
   0% {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
   }
   30% {
     -webkit-transform: scale3d(1.25, 0.75, 1);
     transform: scale3d(1.25, 0.75, 1);
   }
   40% {
     -webkit-transform: scale3d(0.75, 1.25, 1);
     transform: scale3d(0.75, 1.25, 1);
   }
   50% {
     -webkit-transform: scale3d(1.15, 0.85, 1);
     transform: scale3d(1.15, 0.85, 1);
   }
   65% {
     -webkit-transform: scale3d(0.95, 1.05, 1);
     transform: scale3d(0.95, 1.05, 1);
   }
   75% {
     -webkit-transform: scale3d(1.05, 0.95, 1);
     transform: scale3d(1.05, 0.95, 1);
   }
   100% {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
   }
 }
 @keyframes jiggle {
   0% {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
   }
   30% {
     -webkit-transform: scale3d(1.25, 0.75, 1);
     transform: scale3d(1.25, 0.75, 1);
   }
   40% {
     -webkit-transform: scale3d(0.75, 1.25, 1);
     transform: scale3d(0.75, 1.25, 1);
   }
   50% {
     -webkit-transform: scale3d(1.15, 0.85, 1);
     transform: scale3d(1.15, 0.85, 1);
   }
   65% {
     -webkit-transform: scale3d(0.95, 1.05, 1);
     transform: scale3d(0.95, 1.05, 1);
   }
   75% {
     -webkit-transform: scale3d(1.05, 0.95, 1);
     transform: scale3d(1.05, 0.95, 1);
   }
   100% {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
   }
 }
 @-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;
   }
 }
 
 .mx-auto {
   margin-right: auto !important;
   margin-left: auto !important;
 }
 
 .m-0 {
   margin: 0 0 !important;
 }
 
 .mt-0 {
   margin-top: 0 !important;
 }
 
 .mx-0 {
   margin-right: 0 !important;
   margin-left: 0 !important;
 }
 
 .px-0 {
   padding-right: 0 !important;
   padding-left: 0 !important;
 }
 
 
 /* Custom Dropdown Styles */
 
 /* Keyframes untuk animasi fadeInUp */
 @keyframes fadeInUp {
     0% {
         opacity: 0;
         transform: translateY(10px);
     }
     100% {
         opacity: 1;
         transform: translateY(0);
     }
 }
 
 /* Item Menu: Menambahkan gaya modern dan efek transisi */@media only screen and (max-width: 500px) {
     p {
         font-size: 15px;
         line-height: 1.5;
         color: #000
     }
     }
     @media only screen and (min-width: 500px) {
     p {
         font-size: 1.1rem;
         line-height: 1.5;
         color: #000
     }}
 
      /* Style for the message */
 
     
 
 /* custom buttom buat blog */
 
 /* sampe sini */
 
 .ui.menu .header.item {
     font-weight: 500
 }
 
 .ui.button.rounded {
     border-radius: 1rem!important
 }
 
 @media only screen and (max-width: 500px) {
     h2 {
         font-size: 18px!important;
     }
     }
 
     ul {
         padding : 10px;
     }
 
 a {
     opacity: 1!important;
     color: #007bff;
     cursor: pointer
 }
 
 .bold {
     font-weight: 700;
 }
 
 body,html {
     max-width: 1600px;
     margin: auto;
     height: auto!important;
     background: rgb( 12, 13, 16 );
 }
 
 .main.container {
     padding-top: 70px;
     width: 100%!important;
     background: rgb(25, 34, 43);
     margin: 0 auto!important
 }
 
 [v-cloak] {
     display: none
 }
 
 .shadowless,.ui.celled.grid>.row {
     box-shadow: none!important
 }
 
 #body {
     margin: auto;
     background: #fff
 }
 
 #blur {
     top: 0;
     height: 100%;
     background: rgba(36,93,153,.43);
     z-index: 8
 }
 
 #blur {
     position: fixed;
     left: 0;
     width: 100%
 }
 
 @media (max-width: 480px) {
 #top-search {
     border: none;
     position: relative;
     background-size: contain;
     background-position: 0 50%;
     z-index: 2;
     padding: 3rem 0 5rem;
     margin-bottom: 2rem
 }}
 @media (min-width: 480px) {
 #top-search {
     border: none;
     position: relative;
     background-size: cover;
     background-position: 0 50%;
     z-index: 2;
     padding: 3rem 0 5rem;
     margin-bottom: 2rem
 }}
 
 #top-search h1,#top-search h3 {
     padding: .5rem 1rem;
     background: transparent;
     color: #fff;
     display: inline-block;
     margin: 0 auto
 }
 
 #top-search h1 {
     max-width: 800px
 }
 
 #top-search h1,#top-search h3 {
     font-size: 2.9rem;
     font-weight: 600;
     line-height: 65px
 }
 
 #top-search h3 {
     margin: 1rem auto;
     overflow: hidden;
     max-width: 600px;
     width: 100%;
     white-space: nowrap
 }
 
 #top-search .grid {
     height: 100%
 }
 
 #notifications {
     width: 100%;
     padding: 1rem;
     background: #f8f8ff;
     margin: -1rem auto 0!important
 }
 
 #footer {
     background: #2d2d2d;
     width: 100%;
     padding-top: 2rem!important;
     padding-bottom: 1rem!important;
     z-index: 0
 }
 
 #footer li {
     list-style-type: none!important;
     line-height: 1.9
 }
 
 #footer li a {
     font-size: 1.2rem;
     color: #fff
 }
 
 #footer p {
     color: #fff
 }
 
 #items {
     max-width: 1300px;
     margin-left: auto;
     margin-right: auto;
     margin-top: 2rem!important
 }
 
 #items .row {
     background: #fff
 }
 
 #item {
     background: #fff;
     max-width: 1100px;
     margin: auto;
     margin-top: 2rem!important;
     font-size: 1.1rem
 }
 
 #user-message {
     border-radius: 2rem!important;
     overflow: hidden
 }
 
 .ui.dimmer {
     height: 100vh!important;
     overflow: hidden!important;
     position: fixed
 }
 
 #recently-viewed-items {
     padding: 1rem;
     margin: 1rem;
     border-radius: 1rem;
     background: #f1f1ff;
     width: calc(100% - 2rem)
 }
 
 #recently-viewed-items>.title {
     font-size: 1.3rem;
     padding: .75rem 1rem .5rem;
     margin: .5rem 0 0;
     display: table;
     color: #252525;
     font-weight: 600
 }
 
 #recently-viewed-items .items {
     display: flex;
     flex-wrap: nowrap;
     flex-flow: row-reverse;
     overflow: auto;
     padding: 1rem 0;
     margin: 0 1rem
 }
 
 #recently-viewed-items .items .item {
     min-width: 100px;
     min-height: 100px;
     width: 100px;
     height: 100px;
     display: block;
     margin: 0 .5rem;
     border-radius: 2rem;
     overflow: hidden;
     position: relative
 }
 
 #recently-viewed-items .items .item:first-child {
     margin-right: auto
 }
 
 #recently-viewed-items .items .item:last-child {
     margin-left: 0
 }
 
 #recently-viewed-items .items .item .remove {
     position: absolute;
     top: .25rem;
     right: .25rem;
     cursor: pointer;
     color: #fff
 }
 
 #recently-viewed-items .items .item .image {
     background-size: cover;
     background-position: 50%;
     width: 100px;
     height: 100px;
     display: block
 }
 
 #cookies {
     border-radius: 0;
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     background: linear-gradient(45deg,#ce2929,#ce2929,#ffc65d);
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 1.5rem;
     border: none;
     z-index: 9
 }
 
 #cookies * {
     color: #fff;
     font-weight: 400
 }
 
 #cookies div.button {
     margin-left: 1rem;
     text-align: right;
     display: table
 }
 
 #cookies button {
     border-radius: .75rem;
     background: #e97f46;
     font-weight: 500;
     margin: 0;
     white-space: nowrap
 }
 
 @media (min-width: 1025px) {
 
     #blur {
         visibility: hidden!important
     }
 
     html {
         overflow: visible!important
     }
 }
 
 @media (max-width: 768px) {
 
     #footer {
         margin: 0!important
     }
 }
 
 @media (max-width: 520px) {
 
     #top-search {
         padding: 0
     }
 
     #top-search h1 {
         font-size: 1.9rem;
         font-weight: 600;
         line-height: 1.5
     }
 }
 
 @media (max-width: 480px) {
     #cookies {
         bottom:70px;
         flex-wrap: wrap
     }
 
     #cookies div.button {
         margin-top: 1rem
     }
 
     #app:not(.home) #items {
         margin: 0 auto!important
     }
 
     #top-search {
         margin-top: -126px
     }
 
     .main.container {
         padding-bottom: 70px
     }
 
     #top-search {
         padding: 11rem 0 0
     }
 }
 
 /*! sky sector */

.drawnc-header_hero {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('https://storage.bosmudasky.com/wp-content/uploads/2025/07/bannerfix-scaled.webp');
  height: 408px;
  z-index: 0;
}



.drawnc-header_hero .ipsLayout_container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  z-index: 10;
}
/* Media query for screens 1977px and above */
@media (min-width: 1977px) {
  .drawnc-header_hero {
      background-size: contain; /* Use contain for screens 1977px and above */
  }
}

/* Media query for screens between 802px and 1610px */
@media (min-width: 802px) and (max-width: 1610px) {
  .drawnc-header_hero {
      background-size: cover; /* Use contain for screens between 802px and 1610px */
      background-position: 78% 50%;
  }
}

@media screen and (max-width: 800px) {
  .drawnc-header_hero {
      height: 200px;
      text-align: center;
      background-position: 90% 100%;
  }
.drawnc-header_hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* Adjust the opacity to make it not too dark */
  z-index: 1; /* Ensure the overlay is on top of the background image */
}

.heroTitle {
z-index: 2; /* Ensure the overlay is on top of the background image */
}
.cat-page {
  z-index: 2; /* Ensure the overlay is on top of the background image */
  }
  

  .headerPos_row>[class*=container] {
      justify-content: center
  }

  #drawnc-footer {
      padding-bottom: 6.4em
  }

  .newsBanner {
      flex-direction: column;
      padding: 1.5em
  }

  .newsBanner_button {
      width: 100%;
      margin-top: 1.5em
  }

  .newsBanner_text {
      margin-left: 0;
      text-align: center
  }

  .forumBanners>li {
      gap: unset
  }

  .newsBanner img,.forumBanners>li>div>img {
      display: none
  }
}

.ipsLayout_container {
  max-width: 1550px;
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5em;
}

.heroTitle {
  color: #fff;
  font-size: clamp(25px, 2.5vw, 45px);
  margin: 0;
  font-weight: bolder;
  line-height: 1.2;
  margin-bottom: .25em;
  margin: 0 !important;
}

.heroTitle b {
  color: rgb(8, 126, 225);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-color: rgb(8, 126, 225);
  background-size: 200% auto;
  font-size: clamp(25px, 2.5vw, 45px);
}

.cat-page {
  color: #fff;
  font-size: clamp(25px, 4.5vw, 40px);
  margin: 0;
  font-weight: bolder;
  line-height: 1.2;
  margin-bottom: .25em;
  margin: 0 !important;
}

.itilbau {
  margin-bottom: 20px;
}

#item .l-side .top.menu::-webkit-scrollbar-thumb {
  background: rgb(8, 126, 225);
  border-radius: 10px;
}

.cat-page b {
  color: rgb(8, 126, 225);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-color: rgb(8, 126, 225);
  background-image: linear-gradient(to right, rgb(8, 126, 225) 0%, rgb(10, 187, 118) 50%, rgb(8, 126, 225) 100%);
  background-size: 200% auto;
  font-size: clamp(25px, 4.5vw, 40px);
}

/* Additional media queries for responsiveness */

@media screen and (max-width: 400px) {
  .heroTitle {
      font-size: clamp(25px, 5vw, 25px);
  }
  .heroTitle b {
      font-size: clamp(25px, 5vw, 25px);
  }
}

@media screen and (max-width: 400px) {
  .heroTitle.manual-page {
      font-size: clamp(22px, 5vw, 20px);
  }
  .heroTitle.manual-page b {
      font-size: clamp(20px, 5vw, 25px);
  }
}

/*! end here */

  /* paypal sec */
.newsBanner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #1a1d27; /* rgb(var(--theme-area_background)) */
    border: 1px solid #2c2f39; /* rgb(var(--theme-area_background_light)) */
    padding: 2em;
    border-radius: 5px; /* var(--b-radius_1) */
    margin-top: -12px;
    z-index: 1;
    position: relative;
    margin-left: 50px;
    margin-right: 50px;
}

.newsBanner > div {
    display: flex;
    flex: 1;
}

.newsBanner_text {
    flex: 1;
    margin-left: 2em;
}

.newsBanner_title {
    color: #fff;
    margin: 0;
    line-height: 1;
    margin: 0 0 .5em;
    font-size: clamp(19px, 0.5vw, 25px); /* Responsive font size */
    font-weight: bolder;
}

.newsBanner_desc {
    margin: 0;
    font-size: 18px;
    color: rgba(200, 200, 200, 0.8); /* rgba(var(--theme-text_color), 0.8) */
}

.newsBanner_button {
    background: #282c36; /* rgb(var(--theme-area_background_lighter)) */
    padding: 21px 22px;
    border-radius: 5px; /* var(--b-radius_1) */
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    gap: .5em;
    text-transform: uppercase;
    transition: .2s linear;
    color: #fff; /* Text color */
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

.newsBanner_button:hover {
    background: #fff;
    color: #000;
}

/* paypal sec */

.elUserPhoto {
  border: 2px solid rgb(30, 33, 41);
  outline: 2px solid rgb(8, 126, 225);
}
.item.ui.dropdown.user>i[class*=down] {
  position: absolute;
  right: 4px;
  bottom: 7px;
  width: 19px;
  height: 19px;
  background: rgb(8, 126, 225);
  color: #000 !important;
  border: 3px solid rgb(24, 27, 33);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vw;
}

#app {
    display: unset !important;
}

#right-section {
    overflow: visible !important;
}

.ui.secondary.menu {
margin-left: 0 !important;
margin-right: 0 !important ;
}

.footer-dark {
  padding:50px 0;
  color:#f0f9ff;
  background-color:#282d32;
}

.footer-dark h3 {
  margin-top:0;
  margin-bottom:12px;
  font-weight:bold;
  font-size:16px;
}

.footer-dark ul {
  padding:0;
  list-style:none;
  line-height:1.6;
  font-size:14px;
  margin-bottom:0;
}

.footer-dark ul a {
  color:inherit;
  text-decoration:none;
  opacity:0.6;
}

.footer-dark ul a:hover {
  opacity:0.8;
}

@media (max-width:767px) {
  .footer-dark .item:not(.social) {
    text-align:center;
    padding-bottom:20px;
  }
}

.footer-dark .item.text {
  margin-bottom:36px;
}

@media (max-width:767px) {
  .footer-dark .item.text {
    margin-bottom:0;
  }
}

.footer-dark .item.text p {
  opacity:0.6;
  margin-bottom:0;
}

.footer-dark .item.social {
  text-align:center;
}

@media (max-width:991px) {
  .footer-dark .item.social {
    text-align:center;
    margin-top:20px;
  }
}

.footer-dark .item.social > a {
  font-size:20px;
  width:36px;
  height:36px;
  line-height:36px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(255,255,255,0.4);
  margin:0 8px;
  color:#fff;
  opacity:0.75;
}

.footer-dark .item.social > a:hover {
  opacity:0.9;
}

.footer-dark .copyright {
  text-align:center;
  padding-top:24px;
  opacity:0.3;
  font-size:13px;
  margin-bottom:0;
}

h3.statusProduct__title {
    text-transform: capitalize;
}

img.footer-logo {
    width: 200px;
    height: 75px;
    object-fit: contain;
}
.item.social {
  text-align:center;
}

@media (max-width:991px) {
.item.social {
    text-align:center;
    margin-top:20px;
  }
}
.item.social > a {
  font-size:20px;
  width:36px;
  height:36px;
  line-height:36px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(255,255,255,0.4);
  margin:0 8px;
  color:#fff;
  opacity:0.75;
}

.item.social > a:hover {
  opacity:0.9;
}

.copyright {
    align-items: center;
    display: flex
;
    font-weight: 600;
    height: 35px;
    justify-content: center;
    width: 100%;
    color:#959595
}

.tesputih {
    color:#fff !important;
}

.hitam {
    color: #000000 !important;
}

.teshitam {
    color: #000000 !IMPORTANT;
    font-size: 15px!important;
}

.content.cart-menu {
    color: #000000 !important;
}

.content.cart-menu a {
    color: #000000 !important;
}

.ui.basic.teal.button, .ui.basic.teal.buttons .button {
    background: linear-gradient(to right, rgb(8, 126, 225) 25%, rgb(10, 187, 118) 50%, rgb(8, 126, 225) 168%) !important;
    color: #fff !important;
}

body.ipsApp.ipsApp_front.ipsJS_none.ipsClearfix {
    background:#0c0d10;
}

@media screen and (max-width: 800px) {
.newsBanner_text {
    margin-left: 0em !important;
}
}

/* Tambahkan scroll horizontal untuk layar kecil */
@media screen and (max-width: 637px) {
    #items>.ui.menu.filter {
        overflow-x: auto !important; /* Aktifkan scroll horizontal */
        white-space: nowrap; /* Mencegah elemen turun ke baris berikutnya */
        display: flex;
        -webkit-overflow-scrolling: touch; /* Smooth scrolling untuk iOS */
    }

    /* Styling scrollbar agar serasi */
    #items>.ui.menu.filter::-webkit-scrollbar {
        -webkit-appearance: none;
        height: 10px;
        background: rgb(var(--theme-status_background_light));
        
    }

    #items>.ui.menu.filter::-webkit-scrollbar-track {
        background: rgba(0,0,0,.1);
        border-radius: 0;
    }

    #items>.ui.menu.filter::-webkit-scrollbar-thumb {
        background: rgb(var(--theme-primary_button));
        border-radius: 5px;
        cursor: pointer;
        -webkit-transition: background 0.2s;
        transition: background 0.2s;
        border: 10px;
    }

    #items>.ui.menu.filter::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(0,0,0,.15);
    }

    #items>.ui.menu.filter::-webkit-scrollbar-thumb:hover {
        background: hsla(202,5%,52%,.8);
    }
}

.greenbosky {
    background: rgb(var(--theme-primary_button));
    color:#fff;
}

.dipaport {
    padding: 10px;
}

.tesputih {
    color: #fff;
}

.ui.atasburder.segment:not(.inverted) {
    border-top: 2px solid rgb(var(--theme-primary_button)) !important;
}

.post-content a {
  color: #008cff;
  font-weight: bold;
  text-decoration: none;
}