/* CSS over-rides from main sheet */
html, body {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
body { font-family:'HelveticaNow-Regular', sans-serif; font-style:normal; font-weight:normal; }
footer { font-family:'HelveticaNow-Light', sans-serif; font-style:normal; font-weight:normal; }
.main-nav { display:none; }
.page { padding-top:91px; }
.home-animated h4 { text-transform:uppercase; }
.animate .marquee__content { animation:scroll 20s linear infinite; }

.button.xlarge { font-size:30px; height:74px; line-height:72px; padding:0 60px; border-radius:40px; }

/* Header banner */
.header-banner { position:absolute; top:115px; }


/* Skip icons */
.skiparea { position:fixed; width:30px; height:60px; top:50%; right:15px; margin-top:-30px; z-index:19; opacity:0; transition:opacity 0.4s ease;}
.skiparea.visible { opacity:1; }
.skiparea .skipup { position:absolute; top:0; left:0px; width:30px; height:30px; background:rgba(0,0,0,0.25) url('../imgs/icon-arrow-up-white.svg') center center no-repeat; background-size:14px auto; border-top-left-radius:21px; border-top-right-radius:21px; }
.skiparea .skipdown { position:absolute; bottom:0; left:0px; width:30px; height:30px; background:rgba(0,0,0,0.25) url('../imgs/icon-arrow-down-white.svg') center center no-repeat; background-size:14px auto; border-bottom-left-radius:21px; border-bottom-right-radius:21px; border-top:none; }
.skiparea .skipup.disabled { opacity:0.5; }
.skiparea .skipdown.disabled { opacity:0.5; }
.darkmode .skiparea .skipup { background:rgba(255,255,255,0.5) url('../imgs/icon-arrow-up.svg') center center no-repeat; background-size:14px auto; }
.darkmode .skiparea .skipdown { background:rgba(255,255,255,0.5) url('../imgs/icon-arrow-down.svg') center center no-repeat; background-size:14px auto;  border-top:none; }

/* Page specific CSS */
/* Hero */
.homea-hero { background:#FFF; width:100%; text-align:center; height:0; padding-bottom:50%; position:relative; overflow:hidden; border-bottom:1px solid #000; }
.homea-hero .title-area { position:absolute; top:0; left:0; display:table; height:100%; width:100%; z-index:18; }
.homea-hero .title-area .title { display:table-cell; vertical-align:middle; height:100%; width:100%; font-size:62px; font-size:3.5vw; line-height:1.2em; transition:all 0.5s ease; color:#000; transition:color 0.2s ease;  text-shadow: 2px 2px 8px rgba(0,0,0,0.2); }
.homea-hero .title-area .title span { color:#FFF; }
.homea-hero .button-area { position:absolute; bottom:0; width:100%; height:120px; text-align:center; z-index:19;}
.homea-hero .button-area .button { background:#FFF; color:#000; border-color:#000; margin:0 15px; }
.homea-button-area { text-align:center; padding-top:50px; }
.homea-hero .button-area .button.active { background:#000; color:#FFF; border-color:#FFF; }
.homea-button-area .button { background:#FFF; color:#000; border-color:#000; margin:0 10px; }
.homea-button-area .button.active { background:#000; color:#FFF; border-color:#FFF; }
.homea-hero .image-seq { position:absolute; display:none; }
.homea-hero .image-seq img { display:block; width:100%; }
.homea-hero .image-01 { top:24%; right:21.5%; width:25%; z-index:1; }
.homea-hero .image-02 { top:34%; right:4%; width:40%; z-index:1; }
.homea-hero .image-03 { top:39%; left:21%; width:52%; z-index:1; }
.homea-hero .image-04 { top:0%; left:0%; width:57%; z-index:1; }
.homea-hero .image-05 { top:0%; left:0%; width:100%; z-index:1; }
/* .homea-hero .group-01, .homea-hero .group-02, .homea-hero .group-03, .homea-hero .group-04, .homea-hero .group-05, .homea-hero .group-06, .homea-hero .group-07 { display:none; } */
.homea-hero .image-06 { top:0%; left:0%; width:100%; z-index:1; }
.homea-hero .image-07 { top:0%; left:0%; width:100%; z-index:1; }
.homea-hero .image-08 { top:0%; left:0%; width:100%; z-index:1; }
.homea-hero .image-09 { top:0%; left:0%; width:100%; z-index:1; }
.homea-hero .image-10 { top:0%; left:0%; width:100%; z-index:1; }
.homea-hero .image-11 { top:0%; left:0%; width:100%; z-index:1; }

.homea-hero .image-12 { top:13%; right:11%; width:38%; z-index:1; }
.homea-hero .image-13 { bottom:8%; right:15%; width:39%; z-index:1; }
.homea-hero .image-14 { top:0%; right:2.5%; width:63%; z-index:1; }
.homea-hero .image-15 { top:0%; left:0%; width:100%; z-index:1; }
.homea-hero .image-16 { top:0%; left:0%; width:100%; z-index:1; }
.homea-hero .image-17 { top:0%; left:0%; width:100%; z-index:1 }

.homea-hero .image-18 { top:0%; left:0%; width:100%; z-index:1; }
.homea-hero .image-19 { top:0%; left:0%; width:100%; z-index:1; }
.homea-hero .image-20 { top:0%; left:0%; width:100%; z-index:1; }
.homea-hero .image-21 { top:0%; left:0%; width:100%; z-index:1; }
.homea-hero .image-22 { top:0%; left:0%; width:100%; z-index:1; }

.homea-hero .image-23 { top:24%; right:18.5%; width:25%; }
.homea-hero .image-24 { bottom:0%; right:10%; width:38%; z-index:1; }
.homea-hero .image-25 { top:0%; left:0%; width:57%; z-index:1; }
.homea-hero .image-26 { top:0%; left:0%; width:100%; z-index:1; }

.homea-hero .image-27 { top:6%; left:30%; width:40%; z-index:1; }
.homea-hero .image-28 { top:10%; left:20%; width:60%; z-index:1; }
.homea-hero .image-29 { top:0%; right:0%; width:50%; z-index:1; }
.homea-hero .image-30 { top:0%; left:0%; width:100%; z-index:1; }
.homea-hero .image-31 { top:6.5%; left:31%; width:38%; z-index:1; }

.homea-hero .image-32 { top:27%; left:10%; width:22%; z-index:1; }
.homea-hero .image-33 { top:20%; left:20%; width:28%; z-index:1; }
.homea-hero .image-34 { top:2%; right:1%; width:52%; z-index:1; }
.homea-hero .image-35 { top:0%; left:0%; width:100%; z-index:1; }
.homea-hero .image-36 { top:0%; left:0%; width:100%; z-index:1; }
.homea-hero .image-37 { top:0%; left:0%; width:100%; z-index:1; }

.homea-hero .image-38 { top:20%; right:16.5%; width:32%; z-index:1; }
.homea-hero .image-39 { top:36%; right:8%; width:45%; z-index:1; }
.homea-hero .image-40 { top:0%; left:7%; width:67%; z-index:1; }
.homea-hero .image-41 { top:0%; left:0%; width:100%; z-index:1; }
.homea-hero .image-42 { top:0%; left:0%; width:100%; z-index:1; }

/* Intro text */
.homea-intro { padding:140px 0; text-align:center; }
.homea-intro h1 { font-size:60px; line-height:1.3em; max-width:1180px; margin:auto; }
.homea-intro h2 { font-size:40px; line-height:1.3em; max-width:1180px; margin:auto; margin-top:80px; }

/* Solutions tag cloud */
.homea-solutions { text-align:center; padding-bottom:120px; border-bottom:1px solid #000; transition:border-color 0.4s ease; }
.darkmode .homea-solutions { border-bottom:1px solid #FFF; }
.homea-solutions .tag-cloud .tc-tag { border:1px solid #000; border-radius:20px; display:inline-block; padding:14px 26px; text-transform:uppercase; font-size:22px; margin:10px; transition:border-color 0.4s ease; opacity:0; text-decoration:none; }
.darkmode .homea-solutions .tag-cloud .tc-tag { border:1px solid #FFF; border-radius:20px; }
.darkmode .homea-solutions .tag-cloud .tc-tag.animated-dots { padding:14px 20px 14px 25px; }
.animated-dots div { height:7px; width:7px; border-radius:50%; background:#000; float:left; margin:10px 3px 0 3px; }
.darkmode .animated-dots div { background:#FFF; }
.animated-dots .ball1 { z-index:1; -moz-animation:bounce 1.5s infinite ease-in-out; -webkit-animation:bounce 1.5s infinite ease-in-out; }
.animated-dots .ball2 { -moz-animation:bounce 1.5s infinite ease-in-out; -webkit-animation:bounce 1.5s infinite ease-in-out; -webkit-animation-delay:0.25s; animation-delay: 0.25s; }
.animated-dots .ball3 { -moz-animation:bounce 1.5s infinite ease-in-out; -webkit-animation:bounce 1.5s infinite ease-in-out; -webkit-animation-delay:0.5s; animation-delay:0.5s; }
@-moz-keyframes bounce {
	0%,20% {-webkit-transform: translate(0,0);}
	50% {-webkit-transform: translate(0,-15px);/*background:#1A1A1A;*/}
	80%, 100% {-webkit-transform: translate(0,0);};
}
@-webkit-keyframes bounce {
	0%,20% {-webkit-transform: translate(0,0);}
	50% {-webkit-transform: translate(0,-15px);/*background:#1A1A1A;*/}
	80%, 100% {-webkit-transform: translate(0,0);};
}

/* Animation specific CSS */
.gs_reveal { opacity:0; visibility:hidden; will-change:transform, opacity; }

/* Your new tool */
.homea-tool { text-align:center; /*border-bottom:1px solid #000;*/ padding-bottom:85px; /*height:5000px;*/ }
.homea-tool h4 { padding-top:85px; margin-bottom:0; }
.darkmode .homea-tool { border-bottom:1px solid #FFF; }
.col-slide-up { opacity:0; }
.homea-tool .col-slide-up .title { font-family:'DrukCond-Super'; font-size:90px; font-weight:500; line-height:1.2em; padding:80px 0 50px 0; }
.homea-tool .col-slide-up .image-flicker { overflow:hidden; border-radius:30px; position:relative; height:0; }
.homea-tool .col-slide-up .image-flicker.square { padding-bottom:99%; }
.homea-tool .col-slide-up .image-flicker.landscape { padding-bottom:80%; }
.homea-tool .col-slide-up .image-flicker.portrait { padding-bottom:120%; }
.homea-tool .col-slide-up .image-flicker img { position:absolute; top:0; left:0; min-width:100%; min-height:100%; opacity:0; }
.homea-tool .col-slide-up .image-flicker img.active { opacity:1; }
.homea-tool .col-slide-up .text { font-size:26px; line-height:1.2em; margin-top:30px; }
.homea-tool .col-slide-up { position:relative;}
.homea-tool .col-sm-4 { width:33%; }
/*.homea-tool .csu1 { margin-top:1000px; }
.homea-tool .csu2 { margin-top:2000px; }
.homea-tool .csu3 { margin-top:3000px; }*/

.homea-tool .toolSwiper .title { font-family:'DrukCond-Super'; font-size:70px; font-weight:500; line-height:1.2em; padding:20px 0 20px 0; }
.homea-tool .toolSwiper .image-flicker-auto { overflow:hidden; border-radius:30px; position:relative; width:280px; height:280px; margin:10px auto 60px auto; }
.homea-tool .toolSwiper .image-flicker-auto img { position:absolute; top:0; left:0; width:100%; opacity:0; }
.homea-tool .toolSwiper .image-flicker-auto.landscape img { width:auto; height:280px; max-width:initial; translate:-50% 0; left:50%; }
.homea-tool .toolSwiper .image-flicker-auto img.active { opacity:1; }
.homea-tool .toolSwiper .text { font-size:22px; line-height:1.2em; margin-bottom:20px; }
.homea-tool .swiper-horizontal > .swiper-pagination-bullets, .homea-tool .swiper-pagination-bullets.swiper-pagination-horizontal { top:435px; bottom:initial; }
.homea-tool .swiper-pagination-bullet { height:10px; width:10px; border:1px solid #FFF; background:none; opacity:0.5; }
.homea-tool .swiper-pagination-bullet-active { background:#FFF;opacity:1;  }

/* Featured in */
.homea-featured { text-align:center; }
.homea-featured h4 { margin-top:85px; }
.homea-featured .marquee { margin:75px 0 95px 0; }
.homea-featured .marquee img { height:68px; display:block;-webkit-filter: invert(100%);  filter: invert(100%); }
.darkmode .homea-featured .marquee img { display:block; -webkit-filter: invert(0%); filter: invert(0%); }
.homea-featured .marquee { height:68px; --gap:80px; }

/* How it works */
.homea-how { position:relative; border-top:1px solid #000; border-bottom:1px solid #000; }
.homea-how .yellow { background:#FFD801; color:#000; height:5000px; z-index:10; }

.homea-how .panel { width:100%; min-height:100vh; text-align:center; position:relative; overflow:hidden; }
.homea-how .text-boxes { padding:0 20px; position:absolute; top:420px; left:0; width:100%; }
.homea-how .text-boxes.hidden { display:none; }
.homea-how .panel .panel-head { position:absolute; top:0; left:0; width:100%; padding-top:10px; }
.homea-how .panel .panel-title { position:absolute; top:270px; left:0; width:100%; font-family:'DrukCond-Super'; font-size:130px; font-weight:500; letter-spacing:-1px; text-transform:uppercase; line-height:1em; transition:font-size 0.4s ease; }
.homea-how .panel .panel-title.on { font-size:100px; }
.homea-how .panel .panel-sub {   font-size:34px; letter-spacing:-0.5px; line-height:1.2em; max-width:650px; margin:20px auto; }
.homea-how .panel .video-areas { position:relative; background:#FFF; width:60%; /*height:0; padding-bottom:56.25%;*/ margin:auto; top:870px; /*position:relative;*/z-index:5;  overflow:hidden; border-radius:20px; /*top:27vh!important;*/ }
.homea-how .panel .video { width:100%; height:0; padding-bottom:56.25%; }
.homea-how .panel .video video { width:100%; height:100%; position:absolute; top:0; left:0; }

.floaty { width:300px; min-height:350px; position:absolute; }
.floaty.f1 { right:5%; top:1550px; z-index:6; }
/* .floaty.f2 { left:8%; top:1950px; z-index:3; } */
.floaty.f3 { left:13%; top:1550px; z-index:6; }
.floaty.f4 { right:5%; top:2250px; z-index:6; }
.floaty.f5 { left:5%; top:2750px; z-index:6; }
.floaty.f6 { right:8%; top:3050px; z-index:3; }
.floaty.f7 { left:7%; top:3350px; z-index:6; }
.floaty.f8 { right:25%; top:3650px; z-index:6; }
/* .floaty.f9 { left:8%; top:9950px; z-index:3; } */

.floaty.f21 { left:3%; top:1550px; z-index:6; }
.floaty.f22 { right:8%; top:1550px; width:375px; z-index:6; }
.floaty.f23 { left:5%; top:2250px; z-index:6; }
.floaty.f24 { right:11%; top:2750px; z-index:6; }
.floaty.f25 { left:4%; top:3050px; z-index:6; }
.floaty.f26 { right:3%; top:3350px; z-index:6; }
.floaty.f27 { left:10%; top:3650px; z-index:6; }
.floaty.f28 { left:10%; top:4050px; z-index:6; }
.floaty.f29 { right:10%; top:4850px; z-index:6; }

.floaty.f30 { left:3%; top:1550px; z-index:6; }
.floaty.f31 { right:8%; top:1550px; z-index:6; }
.floaty.f32 { left:5%; top:2250px; z-index:6; }
.floaty.f33 { right:11%; top:2750px; z-index:6; }
.floaty.f34 { left:4%; top:3050px; z-index:6; }
.floaty.f35 { right:3%; top:3350px; z-index:6; }
.floaty.f36 { left:10%; top:3650px; z-index:6; }
.floaty.f37 { left:10%; top:4050px; width:600px; z-index:6; }

.floaty.f38 { left:3%; top:1550px; z-index:6; }
.floaty.f39 { right:8%; top:1550px; z-index:6; }
.floaty.f40 { left:5%; top:2050px; z-index:6; }
.floaty.f41 { right:11%; top:2250px; z-index:6; }
.floaty.f42 { left:4%; top:2750px; z-index:6; }
.floaty.f43 { right:3%; top:2750px; z-index:6; }
.floaty.f44 { left:10%; top:3250px; z-index:6; }
.floaty.f45 { left:2%; top:5750px; z-index:6; }
.floaty.f46 { right:18%; top:3750px; z-index:6; }
.floaty.f47 { left:10%; top:4050px; z-index:6; }
.floaty.f48 { right:3%; top:4250px; z-index:6; }
.floaty.f49 { left:10%; top:4550px; width:600px; z-index:6; }
.floaty.f50 { right:21%; top:4750px; z-index:6; }
.floaty.f51 { left:10%; top:5050px; z-index:6; }
.floaty.f52 { right:13%; top:5250px; z-index:6; }
.floaty.f53 { left:10%; top:5550px; z-index:6; }
.floaty.f54 { right:3%; top:5750px; z-index:6; }


.homea-how .red { background:#F9B1A3; color:#000; height:5500px; /*position:absolute; top:0; left:0;*/  z-index:9; /*transform:initial!important;*/ }
/* .homea-how .red.scrolled { position:relative; top:initial; left:initial; } */
.homea-how .pink { background:#FCA0E4; color:#000; height:5500px; z-index:9; }
.homea-how .green { background:#C9D6A8; color:#000; height:7300px; z-index:9; }

/*display:flex;
justify-content: center;
align-items: center;
font-weight: 600;
font-size: 1.5em;
text-align: center;
color: white;
position: relative;
padding: 10px;
}*/

/* Metrics block */
.homea-metrics { text-align:center; padding-bottom:85px; }
.homea-metrics h4 { padding-top:85px; margin-bottom:54px; }
.homea-metrics .animCounter { font-size:100px; line-height:1.1em; letter-spacing:-6px; font-family:'HelveticaNow-Regular', sans-serif; margin:15px 0; }
.homea-metrics .col-lg-3 { text-align:left; }
.homea-metrics .text { font-size:26px; line-height:1.3em; }


/* Quotes block */
.homea-quotes { border-top:1px solid #000; border-bottom:1px solid #000; }
.darkmode .homea-quotes { border-top:1px solid #000; border-bottom:1px solid #000; }
.quoteSwiper { width:100%; height:90vh; }
.quoteSwiper .swiper-slide { display:flex; align-items:center; justify-content:center; color:#070707; text-align:center; }
.quoteSwiper .swiper-slide .quote { font-family:'DrukCond-Super'; font-size:124px; font-weight:500; letter-spacing:-1px; line-height:1em; text-transform:uppercase; margin-bottom:50px; max-width:900px; }
.quoteSwiper .swiper-slide .attr { font-size:30px; line-height:1.3em; position:absolute; bottom:100px; left:0; width:100%; }
.quoteSwiper .swiper-slide .attr img { margin-bottom:25px; }

.quoteSwiper .content { position:initial; }

/* CTA block */
.homea-cta { background:#D6FE50; text-align:center; color:#000; padding:120px 0 90px 0; }
.homea-cta h2 { text-transform:uppercase; font-size:80px; letter-spacing:-2px; line-height:1.2em; margin-bottom:94px; }
.homea-cta .button { background:#000; color:#FFF; border-color:#000; margin:0 20px; }
.homea-cta h4 { text-transform:uppercase; margin:90px 0 35px 0; }

.homea-cta .marquee { margin:75px 0 95px 0; }
.homea-cta .marquee img { height:68px; }
.homea-cta .marquee { height:68px; --gap:80px; }

.gray { background-color: #777; }
.blue { background-color: #2c7ad2; }
.orange { background-color: #e77614; }
.red { background-color: #c82736; }
.purple { background-color: #8d3dae; }
.green { background-color: #28a92b; }









.line {
width: 100%;
height: 8px;
margin: 0 0 10px 0;
position: relative;
display: block;
background-color: rgba(255,255,255,1);
}








.homea-access { background:#FFF; padding:60px;  }
.homea-access-card { background:#000; color:#333; border-radius:20px; padding:0 70px 70px 70px; width:100%; position:relative; }
.homea-access-card h4 { text-align:center; color:#FFF; padding:40px; margin:0; }
.homea-access .button-area { text-align:center; margin-top:100px; }
.homea-access .button-area .button { color:#000; border-color:#000; background:#FFF; }
.darkmode .homea-access .button-area .button { color:#FFF; border-color:#FFF; background:#000; }
.darkmode .homea-access { background:#000; }
.darkmode .homea-access-card { background:#FFF; color:#D3D3D3; }
.darkmode .homea-access-card h4 { color:#000; }





.homea-whitepaper { background:#FFF; padding:60px;  }
.homea-whitepaper-card { background:#000; color:#FFF; border-radius:20px; padding:0 70px 70px 70px; width:100%; position:relative; font-family:'HelveticaNow-Light', sans-serif; font-weight:normal; font-size:1.3em; line-height:1.3em;}
.homea-whitepaper-card h4 { text-align:center; color:#FFF; padding:40px; margin:0; }
.homea-whitepaper .button-area { text-align:center; margin-top:100px; }
.homea-whitepaper .button-area .button { color:#000; border-color:#000; background:#FFF; }
.darkmode .homea-whitepaper .button-area .button { color:#FFF; border-color:#FFF; background:#000; }
.darkmode .homea-whitepaper { background:#000; }
.darkmode .homea-whitepaper-card { background:#FFF; color:#000; }
.darkmode .homea-whitepaper-card h4 { color:#000; }
.homea-whitepaper .whitepaper-img { padding:48px 50px 0 50px; }



.join-points { font-size:36px; line-height:1.2em; max-width:97%; }
.join-points .point { margin:0.5em 0; }
.join-points .point { color:#FFF; transition:color 0.4s ease; }
.darkmode .join-points .point{ color:#000; }

.cards { position:relative; /*top:-160px; right:60px;*/ list-style-type:none; padding:0; max-width:660px; margin:10% auto 0; transition:all 0.4s ease; pointer-events:none; }
.card { position:absolute; top:0; left:0; opacity:0; border-radius:5px; overflow:hidden; }
.card .light { display:block; }
.card .dark { display:none; }
.darkmode .card .light { display:none; }
.darkmode .card .dark { display:block; }
.card--current { opacity:1; position:relative; z-index:10; }
/* .card { position:absolute; top:0; left:0; z-index:2; border-radius:5px; overflow:hidden; box-shadow:4px 4px 20px rgba(0,0,0,0.4);
  transform:rotate3d(0.5, 1, 0.2, 45deg) translateX(250px) translateY(-200px) scale(1); transform-origin:center;
  transition: transform 0.6s cubic-bezier(.8,.2,.1,0.8) 0.1s, opacity 0.6s ease;
  user-select: none;
  opacity:0;
} */
.cards.cards--active { position:relative; top:0px; right:60px; list-style-type:none; padding:0; max-width:770px; margin:20% auto 0; }

.cards--active .card { position:absolute; top:0; left:0; z-index:2; border-radius:5px; overflow:hidden; box-shadow:4px 4px 20px rgba(0,0,0,0.4);
  transform:rotate3d(0.5, 1, 0.2, 45deg) translateX(250px) translateY(-200px) scale(1); transform-origin:center;
  transition: transform 0.6s cubic-bezier(.8,.2,.1,0.8) 0.1s, opacity 0.6s ease;
  user-select: none;
  opacity:0;
}
.darkmode .cards--active .card { box-shadow:4px 4px 20px rgba(255,255,255,0.4); }
 /* Holding area for none-visible cards */
.cards--active .card--next4 { z-index:2; transform:rotate3d(0.5, 1, 0.2, 45deg) translateX(200px) translateY(-160px) scale(1); opacity:1; }
.cards--active .card--next3 { z-index:3; transform:rotate3d(0.5, 1, 0.2, 45deg) translateX(150px) translateY(-120px) scale(1); opacity:1; }
.cards--active .card--next2 { z-index:4; transform:rotate3d(0.5, 1, 0.2, 45deg) translateX(100px) translateY(-80px) scale(1); opacity:1; }
.cards--active .card--next { z-index:5; transform:rotate3d(0.5, 1, 0.2, 45deg) translateX(50px) translateY(-40px) scale(1); opacity:1; }
.cards--active .card--current { position:relative; z-index:10; transform: rotate3d(0.5, 1, 0.2, 45deg) translateX(0px) translateY(0px) scale(1); opacity:1; }

.cards--active .card--out { animation:card-out 0.6s cubic-bezier(.8,.2,.1,0.8); transform:rotate3d(0.5, 1, 0.2, 45deg) translateX(150px) translateY(-120px) scale(1); z-index:1; /*opacity:0;*/ }

/* @keyframes card-out {
	0% { z-index:20; transform:rotate3d(0.5, 1, 0.2, 45deg) translateY(0px); }
	50% { transform:rotate3d(0.5, 1, 0.2, 45deg) translateX(0px) translateY(-130%); }
	80% { z-index:1; }
	100% { transform:rotate3d(0.5, 1, 0.2, 45deg) translateX(140px) translateY(-120px) scale(1); opacity:0; }
} */
@-moz-keyframes card-out {
	0% { z-index:20; transform:rotate3d(0.5, 1, 0.2, 45deg) translateY(0px); }
	50% { transform:rotate3d(0.5, 1, 0.2, 45deg) translateX(0px) translateY(-130%); }
	80% { z-index:1; }
	100% { transform:rotate3d(0.5, 1, 0.2, 45deg) translateX(140px) translateY(-120px) scale(1); /*opacity:0;*/ }
}
@-webkit-keyframes card-out {
	0% { z-index:20; transform:rotate3d(0.5, 1, 0.2, 45deg) translateY(0px); }
	50% { transform:rotate3d(0.5, 1, 0.2, 45deg) translateX(0px) translateY(-130%); }
	80% { z-index:1; }
	100% { transform:rotate3d(0.5, 1, 0.2, 45deg) translateX(140px) translateY(-120px) scale(1); /*opacity:0;*/ }
}



@media (max-height: 950px){
	.homea-solutions .tag-cloud .tc-tag { font-size:18px; border-radius:12px; padding:8px 13px; margin:7px; }
	.darkmode .homea-solutions .tag-cloud .tc-tag { border-radius:12px; }
	.darkmode .homea-solutions .tag-cloud .tc-tag.animated-dots { padding:9px 7px 9px 14px; }
	.animated-dots div { height:6px; width:6px; }
	@-moz-keyframes bounce {
		0%,20% {-webkit-transform: translate(0,0);}
		50% {-webkit-transform: translate(0,-10px);/*background:#1A1A1A;*/}
		80%, 100% {-webkit-transform: translate(0,0);};
	}
	@-webkit-keyframes bounce {
		0%,20% {-webkit-transform: translate(0,0);}
		50% {-webkit-transform: translate(0,-10px);/*background:#1A1A1A;*/}
		80%, 100% {-webkit-transform: translate(0,0);};
	}
	
	.homea-tool h4 { padding-top:55px; }
	.homea-tool .col-slide-up .title { /*font-size:50px;*/ padding:30px 0 20px 0; line-height:1.2em; }
	.homea-tool .col-slide-up { padding:40px 15px 0 15px; }
	.homea-tool .col-slide-up .text { font-size:20px; line-height:1.2em; margin-top:20px; }
	
	.homea-how .panel .panel-title { /*margin-top:20vh;*/ /*font-size:110px; letter-spacing:-0.6px; line-height:1em;*/ }
	.homea-how .panel .panel-sub { font-size:28px; line-height:1.2em; letter-spacing:-0.3px;}
/* 	.homea-how .panel .video-areas { margin-top:500px; } */
	
	.homea-access { padding:30px; overflow:hidden; }
	.cards { max-width:90%; top:0px; margin:8% auto 0; }
	.cards.cards--active { max-width:90%; top:0; right:80px; }
	.homea-access-card { padding:0 30px 70px 30px; }
	.join-points { font-size:26px; line-height:1.2em; }
	
	.homea-whitepaper { padding:30px; overflow:hidden; }
	.homea-whitepaper-card { padding:0 30px 70px 30px; font-size:1em; }
	
	.quoteSwiper .swiper-slide .quote { font-size:110px; letter-spacing:-0.6px; line-height:1em; }
	.quoteSwiper .swiper-slide .attr { font-size:24px; line-height:1.3em; bottom:60px; }
	
	.homea-cta { padding-top:90px; }
	.homea-cta h2 { font-size:60px; letter-spacing:-1.1px; line-height:1.2em; margin-bottom:70px; }
	.homea-cta .button { margin:0 15px; }
	.button.xlarge { font-size:24px; height:64px; line-height:62px; padding:0 50px; }
	
	.homea-access .button-area { text-align:left; margin-top:30px; }
	.homea-whitepaper .button-area { text-align:left; margin-top:30px; }
}



@media (max-width: 1500px){
/* 	.page { padding-top:110px; } */
	.header-banner { top:110px; }
	
/* 	.homea-intro h1 { font-size:42px; line-height:1.3em; } */
	
	.homea-solutions .tag-cloud .tc-tag { font-size:18px; border-radius:12px; padding:8px 13px; margin:7px; }
	.darkmode .homea-solutions .tag-cloud .tc-tag { border-radius:12px; }
	.darkmode .homea-solutions .tag-cloud .tc-tag.animated-dots { padding:9px 7px 9px 14px; }
	.animated-dots div { height:6px; width:6px; }
	@-moz-keyframes bounce {
		0%,20% {-webkit-transform: translate(0,0);}
		50% {-webkit-transform: translate(0,-10px);/*background:#1A1A1A;*/}
		80%, 100% {-webkit-transform: translate(0,0);};
	}
	@-webkit-keyframes bounce {
		0%,20% {-webkit-transform: translate(0,0);}
		50% {-webkit-transform: translate(0,-10px);/*background:#1A1A1A;*/}
		80%, 100% {-webkit-transform: translate(0,0);};
	}
	
	.homea-tool h4 { padding-top:55px; }
	.homea-tool .col-slide-up .title { /*font-size:50px;*/ padding:30px 0 20px 0; line-height:1.2em; }
	.homea-tool .col-slide-up { padding:40px 15px 0 15px; }
	.homea-tool .col-slide-up .text { font-size:20px; line-height:1.2em; margin-top:20px; }
	
	.homea-metrics h4 { padding-top:55px; }
	.homea-metrics .col-lg-3 { padding:0 30px; }
	.homea-metrics .animCounter { font-size:80px; line-height:1.1em; letter-spacing:-6px;}
	.homea-metrics .text { font-size:20px; line-height:1.3em; }
	
	.homea-access { padding:30px; overflow:hidden; }
	.cards { max-width:90%; top:0px; margin:12% auto 0; }
	.cards.cards--active { max-width:70%; top:0; right:80px; }
	.homea-access-card { padding:0 30px 70px 30px; }
	.join-points { font-size:26px; line-height:1.2em; }
	
	.homea-whitepaper { padding:30px; overflow:hidden; }
	.homea-whitepaper-card { padding:0 30px 70px 30px; font-size:1em; }
	
	.quoteSwiper .swiper-slide .quote { font-size:110px; letter-spacing:-0.6px; line-height:1em; }
	.quoteSwiper .swiper-slide .attr { font-size:24px; line-height:1.3em; }
	
	.homea-how .panel .panel-title { /*margin-top:20vh;*/ /*font-size:110px; letter-spacing:-0.6px; line-height:1em;*/ }
	.homea-how .panel .panel-sub { font-size:28px; line-height:1.2em; letter-spacing:-0.3px;}
/* 	.homea-how .panel .video-areas { margin-top:500px; } */
	.floaty { width:250px; }
	.floaty.f37 { width:500px; }
	
	.homea-featured h4 { margin-top:55px; }
	
	.homea-cta { padding-top:90px; }
	.homea-cta h2 { font-size:60px; letter-spacing:-1.1px; line-height:1.2em; margin-bottom:70px; }
	.homea-cta .button { margin:0 15px; }
	.button.xlarge { font-size:24px; height:64px; line-height:62px; padding:0 50px; }
	
	.homea-access .button-area { text-align:left; margin-top:30px; }
	.homea-whitepaper .button-area { text-align:left; margin-top:30px; }
	
}

@media (max-width:1200px){
	.homea-tool .col-slide-up { padding-left:10px; padding-right:10px; }
	.cards.cards--active { top:95px; }
	.homea-tool .col-slide-up .title { font-size:50px; }
	.homea-intro h1 { font-size:42px; line-height:1.3em; }
}

@media (max-width:991px){
	/* 
	* iPad 9th Gen
	* iPad Air 5th Gen
	*/

}
@media (max-width:960px){
.homea-metrics .col-lg-3 { margin-bottom:40px; }
.homea-cta { padding-bottom:10px;}

}

@media (max-width:768px){
	.header-banner { position:relative; top:63px; padding:10px; }
	/* 
	* iPad mini 6th Gen 
	*/
	h4 { font-size:17px; }
	.page { padding-top:63px; }
	.homea-intro h1 { font-size:22px; line-height:1.3em; }
	
	.homea-solutions .tag-cloud .tc-tag { font-size:13px; border-radius:11px; padding:4px 10px; margin:6px; }
	.darkmode .homea-solutions .tag-cloud .tc-tag { border-radius:11px; }
	.darkmode .homea-solutions .tag-cloud .tc-tag.animated-dots { padding:5px 5px 4px 11px; }
	.animated-dots div { height:4px; width:4px; }
	@-moz-keyframes bounce {
		0%,20% {-webkit-transform: translate(0,0);}
		50% {-webkit-transform: translate(0,-5px);/*background:#1A1A1A;*/}
		80%, 100% {-webkit-transform: translate(0,0);};
	}
	@-webkit-keyframes bounce {
		0%,20% {-webkit-transform: translate(0,0);}
		50% {-webkit-transform: translate(0,-5px);/*background:#1A1A1A;*/}
		80%, 100% {-webkit-transform: translate(0,0);};
	}
	
	.homea-featured h4 { margin-top:45px; }
	.homea-featured .marquee { height:48px; --gap:40px; }
	.homea-featured .marquee { margin:35px 0 55px 0; }
	.homea-featured .marquee img { height:44px; }
	
	.homea-tool { height:auto; }
	.homea-tool h4 { padding-top:40px; }
	
	.homea-how .panel { padding-top:40px; }
	.homea-how h4 { font-size:17px; }
	.homea-how .panel .panel-head { /*padding-top:0;*/ /*margin-top:-20px;*/ }
	.homea-how .panel .panel-title { /*margin-top:100px; margin-bottom:26px; */font-size:74px; letter-spacing:0; }
	.homea-how .panel .panel-title.on { font-size:64px; }
	.homea-how .panel .panel-sub { font-size:18px; line-height:1.2em; }
	.homea-how .panel .video-areas { width:90%; margin:auto; /*margin-top:600px;*/ }
	.floaty { width:150px; min-height:175px; position:absolute; z-index:5!important; }
	
	.floaty.f49 { left:1%; width:95%; }
	.floaty.f22 { right:2%; width:50%; }
	.floaty.f37 { width:80%; left:6%; }

	.homea-metrics { padding-bottom:30px; }
	.homea-metrics h4 { font-size:17px; }
	.homea-metrics img { width:40px; }
	.homea-metrics .animCounter { font-size:50px; margin:5px 0; }
	.homea-metrics .text { font-size:14px; line-height:1.3em; }
	
	.homea-access { padding:20px 5px 20px 5px;  }
	.homea-access-card h4 { padding:30px 0; font-size:17px; }
	.homea-access-card { padding:0 15px 40px 15px; }
	.homea-access-card  .join-points { max-width:95%; font-size:16px; line-height:1.2em; }
	.homea-access .cards { top:initial; /*bottom:30px; right:30%;*/ margin-top:25%; }
	
	.homea-whitepaper { padding:20px 5px 20px 5px;  }
	.homea-whitepaper-card h4 { padding:30px 0; font-size:17px; }
	.homea-whitepaper-card { padding:0 15px 40px 15px; }
	.homea-whitepaper .whitepaper-img { padding:0;}
	
	.quoteSwiper .swiper-slide .quote { font-size:40px; line-height:1em; letter-spacing:0;}
	.quoteSwiper .swiper-slide .attr { font-size:14px; }
	.quoteSwiper .swiper-slide .attr img { width:30px; }
	
	.homea-cta { padding:50px 0 10px 0; }
	.homea-cta .marquee { height:48px; --gap:40px; }
	.homea-cta .marquee { margin:35px 0 55px 0; }
	.homea-cta .marquee img { height:44px; }
	
	.homea-cta h2 { font-size:30px; letter-spacing:-1px; line-height:1.2em; margin-bottom:40px; }
	.homea-cta h4 { margin-top:40px; }
	.homea-cta .button { margin:10px 6px; }
	.button.xlarge { font-size:16px; line-height:48px; height:50px; padding:0 27px; }
}

@media (max-width:576px){
	/* 
	* iPhone 13 Pro Max
	* iPhone 13 Mini
	* iPhone SE
	*/
	
}

@media (max-width:372px){
	/* 
	* iPod touch
	*/

}