::-moz-focus-inner {
  border: 0;
  padding: 0; }

@media (min-width: 768px) and (max-width: 1024px) {
  .columns-2,
  .columns-3,
  .columns-4 {
    column-gap: 24px; }
  .columns-2 {
    column-count: 2; }
  .columns-3 {
    column-count: 3; }
  .columns-4 {
    column-count: 4; } }

.krow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  @media (max-width: 768px) {
    .krow:not(.noresponsive) {
      flex-direction: column;
      flex-wrap: nowrap; } }
  .krow.gutters,
  .krow.gutters > .krow {
    margin-left: -2.5%; }
    @media (max-width: 768px) {
      .krow.gutters:not(.noresponsive),
      .krow.gutters:not(.noresponsive) > .krow {
        margin-left: 0; } }
    .krow.gutters > .col,
    .krow.gutters > .krow > .col {
      margin-left: 2.5%; }
      @media (max-width: 768px) {
        .krow.gutters:not(.noresponsive) > .col,
        .krow.gutters:not(.noresponsive) > .krow > .col {
          margin-left: 0; } }
  .krow.around {
    justify-content: space-around; }
  .krow.between {
    justify-content: space-between; }
  .krow.auto .col {
    flex-grow: 1; }

.col {
  display: block;
}

.col-1 {
  width: 8.33333%; }

.offset-1 {
  margin-left: 8.33333%; }

.col-2 {
  width: 16.66667%; }

.col-24 {
  width: 20%; }

.offset-2 {
  margin-left: 16.66667%; }

.col-3 {
  width: 25%; }

.offset-3 {
  margin-left: 25%; }

.col-4 {
  width: 33.33333%; }

.offset-4 {
  margin-left: 33.33333%; }

.col-5 {
  width: 41.66667%; }

.offset-5 {
  margin-left: 41.66667%; }

.col-6 {
  width: 50%; }

.offset-6 {
  margin-left: 50%; }

.col-7 {
  width: 58.33333%; }

.offset-7 {
  margin-left: 58.33333%; }

.col-8 {
  width: 66.66667%; }

.offset-8 {
  margin-left: 66.66667%; }

.col-9 {
  width: 75%; }

.offset-9 {
  margin-left: 75%; }

.col-10 {
  width: 83.33333%; }

.offset-10 {
  margin-left: 83.33333%; }

.col-11 {
  width: 91.66667%; }

.offset-11 {
  margin-left: 91.66667%; }

.col-12 {
  width: 100%; }

.offset-12 {
  margin-left: 100%; }

.gutters > .col-1 {
  width: calc(8.33333% - 2.5%); }

.gutters > .offset-1 {
  margin-left: calc(8.33333% + 2.5%) !important; }

.gutters > .col-2 {
  width: calc(16.66667% - 2.5%); }

.gutters > .offset-2 {
  margin-left: calc(16.66667% + 2.5%) !important; }

.gutters > .col-24 {
  width: calc(20% - 2.5%); }

.gutters > .col-3 {
  width: calc(25% - 2.5%); }

.gutters > .offset-3 {
  margin-left: calc(25% + 2.5%) !important; }

.gutters > .col-4 {
  width: calc(33.33333% - 2.5%); }

.gutters > .offset-4 {
  margin-left: calc(33.33333% + 2.5%) !important; }

.gutters > .col-5 {
  width: calc(41.66667% - 2.5%); }

.gutters > .offset-5 {
  margin-left: calc(41.66667% + 2.5%) !important; }

.gutters > .col-6 {
  width: calc(50% - 2.5%); }

.gutters > .offset-6 {
  margin-left: calc(50% + 2.5%) !important; }

.gutters > .col-7 {
  width: calc(58.33333% - 2.5%); }

.gutters > .offset-7 {
  margin-left: calc(58.33333% + 2.5%) !important; }

.gutters > .col-8 {
  width: calc(66.66667% - 2.5%); }

.gutters > .offset-8 {
  margin-left: calc(66.66667% + 2.5%) !important; }

.gutters > .col-9 {
  width: calc(75% - 2.5%); }

.gutters > .offset-9 {
  margin-left: calc(75% + 2.5%) !important; }

.gutters > .col-10 {
  width: calc(83.33333% - 2.5%); }

.gutters > .offset-10 {
  margin-left: calc(83.33333% + 2.5%) !important; }

.gutters > .col-11 {
  width: calc(91.66667% - 2.5%); }

.gutters > .offset-11 {
  margin-left: calc(91.66667% + 2.5%) !important; }

.gutters > .col-12 {
  width: calc(100% - 2.5%); }

.gutters > .offset-12 {
  margin-left: calc(100% + 2.5%) !important; }

@media (max-width: 768px) {
  [class^='offset-'],
  [class*=' offset-'] {
    margin-left: 0; } }

.first {
  order: -1; }

.last {
  order: 1; }

@media (max-width: 768px) {
  .krow:not(.noresponsive) > .col {
    margin-left: 0;
    width: 100%; }
  .krow.gutters:not(.noresponsive) > .col {
    margin-bottom: 16px; }
  .first-sm {
    order: -1; }
  .last-sm {
    order: 1; } }


@font-face {
  font-family: 'Kube';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
  font-weight: normal;
  font-style: normal; }

[class^="kube-"], [class*=" kube-"], .close, .kubecaret {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Kube' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.kube-calendar:before {
  content: "\e900"; }

.kubecaret.down:before,
.kube-caret-down:before {
  content: "\e901"; }

.kubecaret.left:before,
.kube-caret-left:before {
  content: "\e902"; }

.kubecaret.right:before,
.kube-caret-right:before {
  content: "\e903"; }

.kubecaret.up:before,
.kube-caret-up:before {
  content: "\e904"; }

/*.close:before,*/
.kube-close:before {
  content: "\e905"; }

.kube-menu:before {
  content: "\e906"; }

.kube-search:before {
  content: "\e907"; }

.gutters .column.push-left,
.push-left {
  margin-right: auto; }

.gutters .column.push-right,
.push-right {
  margin-left: auto; }

.gutters .column.push-center,
.push-center {
  margin-left: auto;
  margin-right: auto; }

.gutters .column.push-middle,
.push-middle {
  margin-top: auto;
  margin-bottom: auto; }

.push-bottom {
  margin-top: auto; }

@media (max-width: 768px) {
  .gutters .column.push-left-sm,
  .push-left-sm {
    margin-left: 0; }
  .gutters .column.push-center-sm,
  .push-center-sm {
    margin-left: auto;
    margin-right: auto; }
  .push-top-sm {
    margin-top: 0; } }

.align-middle {
  align-items: center; }

.align-right {
  justify-content: flex-end; }

.align-center {
  justify-content: center; }

@media (max-width: 768px) {
  .align-left-sm {
    justify-content: flex-start; } }

.float-right {
  float: right; }

.float-left {
  float: left; }

@media (max-width: 768px) {
  .float-right {
    float: none; }
  .float-left {
    float: none; } }

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%; }

.w5 {
  width: 5%; }

.w10 {
  width: 10%; }

.w15 {
  width: 15%; }

.w20 {
  width: 20%; }

.w25 {
  width: 25%; }

.w30 {
  width: 30%; }

.w35 {
  width: 35%; }

.w40 {
  width: 40%; }

.w45 {
  width: 45%; }

.w50 {
  width: 50%; }

.w55 {
  width: 55%; }

.w60 {
  width: 60%; }

.w65 {
  width: 65%; }

.w70 {
  width: 70%; }

.w75 {
  width: 75%; }

.w80 {
  width: 80%; }

.w85 {
  width: 85%; }

.w90 {
  width: 90%; }

.w95 {
  width: 95%; }

.w100 {
  width: 100%; }

.w-auto {
  width: auto; }

.w-small {
  width: 480px; }

.w-medium {
  width: 600px; }

.w-big {
  width: 740px; }

.w-large {
  width: 840px; }

@media (max-width: 768px) {
  .w-auto-sm {
    width: auto; }
  .w100-sm,
  .w-small,
  .w-medium,
  .w-big,
  .w-large {
    width: 100%; } }

.max-w5 {
  max-width: 5%; }

.max-w10 {
  max-width: 10%; }

.max-w15 {
  max-width: 15%; }

.max-w20 {
  max-width: 20%; }

.max-w25 {
  max-width: 25%; }

.max-w30 {
  max-width: 30%; }

.max-w35 {
  max-width: 35%; }

.max-w40 {
  max-width: 40%; }

.max-w45 {
  max-width: 45%; }

.max-w50 {
  max-width: 50%; }

.max-w55 {
  max-width: 55%; }

.max-w60 {
  max-width: 60%; }

.max-w65 {
  max-width: 65%; }

.max-w70 {
  max-width: 70%; }

.max-w75 {
  max-width: 75%; }

.max-w80 {
  max-width: 80%; }

.max-w85 {
  max-width: 85%; }

.max-w90 {
  max-width: 90%; }

.max-w95 {
  max-width: 95%; }

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

.max-w-small {
  max-width: 480px; }

.max-w-medium {
  max-width: 600px; }

.max-w-big {
  max-width: 740px; }

.max-w-large {
  max-width: 840px; }

@media (max-width: 768px) {
  .max-w-auto-sm,
  .max-w-small,
  .max-w-medium,
  .max-w-big,
  .max-w-large {
    max-width: auto; } }

.min-w5 {
  min-width: 5%; }

.min-w10 {
  min-width: 10%; }

.min-w15 {
  min-width: 15%; }

.min-w20 {
  min-width: 20%; }

.min-w25 {
  min-width: 25%; }

.min-w30 {
  min-width: 30%; }

.min-w35 {
  min-width: 35%; }

.min-w40 {
  min-width: 40%; }

.min-w45 {
  min-width: 45%; }

.min-w50 {
  min-width: 50%; }

.min-w55 {
  min-width: 55%; }

.min-w60 {
  min-width: 60%; }

.min-w65 {
  min-width: 65%; }

.min-w70 {
  min-width: 70%; }

.min-w75 {
  min-width: 75%; }

.min-w80 {
  min-width: 80%; }

.min-w85 {
  min-width: 85%; }

.min-w90 {
  min-width: 90%; }

.min-w95 {
  min-width: 95%; }

.min-w100 {
  min-width: 100%; }

.h25 {
  height: 25%; }

.h50 {
  height: 50%; }

.h100 {
  height: 100%; }

.group:after {
  content: '';
  display: table;
  clear: both; }

.flex {
  display: flex; }

@media (max-width: 768px) {
  .flex-column-sm {
    flex-direction: column; }
  .flex-w100-sm {
    flex: 0 0 100%; } }
  @media (max-width: 768px) and (max-width: 768px) {
    .flex-w100-sm {
      flex: 0 0 100% !important; } }

.invisible {
  visibility: hidden; }

.visible {
  visibility: visible; }

.display-block {
  display: block; }

.hide {
  display: none !important; }

@media (max-width: 768px) {
  .hide-sm {
    display: none !important; } }

@media (min-width: 768px) {
  .show-sm {
    display: none !important; } }

@media print {
  .hide-print {
    display: none !important; }
  .show-print {
    display: block !important; } }

.no-scroll {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important; }

.scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.video-container {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 16px; }
  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }

.close {
  display: inline-block;
  min-height: 16px;
  min-width: 16px;
  line-height: 16px;
  vertical-align: middle;
  text-align: center;
  font-size: 25px;
  opacity: .6; }
  .close:hover {
    opacity: 1; }
  .close.small {
    font-size: 8px; }
  .close.big {
    font-size: 18px; }
  .close.white {
    color: #fff; }

.kubecaret {
  display: inline-block; }

.button .kubecaret {
  margin-right: -8px; }

.overlay {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.95); }
  .overlay > .close {
    position: fixed;
    top: 1rem;
    right: 1rem; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  h2, h3, h4 {
    page-break-after: avoid; }
  @page {
    margin: 0.5cm; } }

@keyframes slideUp {
  to {
    height: 0;
    padding-top: 0;
    padding-bottom: 0; } }

@keyframes slideDown {
  from {
    height: 0;
    padding-top: 0;
    padding-bottom: 0; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes flipIn {
  from {
    opacity: 0;
    transform: scaleY(0); }
  to {
    opacity: 1;
    transform: scaleY(1); } }

@keyframes flipOut {
  from {
    opacity: 1;
    transform: scaleY(1); }
  to {
    opacity: 0;
    transform: scaleY(0); } }

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0); } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.03, 1.03, 1.03); }
  to {
    transform: scale3d(1, 1, 1); } }

@keyframes shake {
  15% {
    transform: translateX(0.5rem); }
  30% {
    transform: translateX(-0.4rem); }
  45% {
    transform: translateX(0.3rem); }
  60% {
    transform: translateX(-0.2rem); }
  75% {
    transform: translateX(0.1rem); }
  90% {
    transform: translateX(0); }
  90% {
    transform: translateX(0); } }

.fadeIn {
  animation: fadeIn 250ms; }

.fadeOut {
  animation: fadeOut 250ms; }

.zoomIn {
  animation: zoomIn 200ms; }

.zoomOut {
  animation: zoomOut 500ms; }

.slideInRight {
  animation: slideInRight 500ms; }

.slideInLeft {
  animation: slideInLeft 500ms; }

.slideInDown {
  animation: slideInDown 500ms; }

.slideOutLeft {
  animation: slideOutLeft 500ms; }

.slideOutRight {
  animation: slideOutRight 500ms; }

.slideOutUp {
  animation: slideOutUp 500ms; }

.slideUp {
  overflow: hidden;
  animation: slideUp 200ms ease-in-out; }

.slideDown {
  overflow: hidden;
  animation: slideDown 80ms ease-in-out; }

.flipIn {
  animation: flipIn 250ms cubic-bezier(0.5, -0.5, 0.5, 1.5); }

.flipOut {
  animation: flipOut 500ms cubic-bezier(0.5, -0.5, 0.5, 1.5); }

.rotate {
  animation: rotate 500ms; }

.pulse {
  animation: pulse 250ms 2; }

.shake {
  animation: shake 500ms; }


.message {
  font-family: Consolas, Monaco, "Courier New", monospace;
  font-size: 14px;
  line-height: 20px;
  background: #e0e1e1;
  color: #313439;
  padding: 1rem;
  padding-right: 2.5em;
  padding-bottom: .75rem;
  margin-bottom: 24px;
  position: relative; }
  .message a {
    color: inherit; }
  .message h2,
  .message h3,
  .message h4,
  .message h5,
  .message h6 {
    margin-bottom: 0; }
  .message .close {
    position: absolute;
    right: 1rem;
    top: 1.1rem; }

.message.error {
  background: #f03c69;
  color: #fff; }

.message.success {
  background: #35beb1;
  color: #fff; }

.message.warning {
  background: #f7ba45; }

.message.focus {
  background: #1c86f2;
  color: #fff; }

.message.black {
  background: #0d0d0e;
  color: #fff; }

.message.inverted {
  background: #fff; }


.offcanvas {
  background: #fff;
  position: fixed;
  padding: 24px;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 300;
  overflow-y: scroll; }

.offcanvas .close {
  position: absolute;
  top: 8px;
  right: 8px; }

.offcanvas-left {
  border-right: 1px solid rgba(0, 0, 0, 0.1); }

.offcanvas-right {
  left: auto;
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1); }

.offcanvas-push-body {
  position: relative; }

.tabs {
  margin-bottom: 24px;
  font-size: 14px; }
  .tabs li em,
  .tabs li.active a {
    color: #313439;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: default;
    text-decoration: none;
    background: none; }
  .tabs em,
  .tabs a {
    position: relative;
    top: 1px;
    font-style: normal;
    display: block;
    padding: .5rem 1rem;
    border: 1px solid transparent;
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none; }
  .tabs a:hover {
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
    color: #313439;
    text-decoration: underline;
    background-color: #e0e1e1; }

@media (min-width: 768px) {
  .tabs ul {
    display: flex;
    margin-top: -1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .tabs li em,
  .tabs li.active a {
    border-bottom: 1px solid #fff; } }