/* ------------------------- Style ® Code by Dennis -------------------------------------------------- */

/* ------------------------- Global -------------------------------------------------- */

main {
   overflow: hidden;
}

.overlay.gradient {
   background: linear-gradient(0deg, rgba(197,0,255,0) 0%, rgba(106,82,255,.7) 100%);
   height: 75vh;
   mix-blend-mode: overlay;
}

.globe-img {
   width: 100em;
   position: absolute;
   width: 100vw;
   -webkit-user-select: none;  
   -moz-user-select: none;    
   -ms-user-select: none;      
   user-select: none;
   pointer-events: none;
}

.globe-img-1 {
   left: 0;
   top: 10vh;
   transform: translate(-50%, -50%) translateZ(0);
}

.globe-img-2 {
   right: 0;
   top: 70vh;
   transform: translate(50%, -40%) translateZ(0);
   will-change: opacity;
}

.globe-img-3 {
   left: 0;
   top: 0;
   transform: translate(-50%, -20%) translateZ(0);
   opacity: .5;
}

.globe-img-4 {
   right: 0;
   top: 47%;
   bottom: auto;
   transform: translate(50%, -50%) translateZ(0);
   opacity: .5;
}

.globe-img-5 {
   left: 0;
   bottom: 0vh;
   transform: translate(-50%, 60%) translateZ(0);
   opacity: .7;
}

.globe-img-6 {
   right: 0;
   top: 0;
   transform: translate(50%, -10%) translateZ(0);
   opacity: .5;
}

.globe-img-7 {
   left: 0;
   bottom: 0vh;
   transform: translate(-50%, 0%) translateZ(0);
   opacity: .5;
}

@media screen and (max-width: 720px){
   .globe-img {
      width: 100vh;
   }

   .globe-img-1 {
      top: 0;
   }

   .globe-img-2 {
      right: 0;
      top: 85vh;
      transform: translate(50%, -40%) translateZ(0);
   }

   .globe-img-3 {
      transform: translate(-50%, 0%) translateZ(0);
   }

   .globe-img-4 {
      top: 52%;
   }

   .globe-img-5 {
      opacity: .5;
   }
   
   .globe-img-6 {
      opacity: .4;
   }

   .globe-img-7 {
      opacity: .5;
      bottom: 15vh;
   }

   .section-textpage-header .globe-img-2 {
      opacity: .5;
   }
}

.cursor {
   width: 20em;
   height: 20em;
   border-radius: 100%;
   border: 1px solid var(--aqua);
   position: fixed;
   pointer-events: none;
   left: 0;
   top: 0;
   transform: translate(calc(-50% + 15px), -50%);
   z-index: 30;
   opacity: .6;

   border: 0;
   filter: blur(10em);
   background: var(--primary);
   mix-blend-mode: screen;
   background: linear-gradient(-90deg, #00F0FF 0%, #C500FF 100%);
   
   display: none;
 }
 
 .cursor2 {
   width: 50px;
   height: 50px;
   border-radius: 100%;
   background-color: var(--white);
   opacity: .5;
   position: fixed;
   transform: translate(-50%, -50%);
   pointer-events: none;
   transition: width .5s, height .5s, opacity .5s;
   z-index: 30;
   display: none;
 }

 @supports (-moz-appearance:none) {
   .cursor  {
      display: none;
   }
}

@media (hover: none) {
   .cursor  {
      display: none;
   }
}


/* ------------------------- Loader -------------------------------------------------- */

.main-black-overlay {
   background: var(--black);
   z-index: 100;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   position: fixed;
}

.main-black-overlay svg {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: block;
   width: 5vh;
   stroke: var(--primary);
   animation: fade_loader_in 1.5s linear;
   animation-iteration-count: unset;
}

.main-black-overlay svg circle {
   stroke: var(--white);
   stroke-opacity: .15;
}

@-webkit-keyframes fade_loader_in {
   0% {opacity: 0;}
   80% {opacity: 0;}
   100% {opacity: 1;}
}

/* ------------------------- Navigation -------------------------------------------------- */

nav {
   display: block;
   width: 100%;
   z-index: 20;
   position: fixed;
   padding: 2em 2em 0 2em;
   pointer-events: none;
}

nav .row {
   justify-content: space-between;
   align-items: center;
}

nav .row .flex-col {
   width: auto;
   pointer-events: all;
}

nav .row .flex-col .btn {
   margin: 0;
   box-shadow: 0px 1.5em 2em rgba(0, 0, 0, 0.1);
}

/* Nav logo style */
.nav-logo {
   display: flex;
   align-items: center;
}

.nav-logo img {
   height: 2.5em;
   width: auto;
}

.logo {
   display: none; /* Hidden - logo moved to nav */
   position: absolute;
   top: 2em;
   left: 50%;
   transform: translate(-50%, 0);
   width: 3em;
   height: 3em;
   background: var(--primary);
   z-index: 2;
   border-radius: 0.8em;

   background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 100%);
   box-shadow: 0px 5em 5em rgba(0, 0, 0, 0.3), inset 1px 0px 0px rgba(255, 255, 255, 0.2), inset 0px -1px 0px rgba(255, 255, 255, 0.4);
 
   
}

.logo svg {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-55%, -55%);
   width: 40%;
   
   width: 55%;
   transform: translate(-54%, -45%);
}

.logo svg path {
   fill: var(--aqua);
}

.logo svg ellipse {
	fill: var(--aqua);
}

@media screen and (max-width: 540px){
	nav {
	   display: block;
	   width: 100%;
	   z-index: 20;
	   position: fixed;
	   padding: 5vw 5vw 0 5vw;
	   pointer-events: none;
	}
	
	.logo {
		top: 5vw;
	}
}

/* ------------------------- GDPR - Cookie Bar -------------------------------------------------- */

.gdpr {
   position: fixed;
   bottom: 2em;
   right: 2em;
   background: rgba(0, 0, 0, 0.5);
   max-width: 21em;
   transform: translate(0, calc(2.25em + 100%));
   z-index: 25;
   font-size: 1;
   border-radius: 1em;
   -webkit-backdrop-filter: blur(1em);
   backdrop-filter: blur(1em); 
}

.gdpr.active {
   transform: translate(0, 0);
   display: block;
}

.gdpr.notactive {
   transform: translate(0, calc(2.25em + 100%));
   transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
}

.gdpr .row {
   flex-wrap: nowrap;
   align-items: center;
   padding: 1em 1em 1em 1.5em;
}

.gdpr .row .flex-col {
   width: auto;
}

.gdpr .btn {
   margin: 0;
   white-space: nowrap;
   margin-left: 1em;
   font-size: .8em;
   background: var(--white);
   color: var(--primary);
}

.gdpr .btn:hover {
   color: var(--white);
   background: var(--primary);
}

.gdpr p {
   line-height: 1.5;
   color: var(--text);
}

@media screen and (max-width: 540px){
   
   .gdpr, .gdpr.notactive {
      bottom: 3vw;
      right: 3vw;
      transform: translate(0, calc(6vw + 100%));
      margin-left: 3vw;
      max-width: calc(100% - 6vw);
   }

   .gdpr .btn {
      font-size: 1em;
   }
   
   .gdpr p {
	   font-size: .75em;
	}
}

/* ------------------------- Homepage - Header -------------------------------------------------- */

.section-home-header {
   background: var(--black);
   text-align: center;
   min-height: 100vh;
   display: flex;
   align-items: center;
}

.section-home-header .flex-col {
   padding-bottom: 35vh;
}

.section-home-header .left-bottom-text {
   position: absolute;
   left: 2.5em;
   bottom: 2.25em;
   text-align: left;
   font-size: .9em;
}

.section-home-header .left-bottom-text strong {
   font-weight: 700;
   color: var(--white);
}

.store-badges {
   display: flex;
   justify-content: center;
   gap: .33em;
   padding-top: .5em;
}

.store-badges a svg .path-border {
   transition: all .3s cubic-bezier(0.7, 0, 0.3, 1);
   fill-opacity: 0.3;
}

.store-badges a:hover svg .path-border {
   fill-opacity: 1;
}

@media screen and (max-width: 720px){
   .section-home-header .left-bottom-text {
      display: none;
   }
   
	.section-home-header .flex-col {
	   padding-bottom: 20vh;
	}

   .store-badges {
      padding-top: 1em;
   }

   .store-badges svg {
      height: 2.75em;
   }
}

@media screen and (max-height: 670px){
	.section-home-header .flex-col {
	   padding-bottom: 5vh;
	}
}



/* ------------------------- Homepage - Phones -------------------------------------------------- */

.section-home-phones {
   margin-top: -38vh;
   padding: 0;
   pointer-events: none;
}

.section-home-phones .row {
   height: 30em;
}

.section-home-phones .row .left-phone {
   position: absolute;
   width: 55em;
   top: 0;
   left: 50%;
   transform: translateX(-55%) translateZ(0);
   will-change: transform;
   z-index: 11;
}

.section-home-phones .row .right-phone {
   position: absolute;
   width: 14em;
   top: 5%;
   left: 50%;
   transform: translateX(100%) translateZ(0);
   will-change: transform;
   z-index: 12;
}

@media screen and (max-width: 720px){

   .section-home-phones {
      margin-top: -39vh;
      padding: 0;
      pointer-events: none;
   }

   .section-home-phones .row {
      height: 30em;
   }

   .section-home-phones .row .left-phone {
      width: 90vw;
      top: 0;
      transform: translateX(-50%) translateZ(0);
   }
   
   .section-home-phones .row .right-phone {
      display: none;
   }
}

@media screen and (max-height: 670px){
   .section-home-phones {
      margin-top: -25vh;
   } 
}

.glass-tile {
   display: none; /* Hidden - designed for phone mockup layout */
   position: absolute;
   left: 50%;
   bottom: 3em;
   transform: translateX(110%) translateZ(0);
   z-index: 2;
   width: 7em;
   height: 7em;
   background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.02) 100%);
   box-shadow: 0px 5em 5em rgba(0, 0, 0, 0.3), inset 1px 0px 0px rgba(255, 255, 255, 0.2), inset 0px -2px 0px rgba(255, 255, 255, 0.4);
   -webkit-backdrop-filter: blur(.8em);
   backdrop-filter: blur(.8em);
   border-radius: 2em;
   z-index: 13;
   will-change: transform;

   width: 8em;
   height: 10.8em;
   border-radius: 1em;
   box-shadow: 0px 5em 5em rgba(0, 0, 0, 0.2), inset 1px 0px 0px rgba(255, 255, 255, 0.2), inset 0px -1px 0px rgba(255, 255, 255, 0.3);
   transform: translateX(100%) translateZ(0);
   will-change: transform;
   bottom: -2.5em;
   -webkit-backdrop-filter: blur(1em);
   backdrop-filter: blur(1em);
}

@supports (-moz-appearance:none) {
   .glass-tile {
      display: none;
   }
}

.glass-tile svg {
   position: absolute;
   width: 40%;
   top: 50%;
   left: 50%;
   transform: translate(-55%, -55%);
   display: none;
}

.glass-tile img {
   position: absolute;
   width: 80%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

@media screen and (max-width: 720px){
   .glass-tile {
      bottom: 3em;
      transform: translateX(80%) translateZ(0);
      font-size: .8em;
   }
}

@media screen and (max-height: 670px){
   .glass-tile {
      bottom: -3em;
   } 
}

/* ------------------------- Homepage - Cards Slider -------------------------------------------------- */

.sliders-wrap {
   position: relative;
}

.section-cards-slider {
   text-align: center;
   padding-bottom: var(--section-padding-small);
}

.section-cards-slider .container:nth-of-type(1) .row {
   padding-bottom: 5em;
}

.section-cards-slider .container:nth-of-type(2) .row {
   overflow: visible;
}

.section-cards-slider .row ul {
   width: calc(100% + 3em);
   margin-left: -3em;
   -webkit-touch-callout: none;
}

.section-cards-slider .row ul:hover {
   cursor: grab;  
}

.section-cards-slider .row ul .single-card-item {
   width: 50%;
   float: left;
   padding-left: 3em;
}

.single-card-item {
   float: left;
   width: 100%;
}

.single-card-item .single-card-block {
   display: block;
   position: relative;
   padding: 0;
   background: rgba(255, 255, 255, 0.1);
   border-radius: 2.5em; 
   box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.1);
}

.single-card-item .single-card-block:before {
   display: block;
   content: "";
   padding-top: 125%;
}

.single-card-item .img-wrap {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: calc(100% - 8em);
   overflow: hidden;
}

.single-card-item .screenshot {
   position: absolute;
   width: 45%;
   position: absolute;
   left: 50%;
   top: 62%;
   transform: translate(-50%, -41.8%);
}

.single-card-item .frame {
   position: absolute;
   width: 65.5%;
   position: absolute;
   left: 50%;
   top: 62%;
   transform: translate(-50%, -43%);
}

.single-card-item .content {
   position: absolute;
   width: 100%;
   bottom: 0;
   left: 0;
   height: 8em;
   overflow: hidden;
}

.single-card-item .content .title {
   left: 0;
   top: 0;
   position: absolute;
   width: 100%;
   height: 100%;
   padding: 0 3em;
   display: flex;
   align-items: center;
   justify-content: center;
   pointer-events: none;
   z-index: 2;
   transform: translateZ(0);
   
}

.single-card-item .frosted-bar {
   position: absolute;
   top: 0;
   height: 100%;
   width: 100%;
   background: rgba(255, 255, 255, 0.08);
   transform: translateZ(0);
   overflow: hidden;
   border-radius: 0 0 2.5em 2.5em;
   box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px rgba(255, 255, 255, 0.2);
   opacity: 1;
}

.single-card-item .frosted-bar .frosted-dark {
   background: #000;
   opacity: 0;
}

.single-card-item .frosted-bar .screenshot  {
   filter: blur(2em);
   opacity: .7;
   top: auto;
   bottom: -1em;
   transform: translate(-50%, 0) translateZ(0);
}


/* --- Fade-in Animation --- */

.animate-row li {
	transform: translateY(6em) translateX(0);
	opacity: 0;
   transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
   transition-delay: 0s;
   will-change: transform;
}

.animate-row.appear li {
	transform: translateY(0) translateX(0);
	opacity: 1;
}

.animate-row li:nth-of-type(2) { transition-delay: .05s;}
.animate-row li:nth-of-type(3) { transition-delay: .1s;}
.animate-row li:nth-of-type(4) { transition-delay: .15s;}
.animate-row li:nth-of-type(5) { transition-delay: .2s;}
.animate-row li:nth-of-type(6) { transition-delay: .25s;}
.animate-row li:nth-of-type(7) { transition-delay: .3s;}
.animate-row li:nth-of-type(8) { transition-delay: .35s;}
.animate-row li:nth-of-type(9) { transition-delay: .4s;}
.animate-row li:nth-of-type(10) { transition-delay: .45s;}  
.animate-row li:nth-of-type(11) { transition-delay: .5s;}
.animate-row li:nth-of-type(12) { transition-delay: .55s;}
.animate-row li:nth-of-type(13) { transition-delay: .6s;}
.animate-row li:nth-of-type(14) { transition-delay: .65s;}  


@media screen and (max-width: 1100px){
   .section-cards-slider .row ul .single-card-item {
      width: 75%;
   }
}

@media screen and (max-width: 720px){
   .section-cards-slider .row ul .single-card-item {
      width: 90%;
   }
}

@media screen and (max-width: 540px){

   .section-cards-slider .container:nth-of-type(1) .row {
      padding-bottom: 3em;
   }

   .section-cards-slider .container:nth-of-type(2) .row {
      padding: 0 1em;
   }

   .section-cards-slider .row ul {
      width: calc(100% + 1em);
      margin-left: -1em;
   }

   .section-cards-slider .row ul .single-card-item {
      width: 100%;
      padding-left: 1em;
   }

   .single-card-item .content .title {
      padding: 0 1.5em;
   }
   
}

/* ------------------------- Slider Arrows -------------------------------------------------- */

.slider, .uk-slider, .uk-slider:focus {
   outline: 0;
   outline-width: 0px !important;
   outline-offset: 0px;
   border-radius: 0;
   border: 0;
}

.slider .slider-prev, .slider .slider-next {
  background: var(--white);
  width: 2.5em;
  height: 2.5em;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%) scale(1);
  border-radius: 50%;
  color: var(--primary);
  opacity: 1;
  cursor: pointer;
  transition: all .2s cubic-bezier(0.7, 0, 0.3, 1);
  margin: 0;
}

.slider .slider-prev:hover, .slider .slider-next:hover {
  background: var(--primary);
  color: var(--white);
}

.slider .slider-next {
  transform: translate(50%, -50%);
  left: auto;
  right: 0;
}

.slider .slider-prev svg path, .slider .slider-next svg path {
  stroke: var(--primary);
  stroke-width: 1.5px;
  transition: all .2s cubic-bezier(0.7, 0, 0.3, 1);
}

.slider .slider-prev:hover svg path, .slider .slider-next:hover svg path {
  stroke: var(--white);
}

.slider .slider-prev svg, .slider .slider-next svg {
  width: 40%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
}

.slider .slider-next svg {
  transform: translate(-50%, -50%) rotate(0deg);
}

/* --- Hide Default Arrow --- */

.slider .slider-prev svg:nth-of-type(2), .slider .slider-next svg:nth-of-type(2) {
  display: none;
}

/* --- Hover Button --- */

.slider .slider-prev:hover svg path, .slider .slider-next:hover svg path {
  color: var(--primary);
}

/* --- Hover Row --- */

.slider .row .slider-prev {
   transform: translate(-50%, -50%) scale(0);
   opacity: 0;
}
 
.slider .row .slider-next {
   transform: translate(50%, -50%) scale(0);
   opacity: 0;
}

.slider .row:hover .slider-prev {
   transform: translate(-50%, -50%) scale(1);
   opacity: 1;
}
 
.slider .row:hover .slider-next {
   transform: translate(50%, -50%) scale(1);
   opacity: 1;
}

/* --- Invisable --- */

.slider .row .slider-prev.uk-invisible {
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
}

.slider .row .slider-next.uk-invisible {
  transform: translate(50%, -50%) scale(0);
  opacity: 0;
}

@media screen and (max-width: 1100px){
  
  	.slider .row .slider-prev, .slider .row:hover .slider-prev {
	   transform: translate(-25%, -50%) scale(1);
	   opacity: 1;
	}
 
	.slider .row .slider-next, .slider .row:hover .slider-next {
	   transform: translate(25%, -50%) scale(1);
	   opacity: 1;
	}
}


/* ------------------------- Homepage - Tapsody -------------------------------------------------- */

.section-tapsody {
   padding-bottom: 0;
   padding-top: 0;
   overflow: hidden;
}

.section-tapsody .container.tiny .row {
   padding-bottom: 2em;
   padding-top: 10em;
}

.section-tapsody .hand {
   width: 100%;
   transform: translateX(0);
   will-change: transform;
}

.section-tapsody .overlay.fade-top {
   background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
   height: 60%;
}

.section-tapsody .overlay.fade-bottom {
   top: auto;
   bottom: 0;
   height: 40%;
   background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.section-tapsody .overlay.fade-sides {
   background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 1) 100%);
   opacity: 1;
}

.section-tapsody .overlay.purple {
   background: var(--magenta);
   opacity: .3;
   mix-blend-mode: multiply;
}

@media screen and (max-width: 1000px){

}

@media screen and (max-width: 720px){
   .section-tapsody .overlay.fade-sides {
      display: none;
   }

   .section-tapsody .hand {
      width: 150%;
      transform: translateX(-17.5%);
   }
}

@media screen and (max-width: 540px){
   .section-tapsody .overlay.fade-sides {
      display: none;
   }

   .section-tapsody .hand {
      width: 200%;
      transform: translateX(-25%);
   }
}

/* ------------------------- Homepage - FAQ -------------------------------------------------- */

.bottom-wrap {
   position: relative;
   overflow: hidden;
}

.section-faq {
   padding-top: var(--section-padding-small);
   padding-bottom: 0;
}
.section-faq .row:nth-of-type(1) {
   text-align: center;
   padding-bottom: 4em;
   padding-top: 0;
}

.section-faq ul {
   width: 100%;
}

.section-faq ul li {
   background: rgba(255, 255, 255, 0.12);
   border-radius: 1.5em;
   box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.08), inset 0px -1px 0px rgba(255, 255, 255, 0.15);
}

.section-faq ul li .uk-accordion-title {
   font-size: unset;
   padding: 2em;
}

.section-faq ul li .uk-accordion-content {
   font-size: unset;
   padding: 0 2em .75em 2em;
   transform: translateY(-1.3em);
}

.section-faq ul li .uk-accordion-title::before {
   background-size: 1em;
}

@media screen and (max-width: 540px){
   .section-faq .row:nth-of-type(1) {
      padding-bottom: 2.5em;
   }
}


/* ------------------------- Homepage - Signup -------------------------------------------------- */

.section-signup .btn {
   margin-top: 1em;
   margin-bottom: 0;
   margin-right: 0;

   animation: btnBounce 3s ease-in-out;
   animation-iteration-count: infinite; 
}

@keyframes btnBounce {
    0% {padding: 1em 1.5em .9em 1.5em;}
    10% {padding: 1em 1em .9em 1em;}
    15% {padding: 1em 2.25em .9em 2.25em;}
    20% {padding: 1em 1.25em .9em 1.25em;}
    25% {padding: 1em 1.75em .9em 1.75em;}
    30% {padding: 1em 1.35em .9em 1.35em;}
    35% {padding: 1em 1.6em .9em 1.6em;}
    40% {padding: 1em 1.5em .9em 1.5em;}
    100% {padding: 1em 1.5em .9em 1.5em;}
}

@media screen and (max-width: 540px){
   .section-signup {
      padding-top: 8em;
      padding-bottom: 4em;
   }
}

/* ------------------------- Homepage - Footer Card -------------------------------------------------- */

.section-footer-card {
   padding-bottom: 0;
   padding-top: 0;
}

.footer-card {
   background: linear-gradient(265.03deg, rgba(255, 255, 255, 0.12) 2.14%, rgba(255, 255, 255, 0.06) 98.49%);
   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), inset 1px 0px 0px rgba(255, 255, 255, 0.1);
   float: left;
   width: 100%;
   padding: 3.5em 1em 2.5em 1em;
   border-radius: 2.5em 2.5em 0 0;
}

.section-footer-card ul {
   display: flex;
   justify-content: center;
   align-items: center;
   padding-bottom: 1.5em;
}

.section-footer-card ul li a {
   padding: 0 .75em;
   color: var(--white);
}

.section-footer-card ul li a:hover {
   color: var(--primary);
   text-decoration: none;
}

.section-footer-card p {
   color: var(--text-light);
   text-align: center;
}

.section-footer-card .store-badges {
   padding-top: 0;
   padding-bottom: 2em;
}

@media screen and (max-width: 720px){
   .section-footer-card .store-badges {
      padding-top: 0;
      padding-bottom: 2em;
   }
}

@media screen and (max-width: 540px){

   .footer-card {
      padding: 2.5em 1.5em 2.5em 1.5em;
   }

   .section-footer-card ul {
      flex-direction: column;
   }

   .section-footer-card ul li{
      padding: .25em 0;
   }
}


/* ------------------------- Textpage -------------------------------------------------- */

.section-textpage-header {
   min-height: auto;
}

.section-textpage-header .flex-col {
   padding-bottom: 2em;
   padding-top: 5em;
}

.section-textpage {
   padding-top: 0;
   padding-bottom: 2em;
}

.section-textpage h2 {
   margin-top: 1.5em;
}

.section-textpage h3 {
   margin-top: 1.2em;
   color: var(--aqua);
}

.section-textpage ul {
   list-style: disc;
   padding-left: 1.5em;
   margin-bottom: 1em;
}

.section-textpage ul li {
   color: var(--text);
   margin-bottom: 0.5em;
   line-height: 1.6;
}

.section-textpage a {
   color: var(--aqua);
   text-decoration: underline;
}

.section-textpage a:hover {
   color: var(--primary);
}

/* ------------------------- Error -------------------------------------------------- */


.section-error-header .flex-col {
   text-align: center;
   padding: 0;
}

.section-error-header .flex-col .btn {
   margin: 0;
}

/* ------------------------- Pop-up -------------------------------------------------- */

.pop-up-back {
   background: rgba(0, 0, 0, 0.8);
   z-index: 50;
   position: fixed;
   transition: all .5s cubic-bezier(0.7, 0, 0.3, 1);

   opacity: 0;
   visibility: hidden;
   will-change: opacity;
}

.pop-up-back.active {
   opacity: 1;
   visibility: visible;
}

.pop-up {
   pointer-events: none;
   display: flex;
   z-index: 51;
   align-items: center;
   justify-content: center;
   position: fixed;
   transition: all .5s cubic-bezier(0.7, 0, 0.3, 1);
   will-change: transform;

   opacity: 0;
   visibility: hidden;
   transform: translateY(20vh) translateZ(0);
   overflow: hidden;
}

.pop-up.active {
   opacity: 1;
   visibility: visible;
   transform: translateY(0) translateZ(0);
}

.pop-up-box {
   pointer-events: all;
   background: var(--white);
   padding: 2.5em;
   border-radius: 2.5em;
   max-width: 28em;
   font-size: .9em;
   position: relative;
}

.pop-up h2 {
   width: 100%;
   color: var(--black);
   text-align: center;
   margin-bottom: .3em;
   margin-top: .5em
}

.pop-up p {
   width: 100%;
   color: rgba(0, 0, 0, 0.6);
   text-align: center;
   line-height: 1.4;
}

.pop-up .svg-close {
   position: absolute;
   top: 1.75em;
   right: 1.75em;
   z-index: 1;
   cursor: pointer;
}

.pop-up .svg-close:hover rect {
   fill-opacity: 1;
   fill: var(--alert-error);
}

.pop-up form {
   padding-top: 1em;
}

.pop-up input[type='text'], .pop-up input[type='email'], .pop-up input[type='number'], .pop-up input[type='submit'], .pop-up textarea, .pop-up select {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;	
   float: left;
   border: none;
   border-radius: 0;
   background: 0;
}

.pop-up input[type='text'], .pop-up input[type='email'], .pop-up input[type='number'], .pop-up input[type='submit'], .pop-up select {
   display: inline-block;
   padding: 1em 1.5em .95em 1.5em;
   background-color: rgba(0, 0, 0, 0.08);
   color: var(--black);
   line-height: 1;
   font-size: 1em;
   font-weight: 500;
   text-decoration: none;    
   -webkit-transition: all .25s ease-in-out;
   transition: all .25s ease-in-out;
   -webkit-appearance: none;
   -moz-appearance: none;
   border-radius: 0.5em;
   width: 100%;
}


.pop-up .input-group ul li {
   float: left;
   width: 100%;
   padding: 6px 0;
}

.pop-up .input-group ul li input[type='checkbox'] {
   width: 16px;
   height: 16px;
   filter: invert(0) hue-rotate(35deg) brightness(1.1);
   display: block;
   float: left;
}

.pop-up .input-group ul li label {
   color: rgba(0, 0, 0, 0.6);
   font-size: 11px;
   line-height: 14px;
   display: block;
   float: left;
   width: calc(100% - 16px);
   padding-left: 8px;
}

.pop-up .input-group ul li label a {
   text-decoration: none;
}

.pop-up .input-group ul li label a:hover {
   text-decoration: underline;
}

.pop-up #mc_embed_signup_scroll {
   display: flex;
   flex-direction: column;
}

.pop-up .mc-field-group {
   margin-bottom: .7em;
}

.pop-up select {
   -webkit-appearance: none;
   -moz-appearance: none;
   background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
   background-repeat: no-repeat;
   background-position-x: calc(100% - .75em);
   background-position-y: 1em;
   padding: 1.15em 1.5em 1.13em 1.5em;
}

.pop-up select:required:invalid {
	color: rgba(0, 0, 0, 0.5);
}

.pop-up textarea:focus, .pop-up select:focus, .pop-up input:focus{
   outline: 0px solid var(--primary);
   outline-width: 0px !important;
   outline-offset: 0px;
   border-radius: .5em;
}

.pop-up #mc-embedded-subscribe {
   margin-top: .5em;
   background: var(--primary);
   color: var(--white);
   border-radius: 10em;
   line-height: 1;
   padding: 1.15em 1.5em 1.05em 1.5em;
}

.pop-up #mc-embedded-subscribe:hover {
   background: var(--primary-medium);
   cursor: pointer;
}

.pop-up #mc_embed_signup div.mce_inline_error {
   color: var(--alert-error);
   background: transparent;
   font-weight: 500;
   float: left;
   width: 100%;
   font-size: .75em;
   margin-bottom: .25em;
   padding: .1em 0;
}

.pop-up .response {
   font-size: 1em;
   margin-top: 1em;
   margin-bottom: 1em;
   float: left;
   width: 100%;
   color: rgba(0, 0, 0, 1);
   font-weight: 500;
   text-align: center;
}

.pop-up .response a {
	color: var(--primary);
	text-decoration: underline;
   font-weight: 500;
}

.response a:hover {
	color: var(--primary-medium);
}

#mce-success-response {
	color: var(--primary);
}

@media screen and (max-width: 1000px){

}

@media screen and (max-width: 540px){
   .pop-up {
      align-items: flex-end;
      transform: translateY(100%) translateZ(0);
      opacity: 1;
      visibility: visible;
   }

   .pop-up-box {
      border-radius: 2.5em 2.5em 0 0;
      font-size: 1em;
      padding: 10vw 7vw 7vw 7vw;
   }
   
   .pop-up-back {
      background: rgba(0, 0, 0, 0.8);
   }
}

/* ------------------------- Page - Section - Name -------------------------------------------------- */

/* --- Name --- */

@media screen and (max-width: 1000px){

}

@media screen and (max-width: 540px){
    
}

/* ------------------------- Animations -------------------------------------------------- */


a, .svg-close rect, .open-pop-up {
	transition: all .2s ease-in-out;
}