@charset "UTF-8";
/***
# DESIGNED & DEVELOPED by
Raphael Ble -- Web Designer - Front End Developer -- www.shakeup-dathings.com
***/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@600;900&display=swap");
@keyframes pulse-left {
  0% {
    transform: translate(0, 0) rotate(180deg); }
  50% {
    transform: translate(-1vw, 0) rotate(180deg); }
  100% {
    transform: translate(0, 0) rotate(180deg); } }
@keyframes pulse-right {
  0% {
    transform: translate(0, 0) rotate(0deg); }
  50% {
    transform: translate(0.5vw, 0) rotate(0deg); }
  100% {
    transform: translate(0, 0) rotate(0deg); } }
@keyframes from-top {
  0% {
    transform: translateY(-100%) rotate(45deg); }
  100% {
    transform: translateY(0) rotate(45deg); } }
@keyframes height-growth {
  0% {
    transform: scaleY(0); }
  100% {
    transform: scaleY(100%); } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .browserupgrade-ie10 {
    display: block !important;
    visibility: visible !important; }

  #body-preloader {
    display: none !important; }

  body {
    overflow: hidden; } }
.browserupgrade {
  background: white;
  color: #005587;
  display: block;
  text-align: center;
  width: 70%;
  height: auto;
  font-size: 1.5em;
  padding: 20% 15%;
  position: absolute;
  z-index: 101; }
  .browserupgrade a {
    color: #151515; }

.browserupgrade-ie10 {
  display: none;
  visibility: hidden; }

/*#top-advertising {
    position: relative;
    z-index: 98;
	display: flex;
	align-content: center;
	align-items: center;
	flex-direction: column;
	justify-content: center;
    background: #e3e3e3;
    width: 100%;
	padding: 1em 0;
	
	span {
		font-size: .7em;
		color: #bbb;
		top: -0.5em;
		position: relative;
		display: block;
	}
}

.billboard-advertising {
	width: 970px;
	height: 250px;
	background: #fff;
	font-size: 3em;
	@include vertical-center;
	
	.desktop-txt {
		display: block;
	}
	
	.tablet-txt {
		display: none;
	}
	
	@include MQ-bp-medium-tablet {
		width: 300px;
		height: 250px;
		
		.tablet-txt {
			display: block;
		}
		.desktop-txt {
			display: none;
		}
	}
}*/
.get-back-section, .get-back-section--top, .get-back-section--bottom {
  background: #000;
  font-family: "Open Sans", sans-serif;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  text-transform: uppercase;
  position: sticky;
  z-index: 99;
  width: 100%; }
  @media only screen and (max-width: 620px) {
    .get-back-section, .get-back-section--top, .get-back-section--bottom {
      flex-direction: column;
      justify-content: center; } }
  .get-back-section a, .get-back-section--top a, .get-back-section--bottom a, .get-back-section a:visited, .get-back-section--top a:visited, .get-back-section--bottom a:visited {
    color: #fff;
    font-size: .81rem;
    padding: .85em 0;
    text-decoration: none; }
    @media only screen and (max-width: 1280px) {
      .get-back-section a, .get-back-section--top a, .get-back-section--bottom a, .get-back-section a:visited, .get-back-section--top a:visited, .get-back-section--bottom a:visited {
        padding: .9em .6em;
        font-size: .75em; } }
    @media only screen and (max-width: 1024px) {
      .get-back-section a, .get-back-section--top a, .get-back-section--bottom a, .get-back-section a:visited, .get-back-section--top a:visited, .get-back-section--bottom a:visited {
        font-size: .65em; } }
    @media only screen and (max-width: 620px) {
      .get-back-section a, .get-back-section--top a, .get-back-section--bottom a, .get-back-section a:visited, .get-back-section--top a:visited, .get-back-section--bottom a:visited {
        width: 97%;
        text-align: center; } }
  .get-back-section .sponsored, .get-back-section--top .sponsored, .get-back-section--bottom .sponsored {
    background: #0068b5;
    color: #ffffff;
    padding: .85em 1em;
    position: relative;
    margin-left: auto; }
  .get-back-section--top {
    top: 0; }
  .get-back-section--bottom {
    bottom: 0;
    position: relative; }
    @media only screen and (max-width: 620px) {
      .get-back-section--bottom {
        flex-direction: column-reverse; } }

.get-back-section .header-logo, .get-back-section--top .header-logo, .get-back-section--bottom .header-logo {
  width: 6.5rem;
  margin: -0.2em 0.8em 0;
  fill: #fff; }
  @media only screen and (max-width: 1280px) {
    .get-back-section .header-logo, .get-back-section--top .header-logo, .get-back-section--bottom .header-logo {
      width: 5.5rem; } }

.get-back::before {
  content: "<";
  padding: 1.1em .5em 0.85em 0; }

.sponsored span {
  font-weight: bold; }

.get-back-section--top .sponsored::after {
  content: "";
  background: #0068b5;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 8%;
  transform: rotate(45deg);
  z-index: -1;
  margin-top: -0.2em; }
  @media only screen and (max-width: 620px) {
    .get-back-section--top .sponsored::after {
      width: 15px;
      height: 15px;
      right: 50%; } }

.get-back-section--bottom .sponsored::after {
  content: "";
  background: #0068b5;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 8%;
  transform: rotate(45deg);
  z-index: -1;
  bottom: 2em; }
  @media only screen and (max-width: 620px) {
    .get-back-section--bottom .sponsored::after {
      width: 15px;
      height: 15px;
      right: 50%; } }

.wrapper {
  height: 100%;
  margin: 0 auto;
  position: relative;
  max-width: none; }
  .wrapper--header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    background-color: #ffffff;
    height: 23vw;
    padding: 0;
    position: relative;
    border-bottom: 0.75vw solid #b0d7f3; }
    @media only screen and (max-width: 620px) {
      .wrapper--header {
        height: 50vw; } }
    @media only screen and (max-width: 420px) {
      .wrapper--header {
        height: 70vw; } }
    @media only screen and (max-width: 320px) {
      .wrapper--header {
        height: 100vw; } }
  .wrapper--introduction {
    height: auto;
    padding: 0;
    position: relative; }
    .wrapper--introduction::after {
      content: "";
      background: rgba(80, 113, 186, 0.8);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1; }
  .wrapper--video {
    background-color: #879acd;
    background-image: url("../img/bg-shapes.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: block; }

.wrapper-max {
  height: 100%;
  margin: 0 auto;
  position: relative;
  max-width: none;
  width: 66vw; }
  @media only screen and (max-width: 768px) {
    .wrapper-max {
      width: 75.5%; } }

/*.video-wrapper {
	@include wrapper(1200px);
	width: 71.4%;
	
	@include MQ-bp-big-mobile {
		width: 90% !important;
	}
}*/
.full-width-wrapper {
  height: 100%;
  margin: 0 auto;
  position: relative;
  max-width: none;
  width: 100%; }

.wrapper-min {
  height: 100%;
  margin: 0 auto;
  position: relative;
  max-width: 1000px;
  width: 59.5%; }
  @media only screen and (max-width: 1280px) {
    .wrapper-min {
      width: 65.5%; } }
  @media only screen and (max-width: 1024px) {
    .wrapper-min {
      width: 70.5%; } }
  @media only screen and (max-width: 768px) {
    .wrapper-min {
      width: 75.5%; } }

.wrapper-slideshow-video {
  height: 100%;
  margin: 0 auto;
  position: relative;
  max-width: 1000px;
  width: 83.8%; }
  @media only screen and (max-width: 768px) {
    .wrapper-slideshow-video {
      width: 100%; } }

.align-top {
  display: flex;
  align-items: flex-start;
  justify-content: center; }

.align-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }

.column-content {
  display: flex;
  align-content: flex-start;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  flex-wrap: wrap; }

html {
  scroll-behavior: smooth; }

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto; } }
body {
  background: #ffffff;
  font: normal 300 14px/1.5 "Mulish", sans-serif;
  color: #151515;
  overflow: hidden;
  text-align: left; }

a {
  color: #151515;
  transition: color 0.3s ease-out; }
  a:hover {
    color: #b0d7f3; }
  a:visited {
    color: #151515; }
  a:active, a:focus, a:visited {
    outline: none; }

h1 {
  font-size: 4em;
  color: #151515; }

h2 {
  font: normal 900 24px/1.3 "Urbanist", sans-serif;
  font-size: 3em;
  color: #5071ba; }

/*h4 {
    font-size: clamp(.9rem, 1.8vw, 3rem);
    margin: 3.5% auto -2.6%;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 600;
}*/
p {
  font-size: clamp(0.9rem, 1.4vw, 2.3rem);
  margin: 3.5% 0; }

#header-section::after {
  content: "";
  background: white;
  position: absolute;
  left: 12.9%;
  bottom: -6.2%;
  width: 3vw;
  height: 3vw;
  z-index: 1;
  transform: translateY(-100%) rotate(45deg);
  animation: 1.5s ease-out 2.5s forwards from-top; }
  @media only screen and (max-width: 768px) {
    #header-section::after {
      bottom: -2.5%;
      left: 15.2%;
      width: 4vw;
      height: 4vw; } }
#header-section #expandable-wrapper {
  flex-wrap: nowrap; }
  @media only screen and (max-width: 620px) {
    #header-section #expandable-wrapper {
      flex-direction: column-reverse;
      justify-content: space-between; } }
  #header-section #expandable-wrapper.expanded #content-left {
    flex: 0.2;
    /* Adjusted flex value when the panel is expanded */ }
    @media only screen and (max-width: 620px) {
      #header-section #expandable-wrapper.expanded #content-left {
        flex: 0;
        padding: 0; } }
    #header-section #expandable-wrapper.expanded #content-left h1 {
      opacity: 0.13;
      font-size: 2.7vw;
      line-height: 1.15; }
    #header-section #expandable-wrapper.expanded #content-left hr {
      opacity: .13; }
  #header-section #expandable-wrapper.expanded #content-right {
    flex: 0.8;
    /* Expanded flex value when the panel is expanded */ }
    @media only screen and (max-width: 620px) {
      #header-section #expandable-wrapper.expanded #content-right {
        flex: 1; } }
    #header-section #expandable-wrapper.expanded #content-right #expand-clickable-area {
      opacity: 0;
      visibility: hidden; }
      #header-section #expandable-wrapper.expanded #content-right #expand-clickable-area:hover {
        cursor: default;
        opacity: 0; }
      #header-section #expandable-wrapper.expanded #content-right #expand-clickable-area .arrow.left {
        opacity: 0; }
    #header-section #expandable-wrapper.expanded #content-right .item .cta {
      opacity: 1 !important;
      transition: opacity 1s ease-in-out; }
      @media only screen and (max-width: 620px) {
        #header-section #expandable-wrapper.expanded #content-right .item .cta {
          bottom: 8% !important;
       /* right: 6%;
    	left: auto;*/ } }
      #header-section #expandable-wrapper.expanded #content-right .item .cta:hover::after {
        animation: pulse-right 1.5s infinite; }
    #header-section #expandable-wrapper.expanded #content-right .close-expandable {
      opacity: 1;
      transform: rotate(180deg); }
      #header-section #expandable-wrapper.expanded #content-right .close-expandable:hover {
        transform: rotate(90deg); }
    .item #header-section #expandable-wrapper.expanded #content-right::after {
      opacity: 1;
      transition: opacity 0.8s ease-in-out; }
    #header-section #expandable-wrapper.expanded #content-right .h2-wrapper h2 {
      font-size: clamp(1.2rem, 1.8vw, 3rem) !important;
      line-height: 1.4 !important;
      opacity: 1 !important;
      transition: font-size 1.5s ease-in-out, line-height 1.5s ease-in-out, opacity .5s ease-in-out; }
    #header-section #expandable-wrapper.expanded #content-right .h2-wrapper::after {
      opacity: 1 !important; }
    @media only screen and (max-width: 620px) {
      #header-section #expandable-wrapper.expanded #content-right .slick-dots {
        top: 4% !important; } }
  #header-section #expandable-wrapper #content-left {
    flex: 0.7;
    padding: 2% 5% 2% 5%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 83%;
    transition: flex 0.8s ease-in-out, padding 1s ease-in-out;
    			/*@include MQ-bp-very-very-small-mobile {
                    flex: .68;
                }*/ }
    @media only screen and (max-width: 620px) {
      #header-section #expandable-wrapper #content-left {
        flex: .75; } }
    #header-section #expandable-wrapper #content-left h1 {
      font: normal 900 24px/1.3 "Urbanist", sans-serif;
      font-size: clamp(1.9rem, 3.9vw, 6rem);
      line-height: 1.3;
      color: #515151;
      margin: 0;
      -webkit-line-clamp: 6;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      opacity: 1;
      z-index: 2;
      transition: font-size 1s ease-in-out, line-height 1s ease-in-out, opacity 1s ease-in-out; }
    #header-section #expandable-wrapper #content-left hr {
      border: none;
      border-left: 0.1vw solid #151515;
      height: 78%;
      width: 0.1vw;
      position: absolute;
      right: 3.5%;
      opacity: 1;
      transform: opacity 5s ease-in-out; }
      @media only screen and (max-width: 620px) {
        #header-section #expandable-wrapper #content-left hr {
          display: none; } }
  #header-section #expandable-wrapper #content-right {
    flex: 0.3;
    transition: flex 0.8s ease-in-out;
    cursor: pointer;
    position: relative;
    height: 100%;
    z-index: 2;
    			/*@include MQ-bp-very-very-small-mobile {
                    flex: .32;
                }*/ }
    @media only screen and (max-width: 620px) {
      #header-section #expandable-wrapper #content-right {
        flex: .25;
        width: 100%;
        height: auto; } }
    #header-section #expandable-wrapper #content-right:hover.item .cta {
      opacity: 0;
      transition: opacity 0.6s ease-in-out; }
    #header-section #expandable-wrapper #content-right .close-expandable {
      display: block;
      height: clamp(3rem, 4vw, 7rem);
      width: clamp(3rem, 4vw, 7rem);
      position: absolute;
      top: 1%;
      right: 4.3%;
      z-index: 12;
      opacity: 0;
      transform: rotate(0deg);
      transition: transform 0.4s ease, opacity 0.5s ease; }
      #header-section #expandable-wrapper #content-right .close-expandable svg {
        stroke: white; }
    #header-section #expandable-wrapper #content-right #expand-clickable-area {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: absolute;
      background-color: rgba(0, 0, 0, 0.8);
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 11;
      opacity: 0;
      visibility: visible;
      transition: opacity 0.5s ease-in-out, visibility 1s ease-in-out; }
      #header-section #expandable-wrapper #content-right #expand-clickable-area:hover {
        cursor: pointer;
        opacity: 1; }
      #header-section #expandable-wrapper #content-right #expand-clickable-area .arrow.left {
        position: absolute;
        height: 5vw;
        width: 5vw;
        margin: 0;
        fill: #ffffff;
        opacity: .7;
        animation: pulse-left 1.5s infinite;
        transition: opacity 0.5s ease-in-out; }
    #header-section #expandable-wrapper #content-right .read-next-slideshow {
      background: #5071ba;
      height: 100%;
      position: absolute;
      width: 100%;
      top: 0; }
      #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-dots {
        opacity: 1;
        top: 4%;
        left: 0;
        text-align: left;
        bottom: auto;
        width: auto;
        margin-left: 6%;
        transition: opacity .3s ease-in-out, top .6s ease-in-out; }
        @media only screen and (max-width: 620px) {
          #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-dots {
            top: 21%; } }
        #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-dots li {
          width: .9vw;
          height: .9vw; }
          @media only screen and (max-width: 620px) {
            #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-dots li {
              width: 2.9vw;
              height: 2.9vw; } }
          #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-dots li button::before {
            font-size: 0.9vw; }
            @media only screen and (max-width: 620px) {
              #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-dots li button::before {
                font-size: 2.9vw; } }
      #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-list {
        width: 100%;
        height: 100%; }
        #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-list .slick-track {
          width: 100% !important;
          height: 100%; }
          #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-list .slick-track .item {
            width: 100%;
            height: 100%;
            position: absolute !important; }
            #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-list .slick-track .item .h2-wrapper {
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              z-index: 1; }
              #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-list .slick-track .item .h2-wrapper::after {
                content: "";
                background: rgba(0, 0, 0, 0.8);
                background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0) 100%);
                display: block;
                position: absolute;
                width: 100%;
                height: 60%;
                bottom: 0;
                left: 0;
                z-index: 0;
                opacity: .6;
                transition: opacity 1.5s ease-in-out; }
                @media only screen and (max-width: 620px) {
                  #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-list .slick-track .item .h2-wrapper::after {
                    height: 80% !important; } }
              #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-list .slick-track .item .h2-wrapper h2 {
                position: absolute;
                bottom: 13%;
                width: 70%;
                padding: 0 6% 0;
                margin: 0;
                font-size: 0.2vw;
                color: white;
                line-height: .4;
                -webkit-line-clamp: 3;
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                z-index: 15;
                opacity: 0;
                transition: font-size 0.85s ease-in-out, line-height 0.7s ease-in-out, opacity 0.6s ease-in-out; }
                @media only screen and (max-width: 620px) {
                  #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-list .slick-track .item .h2-wrapper h2 {
                    width: 89%;
                    margin: 0 0 5% 0; } }
            #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-list .slick-track .item img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              opacity: .7; }
            #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-list .slick-track .item .cta {
              position: absolute;
              display: flex;
              flex-direction: row;
              align-items: center;
              flex-wrap: wrap;
              justify-content: center;
              font-size: clamp(0.8rem, 1.1vw, 2rem);
              bottom: 8%;
              right: 6%;
              color: #ffffff;
              opacity: 1;
              z-index: 9;
              transition: opacity .3s ease-in-out, bottom .6s ease-in-out;
              /*@include MQ-bp-very-small-mobile {
              	right: 3%;
              }*/ }
              @media only screen and (max-width: 1024px) {
                #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-list .slick-track .item .cta {
                  opacity: 1 !important; } }
              @media only screen and (max-width: 620px) {
                #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-list .slick-track .item .cta {
                  bottom: 32%;
                  /*right: auto;
                  left: 6%;*/ } }
              #header-section #expandable-wrapper #content-right .read-next-slideshow .slick-list .slick-track .item .cta::after {
                content: "";
                background-image: url("../img/arrow-3.svg");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                position: relative;
                right: 0;
                width: clamp(0.9rem, 2vw, 4rem);
                height: clamp(0.9rem, 2vw, 4rem); }
  #header-section #expandable-wrapper #languages-nav {
    position: absolute;
    bottom: -104%;
    width: 4.8vw;
    right: auto;
    left: 5.8%;
    z-index: 10;
    opacity: .8;
    height: 9.5vw; }
    @media only screen and (max-width: 768px) {
      #header-section #expandable-wrapper #languages-nav {
        bottom: -128.5%;
        width: 6.8vw;
        height: 11.5vw; } }
    @media only screen and (max-width: 620px) {
      #header-section #expandable-wrapper #languages-nav {
        bottom: -87%;
        width: 10.1vw;
        left: 4.7%;
        height: 19.5vw; } }
    @media only screen and (max-width: 420px) {
      #header-section #expandable-wrapper #languages-nav {
        bottom: -80%;
        width: 13.1vw;
        left: 3.2%;
        height: 25.5vw; } }
    @media only screen and (max-width: 320px) {
      #header-section #expandable-wrapper #languages-nav {
        bottom: -58%;
        width: 13.1vw;
        left: 3.2%;
        height: 25.5vw; } }
    #header-section #expandable-wrapper #languages-nav:hover span {
      opacity: 1;
      top: 0; }
    #header-section #expandable-wrapper #languages-nav ul {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      align-items: center;
      list-style: none;
      padding: 0;
      margin: 0;
      position: relative;
      height: 100%; }
      #header-section #expandable-wrapper #languages-nav ul li {
        text-align: center;
        font-size: 0.8vw;
        margin: 0;
        width: 50%;
        position: relative; }
        #header-section #expandable-wrapper #languages-nav ul li a {
          display: block; }
          #header-section #expandable-wrapper #languages-nav ul li a:active {
            color: #151515; }
        #header-section #expandable-wrapper #languages-nav ul li span {
          display: block;
          width: 50%;
          background: none;
          padding: 0em 0.2em;
          margin: 0 auto;
          color: #b0d7f3;
          opacity: 0;
          top: 50%;
          position: relative;
          z-index: -1;
          transition: opacity .7s, top .7s; }
          @media only screen and (max-width: 1024px) {
            #header-section #expandable-wrapper #languages-nav ul li span {
              display: none; } }
        #header-section #expandable-wrapper #languages-nav ul li:after {
          content: "";
          position: absolute;
          display: block;
          height: 0.2vw;
          width: 0;
          background: #b0d7f3;
          bottom: -15%;
          left: 0;
          right: 0;
          margin: 0 auto;
          transform-origin: center;
          transition: width .7s; }
        #header-section #expandable-wrapper #languages-nav ul li:first-child {
          cursor: default;
          pointer-events: none; }
        #header-section #expandable-wrapper #languages-nav ul li.active-language:after {
          width: 60%; }
        #header-section #expandable-wrapper #languages-nav ul li:hover::after {
          width: 60%; }

#introduction-section {
  color: #ffffff;
  font-size: 1.3vw;
  margin-bottom: 0;
  overflow: hidden; }
  #introduction-section .logo-partner-wrapper {
    font-size: clamp(0.5rem, 0.8vw, 1.3rem);
    line-height: 1.1;
    text-align: left;
    width: 7%;
    position: absolute;
    top: 0;
    margin-top: 5.2%;
    left: 5%;
    z-index: 1; }
    @media only screen and (max-width: 768px) {
      #introduction-section .logo-partner-wrapper {
        width: 9%;
        margin-top: 5.8%; } }
    @media only screen and (max-width: 620px) {
      #introduction-section .logo-partner-wrapper {
        width: 10%; } }
    #introduction-section .logo-partner-wrapper span {
      margin: 0 0 13.5%; }
    #introduction-section .logo-partner-wrapper #partner-logo {
      text-align: center;
      width: 85%; }
  #introduction-section .main-image {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    filter: blur(3px);
    transform: scale(1.02);
    z-index: -2; }
  #introduction-section .wrapper-max {
    padding: 2.5% 0;
    		/*&::before {
    			content: "";
    			background: rgba($third-color, 1);
                position: absolute;
                top: 0;
    			left: -6.2%;
    			margin-top: -3.5%;
    			width: 3vw;
    			height: 3vw;
    			z-index: 1;
    			transform: rotate(45deg);
    			
    			@include MQ-bp-big-mobile {
    				margin-top: -4.5%;
                	left: -7%;
    				width: 4vw;
    				height: 4vw;
            	}
    		}*/ }
    @media only screen and (max-width: 768px) {
      #introduction-section .wrapper-max {
        margin-left: 20%;
        width: 68%; } }
    #introduction-section .wrapper-max::after {
      content: "";
      background: white;
      position: absolute;
      top: 0;
      left: -4.3%;
      width: .55vw;
      height: 100%;
      z-index: 1;
      transform: scaleY(0);
      transform-origin: top;
      animation: 4s ease-in-out 3.4s forwards height-growth; }
      @media only screen and (max-width: 768px) {
        #introduction-section .wrapper-max::after {
          left: -4.5% !important; } }
  #introduction-section .highlight {
    background: rgba(176, 215, 243, 0.5);
    color: #ffffff;
    /*-webkit-box-decoration-break: clone;
    box-decoration-break: clone;*/ }
  #introduction-section h2 {
    color: #ffffff;
    font-size: clamp(1.9rem, 3.2vw, 5.2rem);
    margin: 8% 0px 2.5%; }

#article-section .wrapper-max {
  justify-content: left; }
  #article-section .wrapper-max h2 {
    display: flex;
    font-size: clamp(1.9rem, 3.2vw, 5.2rem);
    margin: 8% 0px 2.5%;
    border-left: 0.55vw solid #b0d7f3;
    padding: 0 0 0 4%; }
  #article-section .wrapper-max a {
    color: #5071ba;
    text-decoration: underline; }
    #article-section .wrapper-max a:hover {
      color: #b0d7f3 !important; }
  #article-section .wrapper-max .quote {
    display: inline-block;
    background: linear-gradient(90deg, #5071ba 0%, #b0d7f3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(1.2rem, 2.5vw, 4rem);
    font-style: italic;
    line-height: 120%;
    position: relative;
    word-break: break-word;
    margin: 5% 0; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .quote {
        hyphens: auto; } }
    #article-section .wrapper-max .quote:before {
      content: "";
      position: absolute;
      height: 30.2vw;
      z-index: 1;
      width: clamp(30px, 5.5vw, 141px);
      background-image: url("../img/quotes-1.svg");
      background-size: contain;
      top: -.5vw;
      left: -6.5vw;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 320px) {
        #article-section .wrapper-max .quote:before {
          left: -14%; } }
    #article-section .wrapper-max .quote span {
      display: block;
      text-align: right;
      font-size: clamp(0.8rem, 1.6vw, 2.6rem);
      margin: 1.5% 0 0 0; }
      @media only screen and (max-width: 768px) {
        #article-section .wrapper-max .quote span {
          text-align: left; } }
  #article-section .wrapper-max .quote.no-btm-margin {
    margin: 5% 0 0 0; }
  #article-section .wrapper-max .article-img {
    position: relative;
    text-align: center;
    z-index: -1;
    width: 25%; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .article-img {
        width: 60%;
        float: none;
        margin: 11% auto; } }
    #article-section .wrapper-max .article-img figcaption {
      background: #5071ba;
      color: #ffffff;
      font-size: clamp(0.75rem, 0.9vw, 1.5rem);
      padding: 2% 8%;
      display: inline-block;
      margin-top: 4%;
      position: relative; }
      #article-section .wrapper-max .article-img figcaption::before {
        content: "";
        background: #5071ba;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: -3.5% auto 0;
        width: 1vw;
        height: 1vw;
        z-index: -1;
        transform: rotate(45deg); }
        @media only screen and (max-width: 768px) {
          #article-section .wrapper-max .article-img figcaption::before {
            width: 2vw;
            height: 2vw; } }
  #article-section .wrapper-max .article-img--shapes-1--45-w {
    width: 45% !important;
    padding: 15% 0 10%; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .article-img--shapes-1--45-w {
        width: 85% !important;
        padding: 9% 0 0 !important; } }
    #article-section .wrapper-max .article-img--shapes-1--45-w:before {
      top: 5.5vw !important;
      left: -14.5vw !important; }
    #article-section .wrapper-max .article-img--shapes-1--45-w:after {
      height: 46vw !important;
      width: 40vw !important;
      top: 1.5vw !important;
      left: -6.5vw !important; }
      @media only screen and (max-width: 620px) {
        #article-section .wrapper-max .article-img--shapes-1--45-w:after {
          height: 91vw !important;
          width: 80vw !important;
          top: -4.5vw !important;
          left: -6.5vw !important; } }
  #article-section .wrapper-max .article-img--shapes-1--50-w {
    width: 50% !important;
    padding: 15% 0 10%; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .article-img--shapes-1--50-w {
        width: 85% !important;
        padding: 9% 0 0 !important; } }
    #article-section .wrapper-max .article-img--shapes-1--50-w:before {
      top: 5.5vw !important;
      left: -14.5vw !important; }
      @media only screen and (max-width: 620px) {
        #article-section .wrapper-max .article-img--shapes-1--50-w:before {
          left: -37.5vw !important;
          top: -9vw !important; } }
    #article-section .wrapper-max .article-img--shapes-1--50-w:after {
      height: 46vw !important;
      width: 40vw !important;
      top: 1.5vw !important;
      left: -6.5vw !important; }
      @media only screen and (max-width: 620px) {
        #article-section .wrapper-max .article-img--shapes-1--50-w:after {
          height: 94vw !important;
          width: 79vw !important;
          left: -8.5vw !important;
          top: -8vw !important; } }
  #article-section .wrapper-max .article-img--shapes-1--60-w {
    width: 60% !important;
    padding: 15% 0 10%; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .article-img--shapes-1--60-w {
        width: 100% !important;
        padding: 9% 0 0 !important; } }
    #article-section .wrapper-max .article-img--shapes-1--60-w:before {
      top: 2.5vw !important;
      left: -8.5vw !important; }
      @media only screen and (max-width: 620px) {
        #article-section .wrapper-max .article-img--shapes-1--60-w:before {
          left: -24.5vw !important;
          top: -15vw !important; } }
    #article-section .wrapper-max .article-img--shapes-1--60-w:after {
      height: 39vw !important;
      width: 34vw !important;
      top: 2.5vw !important;
      left: 1.5vw !important; }
      @media only screen and (max-width: 620px) {
        #article-section .wrapper-max .article-img--shapes-1--60-w:after {
          height: 79vw !important;
          width: 69vw !important;
          left: 4.5vw !important;
          top: -10vw !important; } }
  #article-section .wrapper-max .article-img--shapes-1:before {
    content: "";
    position: absolute;
    height: 59vw;
    width: 54vw;
    background-image: url(../img/bg-shapes.png);
    background-size: contain;
    top: -3.5vw;
    left: -16.5vw;
    background-repeat: no-repeat;
    z-index: -1; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .article-img--shapes-1:before {
        height: 119vw;
        width: 114vw;
        left: -36.5vw; } }
  #article-section .wrapper-max .article-img--shapes-1:after {
    content: "";
    position: absolute;
    height: 39vw;
    width: 34vw;
    background-image: url(../img/shapes-1.svg);
    background-size: contain;
    top: -3.5vw;
    left: -6.5vw;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: .7; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .article-img--shapes-1:after {
        height: 89vw;
        width: 84vw;
        left: -17.5vw; } }
  #article-section .wrapper-max .article-img--shapes-2--45-w {
    width: 45% !important;
    padding: 15% 0 10%; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .article-img--shapes-2--45-w {
        width: 85% !important;
        padding: 9% 0 0 !important; } }
    #article-section .wrapper-max .article-img--shapes-2--45-w:before {
      top: 5.5vw !important;
      left: -14.5vw !important; }
      @media only screen and (max-width: 620px) {
        #article-section .wrapper-max .article-img--shapes-2--45-w:before {
          left: -37.5vw !important;
          top: -9vw !important; } }
    #article-section .wrapper-max .article-img--shapes-2--45-w:after {
      height: 46vw !important;
      width: 40vw !important;
      top: 1.5vw !important;
      left: -6.5vw !important; }
      @media only screen and (max-width: 620px) {
        #article-section .wrapper-max .article-img--shapes-2--45-w:after {
          height: 94vw !important;
          width: 79vw !important;
          left: -8.5vw !important;
          top: -8vw !important; } }
  #article-section .wrapper-max .article-img--shapes-2--50-w {
    width: 50% !important;
    padding: 15% 0 10%; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .article-img--shapes-2--50-w {
        width: 85% !important;
        padding: 9% 0 0 !important; } }
    #article-section .wrapper-max .article-img--shapes-2--50-w:before {
      top: 5.5vw !important;
      left: -14.5vw !important; }
      @media only screen and (max-width: 620px) {
        #article-section .wrapper-max .article-img--shapes-2--50-w:before {
          left: -37.5vw !important;
          top: -9vw !important; } }
    #article-section .wrapper-max .article-img--shapes-2--50-w:after {
      height: 46vw !important;
      width: 40vw !important;
      top: 1.5vw !important;
      left: -6.5vw !important; }
      @media only screen and (max-width: 620px) {
        #article-section .wrapper-max .article-img--shapes-2--50-w:after {
          height: 94vw !important;
          width: 79vw !important;
          left: -8.5vw !important;
          top: -8vw !important; } }
  #article-section .wrapper-max .article-img--shapes-2--60-w {
    width: 60% !important;
    padding: 15% 0 10%; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .article-img--shapes-2--60-w {
        width: 100% !important;
        padding: 9% 0 0 !important; } }
    #article-section .wrapper-max .article-img--shapes-2--60-w:before {
      top: 2.5vw !important;
      left: -8.5vw !important; }
      @media only screen and (max-width: 620px) {
        #article-section .wrapper-max .article-img--shapes-2--60-w:before {
          left: -24.5vw !important;
          top: -15vw !important; } }
    #article-section .wrapper-max .article-img--shapes-2--60-w:after {
      height: 39vw !important;
      width: 34vw !important;
      top: 2.5vw !important;
      left: 1.5vw !important; }
      @media only screen and (max-width: 620px) {
        #article-section .wrapper-max .article-img--shapes-2--60-w:after {
          height: 79vw !important;
          width: 69vw !important;
          left: 4.5vw !important;
          top: -10vw !important; } }
  #article-section .wrapper-max .article-img--shapes-2:before {
    content: "";
    position: absolute;
    height: 59vw;
    width: 54vw;
    background-image: url(../img/bg-shapes.png);
    background-size: contain;
    top: -3.5vw;
    left: -16.5vw;
    background-repeat: no-repeat;
    z-index: -1; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .article-img--shapes-2:before {
        height: 119vw;
        width: 114vw;
        left: -36.5vw; } }
  #article-section .wrapper-max .article-img--shapes-2:before {
    content: "";
    position: absolute;
    height: 59vw;
    width: 54vw;
    background-image: url(../img/bg-shapes.png);
    background-size: contain;
    top: -3.5vw;
    left: -24.5vw;
    background-repeat: no-repeat;
    z-index: -1; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .article-img--shapes-2:before {
        height: 119vw;
        width: 114vw;
        left: -36.5vw; } }
  #article-section .wrapper-max .article-img--shapes-2:after {
    content: "";
    position: absolute;
    height: 54vw;
    width: 49vw;
    background-image: url(../img/shapes-2.svg);
    background-size: contain;
    top: -3.5vw;
    left: -19.5vw;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: .7; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .article-img--shapes-2:after {
        height: 134vw;
        width: 103vw;
        left: -29.5vw; } }
  #article-section .wrapper-max .article-img--shapes-3:before {
    content: "";
    position: absolute;
    height: 49vw;
    width: 44vw;
    background-image: url(../img/bg-shapes.png);
    background-size: contain;
    top: -3.5vw;
    left: -14.5vw;
    background-repeat: no-repeat;
    z-index: -1; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .article-img--shapes-3:before {
        height: 119vw;
        width: 114vw;
        left: -36.5vw; } }
  #article-section .wrapper-max .article-img--shapes-3:after {
    content: "";
    position: absolute;
    height: 34vw;
    width: 29vw;
    background-image: url("../img/shapes-3.svg");
    background-size: contain;
    top: -3.5vw;
    left: -6.5vw;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: .7; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .article-img--shapes-3:after {
        height: 88vw;
        width: 74vw;
        left: -14.5vw; } }
  #article-section .wrapper-max .article-img--bg-shapes:before {
    content: "";
    position: absolute;
    height: 72vw;
    width: 94vw;
    background-image: url(../img/bg-shapes.png);
    background-size: contain;
    top: -9.5vw;
    left: -15.5vw;
    opacity: 0.5;
    background-repeat: no-repeat;
    z-index: -1; }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-max .article-img--bg-shapes:before {
        height: 103vw;
        width: 134vw;
        left: -29.5vw;
        top: -25vw; } }
#article-section hr {
  background: #b0d7f3;
  border: 0;
  height: 1px;
  margin: 0 0 3% 0; }
#article-section .disclaimer {
  font-size: clamp(0.5rem, 0.8vw, 0.8rem) !important;
  font-style: italic;
  margin: 1.5% 0; }
  #article-section .disclaimer--last {
    margin: 1.5% 0 3.5% 0; }
    @media only screen and (max-width: 620px) {
      #article-section .disclaimer--last {
        margin: 1.5% 0 7% 0; } }
    @media only screen and (max-width: 420px) {
      #article-section .disclaimer--last {
        margin: 1.5% 0 9% 0; } }
  #article-section .disclaimer a {
    text-decoration: underline; }
    #article-section .disclaimer a:hover {
      color: #b0d7f3; }

#video-section {
  margin-bottom: 4.5%; }
  #video-section .wrapper-max {
    padding: 6% 0; }
    @media only screen and (max-width: 768px) {
      #video-section .wrapper-max {
        margin-left: 20%;
        width: 68%; } }
    #video-section .wrapper-max::after {
      content: "";
      background: white;
      position: absolute;
      top: 0;
      left: -4.3%;
      width: .55vw;
      height: 100%;
      z-index: 1;
      transform: scaleY(0);
      transform-origin: top;
      animation: 4s ease-in-out 7.3s forwards height-growth; }
      @media only screen and (max-width: 768px) {
        #video-section .wrapper-max::after {
          left: -4.5% !important; } }

#video-section-slideshow {
  text-align: left; }
  #video-section-slideshow h1 {
    background: #151515;
    font-size: clamp(1.4rem, 5vw, 5rem);
    margin: 0 auto .3em;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 600;
    color: #ffffff;
    font-family: normal 700 14px/1.5 "Mulish", sans-serif;
    text-align: center; }
  #video-section-slideshow .slick {
    width: 100%; }
    #video-section-slideshow .slick .embed iframe {
      border-radius: clamp(15px, 3vw, 40px); }
    #video-section-slideshow .slick .date {
      font-size: clamp(0.6rem, 1vw, 1rem);
      color: rgba(176, 215, 243, 0.7);
      margin: 2% 0 0 0;
      padding-bottom: 1.8%;
      border-bottom: 0.06vw dashed rgba(176, 215, 243, 0.3);
      display: block;
      position: relative; }
      #video-section-slideshow .slick .date::before {
        content: "•";
        font-size: clamp(0.6rem, 1.1vw, 1rem);
        margin-right: 1%; }
      #video-section-slideshow .slick .date::after {
        content: "•";
        font-size: clamp(0.6rem, 1.1vw, 1rem);
        margin-left: 1%; }
    #video-section-slideshow .slick p {
      font-size: clamp(0.8rem, 1.5vw, 1.5rem);
      margin: 3.5% 0 0 0; }
      #video-section-slideshow .slick p:first-of-type {
        margin: 1.6% 0 0 0; }
  #video-section-slideshow .bg-video {
    background: #151515;
    position: absolute;
    height: 39.3vw;
    max-height: 810px;
    z-index: -1;
    top: -1px;
    width: 100%; }
    @media only screen and (max-width: 1280px) {
      #video-section-slideshow .bg-video {
        height: 44vw;
        max-height: 630px; } }
    @media only screen and (max-width: 768px) {
      #video-section-slideshow .bg-video {
        height: 51vw;
        max-height: 360px; } }
    @media only screen and (max-width: 420px) {
      #video-section-slideshow .bg-video {
        height: 66vw; } }

@media only screen and (max-width: 620px) {
  .disable-aos-mobile[data-aos] {
    /*CSS transitions*/
    opacity: 1 !important;
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important; } }
.slick {
  width: 83.3%; }

.slick-dots li {
  margin: .3em; }
  @media only screen and (max-width: 768px) {
    .slick-dots li {
      margin: .2em; } }

.slick-dots li {
  width: 1.2vw;
  height: 1.2vw; }
  @media only screen and (max-width: 768px) {
    .slick-dots li {
      width: 1.6vw;
      height: 1.6vw; } }
  @media only screen and (max-width: 420px) {
    .slick-dots li {
      width: 2.2vw;
      height: 2.2vw; } }

.slick-dots li.slick-active button::before {
  opacity: 1; }

.slick-dots li button::before {
  font-size: 1.2vw; }

.slick-dots li button {
  width: 100%;
  height: 100%; }

.slick-dots {
  bottom: -2.5vw; }

.slick-dotted.slick-slider {
  margin-bottom: 3%; }

.slick-dots li button::before {
  opacity: 1;
  color: #ffffff; }

.slick-dots li.slick-active button::before {
  color: #5071ba; }

.slick button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.slick .slide-arrow {
  position: absolute;
  bottom: 13vw;
  z-index: 1; }

.slick .prev-arrow {
  width: 4vw;
  height: 7.7vw;
  display: block;
  left: -10%;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .slick .prev-arrow {
      bottom: 19vw; } }
  .slick .prev-arrow:hover > img {
    filter: invert(23%) sepia(65%) saturate(438%) hue-rotate(357deg) brightness(97%) contrast(96%); }

.slick .next-arrow {
  width: 4vw;
  height: 7.7vw;
  display: block;
  right: -10%;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .slick .next-arrow {
      bottom: 19vw; } }
  .slick .next-arrow:hover > img {
    filter: invert(23%) sepia(65%) saturate(438%) hue-rotate(357deg) brightness(97%) contrast(96%); }

.left {
  float: left;
  margin: 0 10% 0 0;
  /*@include MQ-bp-big-mobile {
  	margin: 0 1.5em 1.5em 0;
  }*/ }
  @media only screen and (max-width: 620px) {
    .left {
      margin: 0.8em 0 2em 0; } }

.right {
  float: right;
  margin: 0 0 0 10%;
  /*@include MQ-bp-big-mobile {
  	margin: 0 0 1.5em 1.5em;
  }*/ }
  @media only screen and (max-width: 620px) {
    .right {
      margin: 0.8em 0 2em 0; } }

.full-width {
  width: 100% !important;
  margin: 7% 0; }
  @media only screen and (max-width: 768px) {
    .full-width {
      margin: 0 0 1.5em 0; } }
  @media only screen and (max-width: 620px) {
    .full-width {
      margin: 2em 0; } }

.embed {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; }
  .embed iframe, .embed object, .embed embed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: clamp(15px, 3vw, 40px); }

.highlight {
  background: rgba(135, 154, 205, 0.7);
  color: #ffffff;
  /*-webkit-box-decoration-break: clone;
  box-decoration-break: clone;*/ }

#body-preloader {
  overflow: hidden; }

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  /* change if the mask should have another color then white */
  z-index: 100;
  /* makes sure it stays on top */ }

#status {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-repeat: no-repeat;
  background-position: center;
  margin: -50px 0 0 -65px;
  clear: both; }

.preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%; }

.preloader_inner {
  text-align: center;
  font-size: 1.5em; }

.show {
  visibility: visible !important;
  opacity: 1 !important;
  transition: all 0.5s ease; }

.sp.sp-slices {
  border-radius: 0;
  border-top: 18px #b0d7f3 solid;
  border-left: 18px #151515 solid;
  border-bottom: 18px white solid;
  border-right: 18px #151515 solid;
  border-radius: 100px;
  -webkit-animation: spSlices 1s infinite linear;
  animation: spSlices 1s infinite linear; }

@-webkit-keyframes spSlices {
  0% {
    border-top: 18px #b0d7f3 solid;
    border-right: 18px #151515 solid;
    border-bottom: 18px white solid;
    border-left: 18px #151515 solid; }
  25% {
    border-top: 18px white solid;
    border-right: 18px #b0d7f3 solid;
    border-bottom: 18px #151515 solid;
    border-left: 18px white solid; }
  50% {
    border-top: 18px white solid;
    border-right: 18px white solid;
    border-bottom: 18px #b0d7f3 solid;
    border-left: 18px #151515 solid; }
  75% {
    border-top: 18px #151515 solid;
    border-right: 18px white solid;
    border-bottom: 18px white solid;
    border-left: 18px #b0d7f3 solid; }
  100% {
    border-top: 18px #b0d7f3 solid;
    border-right: 18px #151515 solid;
    border-bottom: 18px white solid;
    border-left: 18px #151515 solid; } }
@keyframes spSlices {
  0% {
    border-top: 18px #b0d7f3 solid;
    border-right: 18px #151515 solid;
    border-bottom: 18px white solid;
    border-left: 18px #151515 solid; }
  25% {
    border-top: 18px white solid;
    border-right: 18px #b0d7f3 solid;
    border-bottom: 18px #151515 solid;
    border-left: 18px white solid; }
  50% {
    border-top: 18px white solid;
    border-right: 18px white solid;
    border-bottom: 18px #b0d7f3 solid;
    border-left: 18px #151515 solid; }
  75% {
    border-top: 18px #151515 solid;
    border-right: 18px white solid;
    border-bottom: 18px white solid;
    border-left: 18px #b0d7f3 solid; }
  100% {
    border-top: 18px #b0d7f3 solid;
    border-right: 18px #151515 solid;
    border-bottom: 18px white solid;
    border-left: 18px #151515 solid; } }