@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Regular), url("../assets/fonts/SourceSansPro/SourceSansPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-SemiBold), url("../assets/fonts/SourceSansPro/SourceSansPro-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Bold), url("../assets/fonts/SourceSansPro/SourceSansPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Black), url("../assets/fonts/SourceSansPro/SourceSansPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Regular), url("../assets/fonts/SourceSansPro/SourceSansPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-SemiBold), url("../assets/fonts/SourceSansPro/SourceSansPro-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Bold), url("../assets/fonts/SourceSansPro/SourceSansPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Black), url("../assets/fonts/SourceSansPro/SourceSansPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Regular), url("../assets/fonts/SourceSansPro/SourceSansPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-SemiBold), url("../assets/fonts/SourceSansPro/SourceSansPro-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Bold), url("../assets/fonts/SourceSansPro/SourceSansPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Black), url("../assets/fonts/SourceSansPro/SourceSansPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Regular), url("../assets/fonts/SourceSansPro/SourceSansPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-SemiBold), url("../assets/fonts/SourceSansPro/SourceSansPro-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Bold), url("../assets/fonts/SourceSansPro/SourceSansPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Black), url("../assets/fonts/SourceSansPro/SourceSansPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal; }

.btn {
  display: flex;
  justify-content: center;
  padding: 0 1.375rem;
  font-size: 0.8125rem;
  line-height: 1.375rem;
  font-weight: 500;
  height: 2.0625rem;
  transition: background-color 300ms cubic-bezier(0, 0.73, 1, 1) 0ms, color 300ms ease;
  border: 0;
  align-items: center;
  text-transform: uppercase;
  border-radius: 50px;
  color: white;
  background: #c0c2cc;
  pointer-events: all;
  opacity: 1;
  cursor: pointer; }
  .btn.not-uppercase {
    text-transform: initial; }
  .btn:not(.btn-icon) {
    text-align: center; }
  .btn.btn-little {
    font-size: 0.6875rem;
    line-height: 0.8125rem;
    border-radius: 0.25rem;
    padding: 0 0.6875rem;
    height: 1.375rem; }
  .btn.btn-icon {
    padding-left: 2.0625rem;
    position: relative; }
    .btn.btn-icon .icon {
      position: absolute !important;
      top: 0;
      bottom: 0;
      left: 0.6875rem;
      width: 0.6875rem;
      height: 0.6875rem;
      margin-top: auto;
      margin-bottom: auto; }
      .btn.btn-icon .icon.spinner {
        width: 0.6875rem !important;
        height: 0.6875rem !important; }
  .btn.btn-primary {
    background: #525fff; }
    .btn.btn-primary:hover {
      background: #b23d6a; }
  .btn.btn-light {
    background: white;
    color: #696b74; }
    .btn.btn-light:hover {
      background: #c0c2cc; }
  .btn.btn-secondary-first {
    background-color: #f2f4fc;
    color: #696b74;
    transition: box-shadow 0.2s ease-in-out; }
    .btn.btn-secondary-first:hover {
      background-color: #f2f4fc;
      box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.4); }
  .btn.btn-dark {
    background: none;
    position: relative;
    padding-left: 2.75rem; }
    .btn.btn-dark .icon {
      left: 0.6875rem; }
    .btn.btn-dark:before {
      content: '';
      display: flex;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: white;
      opacity: 0.2;
      width: 100%;
      height: 100%;
      border-radius: 0.3125rem;
      transition: all 300ms ease; }
    .btn.btn-dark:hover {
      background: none; }
      .btn.btn-dark:hover:before {
        width: 92%;
        height: 92%;
        top: 4%;
        right: 4%;
        bottom: 4%;
        left: 4%;
        opacity: 0.4; }
  .btn.disabled, .btn[disabled] {
    background-color: #c0c2cc;
    color: #a3a5ae;
    pointer-events: none;
    opacity: 0.8; }
    .btn.disabled:hover, .btn[disabled]:hover {
      background-color: #c0c2cc !important; }
  .btn:hover {
    background: #a3a5ae; }

.btn-capitalize {
  font-size: 0.8125rem;
  font-weight: bold;
  letter-spacing: 0.0625rem;
  text-transform: capitalize; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Regular), url("../assets/fonts/SourceSansPro/SourceSansPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-SemiBold), url("../assets/fonts/SourceSansPro/SourceSansPro-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Bold), url("../assets/fonts/SourceSansPro/SourceSansPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Black), url("../assets/fonts/SourceSansPro/SourceSansPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Regular), url("../assets/fonts/SourceSansPro/SourceSansPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-SemiBold), url("../assets/fonts/SourceSansPro/SourceSansPro-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Bold), url("../assets/fonts/SourceSansPro/SourceSansPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Black), url("../assets/fonts/SourceSansPro/SourceSansPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Regular), url("../assets/fonts/SourceSansPro/SourceSansPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-SemiBold), url("../assets/fonts/SourceSansPro/SourceSansPro-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Bold), url("../assets/fonts/SourceSansPro/SourceSansPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Black), url("../assets/fonts/SourceSansPro/SourceSansPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Regular), url("../assets/fonts/SourceSansPro/SourceSansPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-SemiBold), url("../assets/fonts/SourceSansPro/SourceSansPro-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Bold), url("../assets/fonts/SourceSansPro/SourceSansPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: local(SourceSansPro-Black), url("../assets/fonts/SourceSansPro/SourceSansPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal; }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html {
  font-size: 1rem;
  font-family: "Source Sans Pro", sans-serif; }

body {
  background: #f2f4fc;
  min-height: 100vh; }

.genially_error_header {
  width: 100%;
  display: flex;
  background: #f2f4fc;
  max-height: 4.125rem;
  padding: 1.03125rem 2.75rem;
  border-bottom: 1px solid #c0c2cc; }
  .genially_error_header img {
    max-height: 100%;
    width: 100px; }

.genially_error_content {
  padding: 4.125rem 0;
  display: flex;
  justify-content: center; }
  .genially_error_content ol,
  .genially_error_content ul {
    list-style: none outside none; }
  .genially_error_content .genially_error_wrapper {
    width: 100%;
    max-width: 64.625rem;
    margin: 0 2.75rem;
    display: flex;
    flex-wrap: nowrap; }
    .genially_error_content .genially_error_wrapper > div {
      flex: 1;
      flex-basis: 50%;
      box-sizing: border-box; }
      .genially_error_content .genially_error_wrapper > div:first-child {
        padding-right: 0.6875rem; }
      .genially_error_content .genially_error_wrapper > div:last-child {
        padding-left: 0.6875rem; }
      .genially_error_content .genially_error_wrapper > div img {
        max-width: 100%; }
      .genially_error_content .genially_error_wrapper > div .genially_social_404_illustration {
        display: block;
        max-width: 20.625rem;
        margin: 0 auto; }
      .genially_error_content .genially_error_wrapper > div h1 {
        color: #000f33;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 4rem;
        font-weight: 900;
        line-height: 0.88;
        letter-spacing: -0.0125rem; }
        @media (max-width: 767px) {
          .genially_error_content .genially_error_wrapper > div h1 {
            font-size: 2.25rem;
            line-height: 1.14; } }
      .genially_error_content .genially_error_wrapper > div .genially_error_lists {
        display: flex;
        flex-wrap: nowrap; }
        .genially_error_content .genially_error_wrapper > div .genially_error_lists ul {
          flex: 1;
          list-style: disc;
          box-sizing: border-box;
          padding: 0 0.6875rem; }
      .genially_error_content .genially_error_wrapper > div .genially_error_button_container {
        display: flex; }
        .genially_error_content .genially_error_wrapper > div .genially_error_button_container .btn {
          color: white; }
      .genially_error_content .genially_error_wrapper > div p,
      .genially_error_content .genially_error_wrapper > div li {
        color: #000f33;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.29;
        letter-spacing: 0.0125rem; }
        @media (max-width: 767px) {
          .genially_error_content .genially_error_wrapper > div p,
          .genially_error_content .genially_error_wrapper > div li {
            font-size: 1rem;
            line-height: 1.12; } }
        .genially_error_content .genially_error_wrapper > div p a,
        .genially_error_content .genially_error_wrapper > div li a {
          text-decoration: underline; }
      .genially_error_content .genially_error_wrapper > div h1,
      .genially_error_content .genially_error_wrapper > div p,
      .genially_error_content .genially_error_wrapper > div ul {
        margin-bottom: 1.375rem; }

@media (max-width: 720px) {
  /* -720px */
  .genially_error_content .genially_error_wrapper {
    flex-wrap: wrap; }
    .genially_error_content .genially_error_wrapper > div {
      flex-basis: 100%; }
      .genially_error_content .genially_error_wrapper > div:first-child {
        order: 2; }
      .genially_error_content .genially_error_wrapper > div:last-child {
        order: 1; } }

@media (max-width: 480px) {
  /* 480px */
  .genially_error_content .genially_error_wrapper > div .genially_social_404_illustration {
    max-width: 100%; }
  .genially_error_content .genially_error_wrapper > div .genially_error_lists {
    flex-wrap: wrap; }
    .genially_error_content .genially_error_wrapper > div .genially_error_lists ul {
      flex-basis: 100%; } }