/* Montserrat Font  */
@import url(normalize.css);
html {
  font-size: 16px;
  	/*
       * Webkit only supported by Chrome and Safari.
       */
  -webkit-font-smoothing: antialiased; }

body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #01416d; }

p {
  font-size: 0.875rem;
  line-height: 22px;
  margin-bottom: 30px; }

a, p a {
  color: #d41254; }
  a:hover, a:focus, a:active, p a:hover, p a:focus, p a:active {
    color: #d41254; }

.button, button,
.button:active, button:active {
  display: inline-block;
  border: 1px solid #d41254;
  padding: 8px 30px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 500;
  color: #d41254;
  background: #ffffff;
  border-radius: 12px;
  text-align: center;
  white-space: nowrap;
  transition: all 0.3s ease-in-out 0s; }
  .button:hover, .button:focus, button:hover, button:focus,
  .button:active:hover,
  .button:active:focus, button:active:hover, button:active:focus {
    background-color: #d41254;
    color: #ffffff;
    text-decoration: none; }

button:focus {
  outline: 0; }

.lightbox {
  display: none; }

.modal-backdrop {
  z-index: 9999; }

@media (min-width: 992px) {
  .navbar.summit22-nav ul {
    margin: 0 0 0 20px; }
    .navbar.summit22-nav ul li {
      margin-left: 15px; }
      .navbar.summit22-nav ul li:first-of-type {
        margin-left: 0; }
  .navbar.summit22-nav .button {
    padding: 8px 20px; } }

#cancellation-popup {
  z-index: 99999; }
  #cancellation-popup .modal-dialog {
    max-width: 750px; }
    #cancellation-popup .modal-dialog .modal-content {
      border: none; }
      #cancellation-popup .modal-dialog .modal-content .modal-header {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 9;
        border: none; }
        #cancellation-popup .modal-dialog .modal-content .modal-header .close {
          background-color: #8B4DE9;
          border-radius: 7px;
          width: 30px;
          height: 30px;
          color: #ffffff;
          opacity: 1;
          font-weight: 400;
          padding: 0 0 0 1px;
          font-size: 34px;
          font-size: 2.125rem;
          line-height: 0px;
          line-height: 0rem; }
      #cancellation-popup .modal-dialog .modal-content .modal-body {
        background-color: #6e21e4;
        text-align: center;
        padding: 70px; }
        #cancellation-popup .modal-dialog .modal-content .modal-body h2 {
          color: #ffffff;
          font-size: 62px;
          font-size: 3.875rem;
          line-height: 76px;
          line-height: 4.75rem; }
          #cancellation-popup .modal-dialog .modal-content .modal-body h2::after {
            content: '';
            display: block;
            width: 100px;
            height: 3px;
            margin: 40px auto 0;
            background-color: #ffffff; }
        #cancellation-popup .modal-dialog .modal-content .modal-body p {
          color: #ffffff;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 30px;
          line-height: 1.875rem;
          font-weight: 700; }

.intro {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 700;
  color: #d41254;
  margin-bottom: 10px;
  display: block; }

h2 {
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 50px;
  line-height: 3.125rem;
  font-weight: 400;
  color: #01416d;
  margin-bottom: 35px; }

.navbar-toggler {
  padding: 0;
  margin-right: 5px;
  border: none; }
  .navbar-toggler .navbar-toggler-icon {
    height: 1px;
    width: 30px;
    position: relative;
    transition: all 0.3s ease-in-out 0s; }
    .navbar-toggler .navbar-toggler-icon::before {
      content: '';
      background-color: #01416d;
      height: 1px;
      width: 30px;
      position: absolute;
      left: 0;
      transition: all 0.3s ease-in-out 0s; }
    .navbar-toggler .navbar-toggler-icon::after {
      content: '';
      background-color: #01416d;
      height: 1px;
      width: 30px;
      position: absolute;
      left: 0;
      transition: all 0.3s ease-in-out 0s; }
  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-color: rgba(255, 255, 255, 0); }
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
      top: 0;
      transform: rotate(45deg); }
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
      bottom: 0;
      transform: rotate(-45deg); }
  .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
    background-color: #01416d; }
    .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon::before {
      top: -10px;
      transform: rotate(0deg); }
    .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon::after {
      bottom: -10px;
      transform: rotate(0deg); }
  .navbar-toggler:hover, .navbar-toggler:focus, .navbar-toggler:active {
    background: none; }

.navbar {
  background-color: #ffffff;
  padding: 20px 40px;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1155px; }
  .navbar .collapse {
    justify-content: space-between; }
  .navbar #logo {
    width: 140px;
    cursor: pointer; }
  .navbar ul {
    margin: 0 0 0 30px;
    padding: 0; }
    .navbar ul li {
      display: inline-block;
      margin-left: 35px; }
      .navbar ul li:last-of-type {
        margin-right: 0; }
      .navbar ul li a {
        color: #01416d;
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem;
        font-weight: 500; }
        .navbar ul li a:hover, .navbar ul li a:active, .navbar ul li a:focus {
          color: #d41254;
          text-decoration: none; }
  .navbar .date {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: 500;
    border-left: 1px solid #d41254;
    padding-left: 20px;
    margin-bottom: 0; }
  .navbar .button {
    float: right;
    white-space: nowrap; }

header {
  background-color: #01416d;
  background-image: linear-gradient(270deg, #012540 0%, #01416D 39%, #6E21E0 99%);
  background-size: cover;
  padding: 170px 0 110px;
  overflow: hidden;
  position: relative; }
  header .row {
    position: relative; }
  header .banner-content {
    padding-left: 80px;
    position: relative;
    z-index: 999; }
    header .banner-content h1 {
      font-size: 46px;
      font-size: 2.875rem;
      line-height: 57px;
      line-height: 3.5625rem;
      color: #ffffff;
      font-weight: 400;
      margin-bottom: 25px;
      margin-top: 35px; }
      header .banner-content h1:after {
        content: '';
        border-bottom: 1px solid #ffffff;
        width: 100px;
        display: block;
        padding-top: 22px; }
    header .banner-content p {
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 27px;
      line-height: 1.6875rem;
      color: #ffffff;
      font-weight: 700;
      max-width: 293px; }
    header .banner-content .timeline {
      margin-top: 40px; }
      @media (max-width: 768px) {
        header .banner-content .timeline {
          width: 100%; } }
      header .banner-content .timeline .wrapper {
        border: 1px solid #ffffff;
        padding: 3px 18px;
        float: left; }
        @media (max-width: 768px) {
          header .banner-content .timeline .wrapper {
            float: none;
            padding: 10px; } }
        header .banner-content .timeline .wrapper .time {
          color: #ffffff;
          position: relative;
          display: inline-block;
          font-size: 14px;
          padding-right: 54px; }
          header .banner-content .timeline .wrapper .time span {
            font-weight: 700;
            display: inline-block;
            margin-right: 5px; }
          header .banner-content .timeline .wrapper .time:before {
            content: '';
            background-image: url("/images/events/summit-2022/time-arrow_white.png");
            background-repeat: no-repeat;
            background-position: center center;
            width: 9px;
            height: 14px;
            position: absolute;
            right: 20px;
            top: 2px; }
          header .banner-content .timeline .wrapper .time:last-of-type {
            padding-right: 0; }
            header .banner-content .timeline .wrapper .time:last-of-type:before {
              display: none; }
          @media (max-width: 768px) {
            header .banner-content .timeline .wrapper .time {
              display: block; }
              header .banner-content .timeline .wrapper .time::before {
                display: none; } }
  header .banner-video {
    padding-top: 48px;
    position: relative;
    z-index: 999; }
    header .banner-video__embed-container {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      height: 0; }
    header .banner-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  header .shapes {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1500px;
    /*
    Not used in 2022
    .six {
    	right: 3%;
    	top: 24%;
    }
    .seven {
    	    right: 29%;
    	bottom: -27%;
    }
    .eight {
    	    right: 3%;
    	bottom: -19%;
    }*/ }
    header .shapes img {
      position: absolute; }
    header .shapes .one {
      bottom: -17%;
      right: 21%; }
    header .shapes .two {
      top: 0;
      right: -1%; }
    header .shapes .three {
      right: 3%;
      bottom: 1%; }
    header .shapes .four {
      left: -5%;
      top: 35%; }
      @media (min-width: 1200px) {
        header .shapes .four {
          left: -98px;
          bottom: 298px;
          top: auto;
          z-index: 2; } }
    header .shapes .five {
      bottom: -9%;
      left: -17%; }
      @media (min-width: 1200px) {
        header .shapes .five {
          bottom: 40px;
          left: -256px;
          z-index: 1; } }

@media (max-width: 768px) {
  .events-page__content-wrap {
    overflow: hidden; } }

.events-page__blue-intro {
  background-color: #E2F3F9;
  padding-bottom: 60px;
  padding-top: 60px; }
  .events-page__blue-intro .button {
    background-color: transparent; }
    .events-page__blue-intro .button:hover, .events-page__blue-intro .button:focus {
      background-color: #d41254; }

@media (min-width: 1200px) {
  .talks {
    max-width: 1011px; } }
.events-page__talks-agenda {
  padding-bottom: 50px;
  padding-top: 50px; }
  @media (min-width: 768px) {
    .events-page__talks-agenda {
      padding-bottom: 80px;
      padding-top: 80px; } }
  .events-page__talks-agenda .talks-intro {
    text-align: center; }
    .events-page__talks-agenda .talks-intro h2 {
      font-size: 2rem;
      margin-bottom: 0; }
    .events-page__talks-agenda .talks-intro p:first-of-type {
      margin-top: 35px; }
    .events-page__talks-agenda .talks-intro p:last-of-type {
      margin-bottom: 0; }
    .events-page__talks-agenda .talks-intro .row:first-of-type {
      margin-bottom: 20px; }
  .events-page__talks-agenda .talks-outro {
    padding-top: 60px;
    text-align: center; }
    .events-page__talks-agenda .talks-outro h4 {
      font-weight: 400;
      font-size: 1.625rem;
      margin-bottom: 20px; }

.talk-entry-info {
  padding-bottom: 40px;
  text-align: center; }
  .talk-entry-info h3 {
    font-size: 1.2rem; }
    .talk-entry-info h3 span {
      color: #d41254;
      font-weight: 400; }
  .talk-entry-info p:last-of-type {
    margin-bottom: 0; }

.talk-entry {
  border: 0;
  border-radius: 25px;
  -webkit-box-shadow: 0px 0px 5px 0px #D1D1D1;
  box-shadow: 0px 0px 5px 0px #D1D1D1;
  margin-bottom: 20px;
  padding: 20px;
  position: relative; }
  .talk-entry__time {
    background-image: url("/images/events/summit-2022/talk-entry__time-bg_2022.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 180px 180px;
    color: #01416D;
    display: block;
    font-size: 23px;
    font-weight: 500;
    height: 128px;
    padding-top: 46px;
    text-align: center;
    width: 128px; }
  .talk-entry__toggle {
    background-image: url("/images/events/summit-2022/toggle-icon__plus.svg");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 0;
    opacity: 1;
    overflow: hidden;
    padding-top: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: opacity 300ms;
    width: 30px; }
    .talk-entry__toggle:hover {
      opacity: 0.8; }
    .talk-entry__toggle--active {
      background-image: url("/images/events/summit-2022/toggle-icon__minus.svg"); }
  .talk-entry__talk {
    margin-bottom: 10px;
    padding-right: 45px; }
    .talk-entry__talk::after {
      background-color: #DFDFDF;
      content: "";
      display: block;
      height: 1px;
      margin: 10px 0;
      width: 100%; }
    .talk-entry__talk:last-of-type {
      margin-bottom: 0; }
      .talk-entry__talk:last-of-type::after {
        display: none; }
    .talk-entry__talk h2 {
      color: #d41254;
      cursor: pointer;
      font-size: 1.2rem;
      line-height: 1.2rem;
      margin-bottom: 10px; }
    .talk-entry__talk-sub-title {
      color: #01416d;
      font-size: 0.875rem;
      font-weight: 500;
      margin-bottom: 0; }
      .talk-entry__talk-sub-title span {
        color: #d41254;
        display: inline-block;
        margin: 0 5px; }
  .talk-entry__details {
    display: none;
    padding-top: 1rem;
    /* WYSIWYG */ }
    .talk-entry__details p {
      color: #01416d;
      font-size: 0.875rem; }
      .talk-entry__details p:last-of-type:not(p + ul), .talk-entry__details p:last-of-type:not(p + ol) {
        margin-bottom: 0; }
      .talk-entry__details p a {
        color: #d41254;
        text-decoration: underline;
        transition: color 300ms; }
        .talk-entry__details p a:hover {
          color: #01416d; }
    .talk-entry__details ul, .talk-entry__details ol {
      color: #01416d;
      font-size: 0.875rem; }
    .talk-entry__details img {
      height: auto;
      margin-bottom: 30px;
      width: 100%; }
  .talk-entry--active .talk-entry__details {
    display: block; }

.events-page__content-section {
  overflow: hidden;
  padding-bottom: 100px;
  padding-top: 100px; }
  @media (max-width: 768px) {
    .events-page__content-section {
      padding-bottom: 85px;
      padding-top: 85px; } }
  .events-page__content-section p a {
    color: #01416d;
    text-decoration: underline; }
    .events-page__content-section p a:hover {
      color: #d41254; }
  .events-page__content-section-image1 {
    max-width: 458px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0; }
  .events-page__content-section-image2 {
    bottom: 0;
    max-width: 360px;
    left: 0;
    position: absolute;
    z-index: 1; }
  .events-page__content-section-blob1 {
    bottom: 10px;
    position: absolute;
    right: -80px;
    z-index: 3; }
  .events-page__content-section-blob2 {
    bottom: -69px;
    position: absolute;
    right: -36px;
    z-index: 2; }
  .events-page__content-section-blob3 {
    bottom: -92px;
    position: absolute;
    left: 265px;
    z-index: 2; }

.wrap-section {
  margin-top: 100px; }
  .wrap-section h2 {
    margin-bottom: 25px; }
  .wrap-section p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem; }
  .wrap-section .statistics {
    background-color: #e7f7fb;
    position: relative;
    margin-top: 45px;
    padding: 25px 10px; }
    .wrap-section .statistics:before {
      content: '';
      background-color: #e7f7fb;
      position: absolute;
      top: 0;
      left: -1000%;
      height: 100%;
      width: 1000%; }
    .wrap-section .statistics .stat {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 30px;
      line-height: 1.875rem;
      color: #1395d2;
      font-weight: 700;
      text-align: center; }
      .wrap-section .statistics .stat span {
        font-size: 42px;
        font-size: 2.625rem;
        line-height: 52px;
        line-height: 3.25rem;
        color: #01416d;
        font-weight: 400;
        display: block;
        white-space: nowrap; }
  .wrap-section .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-top: 40px; }
    .wrap-section .embed-container iframe, .wrap-section .embed-container object, .wrap-section .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.gallery-section {
  margin-top: 100px;
  margin-bottom: 40px;
  overflow: hidden; }
  .gallery-section .owl-carousel {
    position: relative; }
    .gallery-section .owl-carousel .gallery-title {
      position: absolute;
      top: 30px;
      left: 0;
      background-color: rgba(255, 255, 255, 0.9);
      width: 400px;
      padding: 35px 30px; }
      .gallery-section .owl-carousel .gallery-title h2 {
        margin: 0;
        padding: 0; }
    .gallery-section .owl-carousel .owl-nav {
      position: absolute;
      right: 0;
      bottom: 200px; }
      .gallery-section .owl-carousel .owl-nav .owl-prev {
        background-color: #1395d2;
        width: 35px;
        height: 90px;
        border: none;
        border-radius: 0;
        left: inherit;
        right: 0; }
        .gallery-section .owl-carousel .owl-nav .owl-prev .prev {
          background-image: url("/images/events/summit-2022/time-arrow_white.png");
          width: 100%;
          height: 14px;
          display: block;
          background-position: center;
          background-repeat: no-repeat;
          transform: rotate(180deg); }
      .gallery-section .owl-carousel .owl-nav .owl-next {
        background-color: rgba(19, 149, 210, 0.5);
        width: 35px;
        height: 90px;
        border: none;
        border-radius: 0;
        right: inherit;
        left: 0; }
        .gallery-section .owl-carousel .owl-nav .owl-next .next {
          background-image: url("/images/events/summit-2022/time-arrow_white.png");
          width: 100%;
          height: 14px;
          display: block;
          background-position: center;
          background-repeat: no-repeat; }
    .gallery-section .owl-carousel .owl-thumbs button {
      padding: 0;
      margin: 0 8px 8px 0;
      width: 72px;
      border: none;
      border-radius: 0; }
    .gallery-section .owl-carousel .owl-thumbs .owl-thumb-item {
      opacity: 0.2;
      border: 1px solid #ffffff; }
      .gallery-section .owl-carousel .owl-thumbs .owl-thumb-item.active {
        opacity: 1;
        border-color: #1395d2; }

.testimonials-section {
  margin-top: 100px; }
  .testimonials-section .quotes {
    margin-top: 20px; }
    .testimonials-section .quotes .content {
      margin-bottom: 50px; }
      .testimonials-section .quotes .content p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem;
        font-weight: 700;
        color: #1395d2;
        position: relative;
        padding-top: 60px; }
        .testimonials-section .quotes .content p:before {
          content: '';
          width: 44px;
          height: 44px;
          background-image: url("/images/events/summit-2022/quotes-icon.png");
          background-size: 44px 44px;
          background-repeat: no-repeat;
          position: absolute;
          top: 0;
          left: 0; }

.agenda-section {
  margin-top: 100px;
  background-color: #ffffff;
  position: relative; }
  .agenda-section .blobs-bg {
    position: absolute;
    right: 0;
    top: 30%;
    overflow: hidden;
    width: 200px;
    height: 100%; }
    .agenda-section .blobs-bg img {
      width: 200px;
      position: absolute;
      right: 0; }
      .agenda-section .blobs-bg img.one {
        top: 420px;
        z-index: 9; }
      .agenda-section .blobs-bg img.two {
        top: 250px; }
      .agenda-section .blobs-bg img.three {
        top: 0px; }
  .agenda-section .all-boxes > div {
    margin-bottom: 30px; }
  .agenda-section .intro-box .box {
    background-color: grey;
    padding: 15px 20px;
    margin: 0 30px 0 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; }
    .agenda-section .intro-box .box h3 {
      color: #ffffff;
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 30px;
      line-height: 1.875rem; }
      .agenda-section .intro-box .box h3:after {
        content: '';
        border-bottom: 1px solid #ffffff;
        width: 85px;
        display: block;
        padding-top: 13px;
        margin-bottom: 10px; }
    .agenda-section .intro-box .box p {
      color: #ffffff;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 22px;
      line-height: 1.375rem;
      font-weight: 700; }
      .agenda-section .intro-box .box p:last-of-type {
        margin-bottom: 0; }
  .agenda-section .agenda-box .box {
    position: relative;
    margin: 0 30px 0 0;
    width: 100%;
    padding: 15px;
    height: 100%;
    display: flex;
    flex-direction: column; }
    .agenda-section .agenda-box .box .banner {
      position: absolute;
      z-index: 9;
      transform: rotateZ(-40deg);
      width: 100%;
      height: 100%; }
      .agenda-section .agenda-box .box .banner span {
        position: relative;
        display: block;
        border-radius: 40px;
        text-align: center;
        width: 130%;
        margin-top: -22px;
        margin-left: -2px;
        padding: 5px 0;
        background-color: #ffec00;
        color: #01416d;
        font-size: 26px;
        font-weight: 500;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .agenda-section .agenda-box .box .title {
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 30px;
      line-height: 1.875rem;
      font-weight: 400;
      color: #01416d;
      margin-bottom: 7px; }
    .agenda-section .agenda-box .box .speaker {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 24px;
      line-height: 1.5rem;
      font-weight: 700;
      color: #01416d; }
    .agenda-section .agenda-box .box .info {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 22px;
      line-height: 1.375rem;
      font-weight: 400;
      color: #01416d; }
      .agenda-section .agenda-box .box .info span {
        font-weight: 700;
        position: relative;
        padding-right: 20px;
        display: inline-block; }
        .agenda-section .agenda-box .box .info span:after {
          content: '';
          background-position: center left;
          display: block;
          width: 6px;
          height: 10px;
          position: absolute;
          right: 5px;
          top: 6px; }
      .agenda-section .agenda-box .box .info:before {
        content: '';
        border-top: 1px solid #01416d;
        width: 85px;
        display: block;
        padding-top: 20px; }
      .agenda-section .agenda-box .box .info p:last-of-type {
        margin-bottom: 0; }
  .agenda-section .agenda-box.keynote .box {
    border: 1px solid #01416d; }
    .agenda-section .agenda-box.keynote .box .spacer {
      display: block;
      width: 100%;
      height: 70px;
      background-color: #e7f7fb;
      flex: 1; }
    .agenda-section .agenda-box.keynote .box:before {
      content: 'Keynote';
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 20px;
      line-height: 1.25rem;
      font-weight: 700;
      color: #ffffff;
      background-color: #01416d;
      position: absolute;
      left: -22px;
      top: -1px;
      width: 21px;
      text-align: center;
      height: 70px;
      display: block;
      padding: 0 2px;
      writing-mode: vertical-lr;
      text-orientation: inherit;
      transform: rotate(180deg);
      box-sizing: border-box; }
  .agenda-section .agenda-box.cta .box {
    background-color: #e7f7fb;
    padding: 26px; }
    .agenda-section .agenda-box.cta .box .title {
      margin-bottom: 1rem; }
    .agenda-section .agenda-box.cta .box .info {
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 23px;
      line-height: 1.4375rem;
      font-weight: 700; }
      .agenda-section .agenda-box.cta .box .info p {
        margin-bottom: 12px; }
    .agenda-section .agenda-box.cta .box .button {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 20px;
      line-height: 1.25rem;
      background-color: #e7f7fb;
      width: 160px;
      margin-top: 10px; }
      .agenda-section .agenda-box.cta .box .button:hover, .agenda-section .agenda-box.cta .box .button:focus, .agenda-section .agenda-box.cta .box .button:active {
        background-color: #d41254; }
  .agenda-section .red.intro-box .box {
    background-color: #d41254; }
  .agenda-section .red.agenda-box .box .title {
    color: #d41254; }
  .agenda-section .red.agenda-box .box .info:before {
    border-color: #d41254; }
  .agenda-section .red.agenda-box .box .info span {
    color: #d41254; }
    .agenda-section .red.agenda-box .box .info span:after {
      background-image: url("/images/events/summit-2022/time-arrow_pink.png"); }
  .agenda-section .red.agenda-box.keynote .box {
    border-color: #d41254; }
    .agenda-section .red.agenda-box.keynote .box .spacer {
      background-color: #fce0eb; }
    .agenda-section .red.agenda-box.keynote .box:before {
      background-color: #d41254; }
  .agenda-section .purple.intro-box .box {
    background-color: #6e21e4; }
  .agenda-section .purple.agenda-box .box .title {
    color: #6e21e4; }
  .agenda-section .purple.agenda-box .box .info:before {
    border-color: #6e21e4; }
  .agenda-section .purple.agenda-box .box .info span {
    color: #6e21e4; }
    .agenda-section .purple.agenda-box .box .info span:after {
      background-image: url("/images/events/summit-2022/time-arrow_purple.png"); }
  .agenda-section .purple.agenda-box.keynote .box {
    border-color: #6e21e4; }
    .agenda-section .purple.agenda-box.keynote .box .spacer {
      background-color: #e9def9; }
    .agenda-section .purple.agenda-box.keynote .box:before {
      background-color: #6e21e4; }
  .agenda-section .blue.intro-box .box {
    background-color: #1395d2;
    margin-right: 0; }
  .agenda-section .blue.agenda-box .box {
    margin-right: 0; }
    .agenda-section .blue.agenda-box .box .title {
      color: #1395d2; }
    .agenda-section .blue.agenda-box .box .info:before {
      border-color: #1395d2; }
    .agenda-section .blue.agenda-box .box .info span {
      color: #1395d2; }
      .agenda-section .blue.agenda-box .box .info span:after {
        background-image: url("/images/events/summit-2022/time-arrow_blue.png"); }
  .agenda-section .blue.agenda-box.keynote .box {
    border-color: #01416d;
    background-color: #01416d; }
    .agenda-section .blue.agenda-box.keynote .box .title {
      color: #ffffff; }
    .agenda-section .blue.agenda-box.keynote .box .speaker {
      color: #ffffff; }
    .agenda-section .blue.agenda-box.keynote .box .info {
      color: #ffffff; }
      .agenda-section .blue.agenda-box.keynote .box .info span {
        color: #ffffff; }
        .agenda-section .blue.agenda-box.keynote .box .info span:after {
          background-image: url("/images/events/summit-2022/time-arrow_white.png"); }
      .agenda-section .blue.agenda-box.keynote .box .info:before {
        border-color: #ffffff; }
    .agenda-section .blue.agenda-box.keynote .box:before {
      background-color: #01416d; }

.speakers-section {
  background-image: linear-gradient(270deg, #012540 0%, #01416D 39%, #6E21E0 99%);
  overflow-x: clip;
  padding: 85px 0;
  width: 100%; }
  .speakers-section > div {
    padding: 0 90px; }
  .speakers-section .intro {
    color: #ffffff; }
  .speakers-section h2 {
    color: #ffffff; }
  .speakers-section .speaker-box {
    max-width: 160px; }
    .speakers-section .speaker-box img {
      -webkit-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
      cursor: pointer; }
      .speakers-section .speaker-box img:hover, .speakers-section .speaker-box img:focus, .speakers-section .speaker-box img:active {
        -webkit-filter: grayscale(100%);
        /* Safari 6.0 - 9.0 */
        filter: grayscale(100%); }
    .speakers-section .speaker-box .content {
      position: relative;
      margin: 10px 0 25px;
      min-height: 60px; }
      .speakers-section .speaker-box .content .name {
        color: #ffffff;
        font-weight: 700;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px;
        line-height: 1.25rem;
        min-height: 90px;
        margin-bottom: 8px;
        padding-right: 40px;
        cursor: pointer; }
        .speakers-section .speaker-box .content .name i {
          font-weight: 400; }
      .speakers-section .speaker-box .content .more {
        width: 30px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s; }
        .speakers-section .speaker-box .content .more svg {
          width: 30px;
          height: 30px; }
          .speakers-section .speaker-box .content .more svg circle {
            fill: none;
            stroke: #ffffff; }
          .speakers-section .speaker-box .content .more svg line {
            stroke: #ffffff; }
          .speakers-section .speaker-box .content .more svg polyline {
            stroke: #ffffff;
            fill: none; }
        .speakers-section .speaker-box .content .more.show {
          transform: rotate(180deg); }
          .speakers-section .speaker-box .content .more.show svg circle {
            fill: #ffffff; }
          .speakers-section .speaker-box .content .more.show svg line {
            stroke: #6e21e4; }
          .speakers-section .speaker-box .content .more.show svg polyline {
            stroke: #6e21e4; }
        .speakers-section .speaker-box .content .more:hover, .speakers-section .speaker-box .content .more:focus, .speakers-section .speaker-box .content .more:active {
          -webkit-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s; }
          .speakers-section .speaker-box .content .more:hover svg circle, .speakers-section .speaker-box .content .more:focus svg circle, .speakers-section .speaker-box .content .more:active svg circle {
            fill: #ffffff; }
          .speakers-section .speaker-box .content .more:hover svg line, .speakers-section .speaker-box .content .more:focus svg line, .speakers-section .speaker-box .content .more:active svg line {
            stroke: #6e21e4; }
          .speakers-section .speaker-box .content .more:hover svg polyline, .speakers-section .speaker-box .content .more:focus svg polyline, .speakers-section .speaker-box .content .more:active svg polyline {
            stroke: #6e21e4; }
      .speakers-section .speaker-box .content .info {
        color: #ffffff;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 21px;
        line-height: 1.3125rem;
        display: none; }
    .speakers-section .speaker-box.show img {
      -webkit-filter: grayscale(100%);
      /* Safari 6.0 - 9.0 */
      filter: grayscale(100%); }
  @media (min-width: 768px) {
    .speakers-section > .container {
      position: relative; }
    .speakers-section > .container > .row > .col {
      z-index: 10; } }
  .speakers-section__blob-one {
    display: none; }
    @media (min-width: 768px) {
      .speakers-section__blob-one {
        display: block;
        left: -500px;
        position: absolute;
        top: 62px; } }
  .speakers-section__blob-two {
    display: none; }
    @media (min-width: 768px) {
      .speakers-section__blob-two {
        display: block;
        position: absolute;
        right: -300px;
        top: -247px; } }
  .speakers-section__blob-three {
    display: none; }
    @media (min-width: 768px) {
      .speakers-section__blob-three {
        bottom: -185px;
        display: block;
        position: absolute;
        right: -377px;
        z-index: 2; } }

.venue-section {
  padding-bottom: 60px;
  padding-top: 60px; }
  .venue-section h2 {
    margin-bottom: 16px; }
  .venue-section p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem; }
  .venue-section .address {
    margin-bottom: 20px; }
    .venue-section .address:before {
      content: '';
      border-top: 1px solid #d41254;
      width: 85px;
      display: block;
      padding-top: 20px;
      margin-top: 20px; }
  .venue-section .row:last-of-type img {
    float: right; }
  .venue-section .venue-image {
    position: relative; }
    .venue-section .venue-image > .blob {
      position: absolute;
      z-index: 9;
      top: -82px;
      left: -82px; }
  .venue-section .montage {
    position: relative;
    width: 710px;
    height: 440px; }
    .venue-section .montage img {
      position: absolute; }
      .venue-section .montage img.img.one {
        bottom: 50px;
        left: 0;
        z-index: 99; }
      .venue-section .montage img.img.two {
        top: 0;
        right: 60px; }
      .venue-section .montage img.blob.one {
        width: 240px;
        height: 267px;
        z-index: 99;
        right: -32px;
        bottom: 49px; }
      .venue-section .montage img.blob.two {
        width: 242px;
        right: 1px;
        z-index: 9;
        height: 219px;
        bottom: -23px; }
      .venue-section .montage img.blob.three {
        width: 187px;
        height: 187px;
        z-index: 99;
        bottom: -40px;
        left: 260px; }

#place .container .row {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

#what-to-expect {
  background-color: #E2F3F9; }
  @media (max-width: 768px) {
    #what-to-expect {
      padding-bottom: 85px;
      padding-top: 85px; } }
  @media (min-width: 1024px) {
    #what-to-expect .container .row .col-md-6:first-of-type {
      margin-bottom: -60px;
      margin-top: -60px;
      min-height: 280px;
      position: relative; }
      #what-to-expect .container .row .col-md-6:first-of-type img {
        left: 0;
        position: absolute;
        top: -118px;
        z-index: 999; } }
  @media (min-width: 1200px) {
    #what-to-expect {
      padding-top: 120px;
      padding-bottom: 120px; }
      #what-to-expect .container .row .col-md-6:first-of-type img {
        max-width: 670px;
        top: -230px;
        left: -85px;
        width: 670px; } }

.faqs-section {
  background-color: #e7f7fb;
  padding: 85px 0;
  position: relative;
  z-index: 1; }
  .faqs-section .faqs-img {
    position: absolute;
    left: 20px;
    top: 140px; }
    @media (min-width: 1400px) {
      .faqs-section .faqs-img {
        left: 120px; } }
    @media (min-width: 1600px) {
      .faqs-section .faqs-img {
        left: 220px; } }
    @media (min-width: 1800px) {
      .faqs-section .faqs-img {
        left: 320px; } }
    .faqs-section .faqs-img .blob {
      position: absolute;
      z-index: 9;
      top: -86px;
      right: 168px; }
  .faqs-section ul {
    list-style: none;
    padding: 0; }
    .faqs-section ul li {
      margin-bottom: 15px; }
      .faqs-section ul li a.toggle {
        width: 100%;
        display: block;
        background-color: #1395d2;
        color: #ffffff;
        font-weight: 700;
        padding: 5px 15px;
        transition: background .3s ease;
        position: relative; }
        .faqs-section ul li a.toggle:hover {
          background-color: #01416d;
          text-decoration: none; }
        .faqs-section ul li a.toggle span {
          background-image: url("/images/events/summit-2022/arrow-down.svg");
          width: 17px;
          height: 17px;
          display: block;
          background-position: center center;
          background-repeat: no-repeat;
          position: absolute;
          right: 10px;
          top: 7px;
          -webkit-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s; }
          .faqs-section ul li a.toggle span.show {
            transform: rotate(180deg); }
      .faqs-section ul li:first-of-type {
        margin-top: 30px; }
    .faqs-section ul ul.inner {
      padding: 20px 15px;
      overflow: hidden;
      display: none;
      background-color: #ffffff; }
      .faqs-section ul ul.inner li {
        margin-top: 0px;
        margin-bottom: 40px;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 22px;
        line-height: 1.375rem; }
        .faqs-section ul ul.inner li .link {
          color: #d41254;
          display: inline-block;
          font-weight: 400; }
          .faqs-section ul ul.inner li .link:hover, .faqs-section ul ul.inner li .link:focus, .faqs-section ul ul.inner li .link:active {
            text-decoration: underline;
            cursor: pointer; }
        .faqs-section ul ul.inner li span {
          display: block;
          color: #d41254;
          margin-bottom: 7px;
          font-weight: 700; }
        .faqs-section ul ul.inner li ul {
          list-style-type: disc;
          margin-left: 20px;
          margin-bottom: 20px;
          color: #d41254; }
          .faqs-section ul ul.inner li ul li {
            margin-bottom: 5px; }
            .faqs-section ul ul.inner li ul li span {
              color: #01416d;
              font-weight: 400; }
        .faqs-section ul ul.inner li:last-of-type {
          margin-bottom: 0px; }

footer {
  background-color: #ffffff;
  padding: 40px 0; }
  footer .logo {
    width: 85px; }
  footer ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    footer ul li {
      padding: 0;
      margin: 0; }
      footer ul li a {
        font-size: 11px;
        font-size: 0.6875rem;
        line-height: 20px;
        line-height: 1.25rem;
        color: #01416d; }
  footer .copyright {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 20px;
    line-height: 1.25rem; }
  footer .social-links a {
    width: 30px;
    height: 30px;
    border: 1px solid #d41254;
    border-radius: 100%;
    margin: 0 10px 10px 0;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
    footer .social-links a svg {
      max-width: 30px;
      max-height: 30px; }
      footer .social-links a svg path {
        fill: #d41254; }
    footer .social-links a.twitter svg {
      width: 18px;
      height: 15px; }
    footer .social-links a.facebook svg {
      width: 8px;
      height: 15px; }
    footer .social-links a.linkedin svg {
      width: 15px;
      height: 15px; }
    footer .social-links a:hover, footer .social-links a:focus, footer .social-links a:active {
      background-color: #d41254; }
      footer .social-links a:hover svg path, footer .social-links a:focus svg path, footer .social-links a:active svg path {
        fill: #ffffff; }
  footer .hashtag {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: 500; }

#form,
#video {
  margin: 30px 0;
  width: 100%;
  max-width: 958px; }
  #form .close,
  #video .close {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #ffffff;
    border: 1px solid #d41254;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    color: #d41254;
    z-index: 9;
    padding-top: 1px;
    padding-left: 1px;
    border-radius: 100%;
    opacity: 1;
    text-shadow: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
    #form .close:hover, #form .close:focus, #form .close:active,
    #video .close:hover,
    #video .close:focus,
    #video .close:active {
      background-color: #d41254;
      color: #ffffff; }
  #form .content,
  #video .content {
    max-width: 870px;
    background-color: #ffffff;
    position: relative;
    padding: 10px 0px; }
    #form .content h2,
    #video .content h2 {
      margin-bottom: 40px; }
    #form .content .form-title,
    #video .content .form-title {
      font-size: 16px;
      font-size: 1rem;
      line-height: 20px;
      line-height: 1.25rem;
      font-weight: 700;
      color: #d41254;
      margin-bottom: 30px;
      display: block; }
    #form .content form input,
    #video .content form input {
      background: none;
      background-color: #ffffff;
      height: 25px;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 20px;
      line-height: 1.25rem;
      border-color: #ced4da; }
      #form .content form input[type=text].error,
      #video .content form input[type=text].error {
        border: 1px solid #d41254; }
    #form .content form label,
    #video .content form label {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 20px;
      line-height: 1.25rem; }
      #form .content form label.error,
      #video .content form label.error {
        color: #d41254; }
    #form .content form .form-check,
    #video .content form .form-check {
      margin-top: 30px; }
      #form .content form .form-check input,
      #video .content form .form-check input {
        height: auto; }
      #form .content form .form-check .form-check-label,
      #video .content form .form-check .form-check-label {
        font-size: 11px;
        font-size: 0.6875rem;
        line-height: 16px;
        line-height: 1rem;
        font-style: italic; }
    #form .content form .select,
    #video .content form .select {
      position: relative;
      display: block;
      height: 30px;
      overflow: hidden; }
      #form .content form .select select,
      #video .content form .select select {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px;
        line-height: 1.25rem;
        -webkit-appearance: none;
        background: none;
        background-color: #ffffff;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0 0 0 10px;
        cursor: pointer;
        border-radius: 0; }
        #form .content form .select select::-ms-expand,
        #video .content form .select select::-ms-expand {
          display: none; }
        #form .content form .select select.error,
        #video .content form .select select.error {
          border: 1px solid #d41254; }
      #form .content form .select::after,
      #video .content form .select::after {
        content: '';
        background-image: url("/images/events/summit-2022/arrow-down-pink.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 15px;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        border-top: 1px solid #ced4da;
        border-right: 1px solid #ced4da;
        border-bottom: 1px solid #ced4da;
        padding: 4px 10px 4px 20px;
        background-color: #ffffff;
        pointer-events: none; }
      #form .content form .select:hover::after,
      #video .content form .select:hover::after {
        color: #f39c12; }
      #form .content form .select::after,
      #video .content form .select::after {
        -webkit-transition: .25s all ease;
        -o-transition: .25s all ease;
        transition: .25s all ease; }
    #form .content form .form-tcs,
    #video .content form .form-tcs {
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 16px;
      line-height: 1rem;
      font-style: italic;
      margin: 15px 0 0 0; }
    #form .content form button,
    #video .content form button {
      margin-top: 30px;
      padding: 10px 20px; }

@media (max-width: 1200px) {
  html {
    font-size: 14px; }

  .navbar {
    width: 100%; }
    .navbar #logo {
      width: 110px; }
    .navbar ul li {
      margin-left: 32px;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 20px;
      line-height: 1.25rem; }

  header .banner-content {
    padding-left: 40px; }
  header .shapes .four {
    left: -14%; }
  header .shapes .five {
    left: -30%; }

  #speakers > div {
    padding: 0 15px; }

  #faqs img {
    left: -220px;
    top: 90px; }

  #agenda .blobs-bg {
    display: none; }
  #agenda .agenda-box .info:before {
    padding-top: 15px;
    margin-top: 0px; } }
@media (max-width: 992px) {
  html {
    font-size: 13px; }

  .navbar {
    padding: 10px 20px; }
    .navbar .collapse {
      padding-bottom: 20px; }
    .navbar #logo {
      width: 100px;
      min-width: 100px; }
    .navbar ul {
      margin: 20px 0px;
      padding-left: 0; }
      .navbar ul li {
        margin: 0px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem;
        border-top: 1px solid #e8e8e8; }
        .navbar ul li a {
          padding: 20px 0;
          display: block; }
    .navbar .date {
      margin-left: 0;
      width: 130px;
      display: block;
      float: right; }
    .navbar .button {
      float: left;
      width: 50%;
      padding: 8px 10px; }

  header .banner-content {
    padding-left: 0px; }
  header .shapes {
    transform: scale(0.8);
    right: -50px; } }
@media (max-width: 768px) {
  html {
    font-size: 15px; }

  header {
    padding: 100px 0 70px; }
    header .shapes {
      /*.six {
      	right: -57%;
      }*/ }
      header .shapes .five, header .shapes .seven, header .shapes .eight {
        display: none; }
      header .shapes .one {
        left: -61%; }
      header .shapes .three {
        bottom: -41%; }
      header .shapes .four {
        left: 42%;
        top: -25%; }
    header .banner-content h1 {
      font-size: 50px;
      font-size: 3.125rem;
      line-height: 62px;
      line-height: 3.875rem; }
    header .banner-content p {
      max-width: none; }

  #agenda .intro, #agenda .agenda-box {
    width: 100%;
    margin: 0 auto;
    padding: 20px; }
    #agenda .intro.keynote:before, #agenda .agenda-box.keynote:before {
      writing-mode: inherit;
      transform: rotate(0deg);
      top: -25px;
      left: -1px;
      width: 70px;
      height: 24px;
      padding: 4px 0; }
  #agenda .cta {
    margin-top: 40px; }
  #agenda .all-boxes .red {
    order: 1; }
  #agenda .all-boxes .purple {
    order: 2; }
  #agenda .all-boxes .blue {
    order: 3; }

  #faqs img {
    display: none; }

  #speakers .speaker-box {
    float: left; }
  #speakers .last {
    padding: 0; }
    #speakers .last .speaker-box {
      max-width: none;
      width: 50%;
      padding: 0 15px; }
      #speakers .last .speaker-box .content {
        max-width: 160px; }

  #venue .montage img.img.two {
    right: 0;
    left: 30px; }
  #venue .montage img.svg.one {
    display: none; }
  #venue .montage img.svg.two {
    display: none; }

  footer .logo {
    margin-bottom: 20px; }
  footer .copyright {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 30px;
    line-height: 1.875rem;
    margin: 20px 0; }
  footer ul li a {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 30px;
    line-height: 1.875rem; }

  #form,
  #video {
    margin: 20px;
    padding: 30px 25px;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 40px); }
    #form .content h2,
    #video .content h2 {
      margin: 20px 0; }

  .talk-entry {
    margin-left: 10px;
    margin-right: 10px;
    padding: 15px; }
    .talk-entry__time {
      margin-bottom: 30px;
      margin-left: -15px; } }
@media (max-width: 576px) {
  #venue .gallery {
    margin-bottom: 40px; }

  header .banner-content h1 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 47px;
    line-height: 2.9375rem; }

  header .banner-content p {
    max-width: none; }

  .speakers-section > div {
    padding: 0 15px; }
  .speakers-section .speakers-container .speaker-box .content .name {
    min-height: auto; }

  .venue-section .montage {
    display: none;
    margin-top: 50px;
    width: 100%; }
    .venue-section .montage img.img.one {
      z-index: 1; }
    .venue-section .montage img.img.two {
      left: 20px;
      right: auto; }
    .venue-section .montage img.blob.one {
      right: -99px; }
    .venue-section .montage img.blob.two {
      right: -50px; }
    .venue-section .montage img.blob.three {
      left: -10px;
      bottom: 13px; }

  .talk-entry__talk:last-of-type {
    margin-bottom: 15px; }

  #video {
    padding: 30px 10px; }
    #video .container {
      padding-left: 0;
      padding-right: 0; }
    #video .close {
      right: 0; } }
.fancybox-toolbar,
.fancybox-button--zoom,
.fancybox-button--close {
  display: none !important; }

/*.flicker-slow {
	animation: flicker 3s linear infinite;
}

.flicker-fast {
	animation: flicker 1s linear infinite;
}*/
@keyframes flickertwice {
  19%, 24.9999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
    filter: grayscale(0);
    opacity: .99; }
  0%, 20%, 25.999%, 63%, 63.999%, 65%, 69.999% {
    filter: grayscale(100%);
    opacity: 0.1; } }
.shapes__one {
  animation: flickertwice 1s linear 1;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  filter: grayscale(100%);
  opacity: 0.1; }

.shapes__two {
  animation: flickertwice 3s linear 1;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
  filter: grayscale(100%);
  opacity: 0.1; }

.shapes__three {
  animation: flickertwice 2s linear 1;
  animation-delay: 3s;
  animation-fill-mode: forwards;
  filter: grayscale(100%);
  opacity: 0.1; }

.shapes__four {
  animation: flickertwice 3s linear 1;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  filter: grayscale(100%);
  opacity: 0.1; }

.shapes__five {
  animation: flickertwice 2s linear 1;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
  filter: grayscale(100%);
  opacity: 0.1; }

/*# sourceMappingURL=styles.css.map */