html .visible-device-mobile, html tr.visible-device-mobile, html th.visible-device-mobile, html td.visible-device-mobile {
display: none !important; }
html .visible-ios, html tr.visible-ios, html th.visible-ios, html td.visible-ios {
display: none !important; }
html .visible-android, html tr.visible-android, html th.visible-android, html td.visible-android {
display: none !important; }
html .hidden-device-mobile {
display: block !important; }
html table.hidden-device-mobile {
display: table; }
html tr.hidden-device-mobile {
display: table-row !important; }
html th.hidden-device-mobile, html td.hidden-device-mobile {
display: table-cell !important; }
html .hidden-ios {
display: block !important; }
html table.hidden-ios {
display: table; }
html tr.hidden-ios {
display: table-row !important; }
html th.hidden-ios, html td.hidden-ios {
display: table-cell !important; }
html .hidden-android {
display: block !important; }
html table.hidden-android {
display: table; }
html tr.hidden-android {
display: table-row !important; }
html th.hidden-android, html td.hidden-android {
display: table-cell !important; }
html .visible-asana-logged-in, html tr.visible-asana-logged-in, html th.visible-asana-logged-in, html td.visible-asana-logged-in {
display: none !important; }
html .hidden-asana-logged-in {
display: block !important; }
html table.hidden-asana-logged-in {
display: table; }
html tr.hidden-asana-logged-in {
display: table-row !important; }
html th.hidden-asana-logged-in, html td.hidden-asana-logged-in {
display: table-cell !important; }
html.asana-is-logged-in .visible-device-mobile, html.asana-is-logged-in tr.visible-device-mobile, html.asana-is-logged-in th.visible-device-mobile, html.asana-is-logged-in td.visible-device-mobile {
display: none !important; }
html.asana-is-logged-in .visible-ios, html.asana-is-logged-in tr.visible-ios, html.asana-is-logged-in th.visible-ios, html.asana-is-logged-in td.visible-ios {
display: none !important; }
html.asana-is-logged-in .visible-android, html.asana-is-logged-in tr.visible-android, html.asana-is-logged-in th.visible-android, html.asana-is-logged-in td.visible-android {
display: none !important; }
html.asana-is-logged-in .hidden-device-mobile {
display: block !important; }
html.asana-is-logged-in table.hidden-device-mobile {
display: table; }
html.asana-is-logged-in tr.hidden-device-mobile {
display: table-row !important; }
html.asana-is-logged-in th.hidden-device-mobile, html.asana-is-logged-in td.hidden-device-mobile {
display: table-cell !important; }
html.asana-is-logged-in .hidden-ios {
display: block !important; }
html.asana-is-logged-in table.hidden-ios {
display: table; }
html.asana-is-logged-in tr.hidden-ios {
display: table-row !important; }
html.asana-is-logged-in th.hidden-ios, html.asana-is-logged-in td.hidden-ios {
display: table-cell !important; }
html.asana-is-logged-in .hidden-android {
display: block !important; }
html.asana-is-logged-in table.hidden-android {
display: table; }
html.asana-is-logged-in tr.hidden-android {
display: table-row !important; }
html.asana-is-logged-in th.hidden-android, html.asana-is-logged-in td.hidden-android {
display: table-cell !important; }
html.asana-is-logged-in .visible-device-mobile.visible-asana-logged-in, html.asana-is-logged-in tr.visible-device-mobile.visible-asana-logged-in, html.asana-is-logged-in th.visible-device-mobile.visible-asana-logged-in, html.asana-is-logged-in td.visible-device-mobile.visible-asana-logged-in {
display: none !important; }
html.asana-is-logged-in .visible-ios.visible-asana-logged-in, html.asana-is-logged-in tr.visible-ios.visible-asana-logged-in, html.asana-is-logged-in th.visible-ios.visible-asana-logged-in, html.asana-is-logged-in td.visible-ios.visible-asana-logged-in {
display: none !important; }
html.asana-is-logged-in .visible-android.visible-asana-logged-in, html.asana-is-logged-in tr.visible-android.visible-asana-logged-in, html.asana-is-logged-in th.visible-android.visible-asana-logged-in, html.asana-is-logged-in td.visible-android.visible-asana-logged-in {
display: none !important; }
html.asana-is-logged-in .hidden-device-mobile.visible-asana-logged-in {
display: block !important; }
html.asana-is-logged-in table.hidden-device-mobile.visible-asana-logged-in {
display: table; }
html.asana-is-logged-in tr.hidden-device-mobile.visible-asana-logged-in {
display: table-row !important; }
html.asana-is-logged-in th.hidden-device-mobile.visible-asana-logged-in, html.asana-is-logged-in td.hidden-device-mobile.visible-asana-logged-in {
display: table-cell !important; }
html.asana-is-logged-in .hidden-ios.visible-asana-logged-in {
display: block !important; }
html.asana-is-logged-in table.hidden-ios.visible-asana-logged-in {
display: table; }
html.asana-is-logged-in tr.hidden-ios.visible-asana-logged-in {
display: table-row !important; }
html.asana-is-logged-in th.hidden-ios.visible-asana-logged-in, html.asana-is-logged-in td.hidden-ios.visible-asana-logged-in {
display: table-cell !important; }
html.asana-is-logged-in .hidden-android.visible-asana-logged-in {
display: block !important; }
html.asana-is-logged-in table.hidden-android.visible-asana-logged-in {
display: table; }
html.asana-is-logged-in tr.hidden-android.visible-asana-logged-in {
display: table-row !important; }
html.asana-is-logged-in th.hidden-android.visible-asana-logged-in, html.asana-is-logged-in td.hidden-android.visible-asana-logged-in {
display: table-cell !important; }
html.asana-is-logged-in .visible-asana-logged-in {
display: block !important; }
html.asana-is-logged-in table.visible-asana-logged-in {
display: table; }
html.asana-is-logged-in tr.visible-asana-logged-in {
display: table-row !important; }
html.asana-is-logged-in th.visible-asana-logged-in, html.asana-is-logged-in td.visible-asana-logged-in {
display: table-cell !important; }
html.asana-is-logged-in .hidden-asana-logged-in, html.asana-is-logged-in tr.hidden-asana-logged-in, html.asana-is-logged-in th.hidden-asana-logged-in, html.asana-is-logged-in td.hidden-asana-logged-in {
display: none !important; }
html.asana-is-logged-in.device-mobile .visible-device-mobile.visible-asana-logged-in {
display: block !important; }
html.asana-is-logged-in.device-mobile table.visible-device-mobile.visible-asana-logged-in {
display: table; }
html.asana-is-logged-in.device-mobile tr.visible-device-mobile.visible-asana-logged-in {
display: table-row !important; }
html.asana-is-logged-in.device-mobile th.visible-device-mobile.visible-asana-logged-in, html.asana-is-logged-in.device-mobile td.visible-device-mobile.visible-asana-logged-in {
display: table-cell !important; }
html.asana-is-logged-in.device-mobile .hidden-device-mobile.hidden-asana-logged-in, html.asana-is-logged-in.device-mobile tr.hidden-device-mobile.hidden-asana-logged-in, html.asana-is-logged-in.device-mobile th.hidden-device-mobile.hidden-asana-logged-in, html.asana-is-logged-in.device-mobile td.hidden-device-mobile.hidden-asana-logged-in {
display: none !important; }
html.asana-is-logged-in.device-mobile .hidden-ios.hidden-asana-logged-in, html.asana-is-logged-in.device-mobile tr.hidden-ios.hidden-asana-logged-in, html.asana-is-logged-in.device-mobile th.hidden-ios.hidden-asana-logged-in, html.asana-is-logged-in.device-mobile td.hidden-ios.hidden-asana-logged-in {
display: none !important; }
html.asana-is-logged-in.device-mobile .hidden-android.hidden-asana-logged-in, html.asana-is-logged-in.device-mobile tr.hidden-android.hidden-asana-logged-in, html.asana-is-logged-in.device-mobile th.hidden-android.hidden-asana-logged-in, html.asana-is-logged-in.device-mobile td.hidden-android.hidden-asana-logged-in {
display: none !important; }
html.asana-is-logged-in.device-android .visible-device-mobile.visible-asana-logged-in {
display: block !important; }
html.asana-is-logged-in.device-android table.visible-device-mobile.visible-asana-logged-in {
display: table; }
html.asana-is-logged-in.device-android tr.visible-device-mobile.visible-asana-logged-in {
display: table-row !important; }
html.asana-is-logged-in.device-android th.visible-device-mobile.visible-asana-logged-in, html.asana-is-logged-in.device-android td.visible-device-mobile.visible-asana-logged-in {
display: table-cell !important; }
html.asana-is-logged-in.device-android .visible-android.visible-asana-logged-in {
display: block !important; }
html.asana-is-logged-in.device-android table.visible-android.visible-asana-logged-in {
display: table; }
html.asana-is-logged-in.device-android tr.visible-android.visible-asana-logged-in {
display: table-row !important; }
html.asana-is-logged-in.device-android th.visible-android.visible-asana-logged-in, html.asana-is-logged-in.device-android td.visible-android.visible-asana-logged-in {
display: table-cell !important; }
html.asana-is-logged-in.device-android .hidden-device-mobile.visible-asana-logged-in, html.asana-is-logged-in.device-android tr.hidden-device-mobile.visible-asana-logged-in, html.asana-is-logged-in.device-android th.hidden-device-mobile.visible-asana-logged-in, html.asana-is-logged-in.device-android td.hidden-device-mobile.visible-asana-logged-in {
display: none !important; }
html.asana-is-logged-in.device-android .hidden-android.visible-asana-logged-in, html.asana-is-logged-in.device-android tr.hidden-android.visible-asana-logged-in, html.asana-is-logged-in.device-android th.hidden-android.visible-asana-logged-in, html.asana-is-logged-in.device-android td.hidden-android.visible-asana-logged-in {
display: none !important; }
html.asana-is-logged-in.device-ios .visible-device-mobile.visible-asana-logged-in {
display: block !important; }
html.asana-is-logged-in.device-ios table.visible-device-mobile.visible-asana-logged-in {
display: table; }
html.asana-is-logged-in.device-ios tr.visible-device-mobile.visible-asana-logged-in {
display: table-row !important; }
html.asana-is-logged-in.device-ios th.visible-device-mobile.visible-asana-logged-in, html.asana-is-logged-in.device-ios td.visible-device-mobile.visible-asana-logged-in {
display: table-cell !important; }
html.asana-is-logged-in.device-ios .visible-ios.visible-asana-logged-in {
display: block !important; }
html.asana-is-logged-in.device-ios table.visible-ios.visible-asana-logged-in {
display: table; }
html.asana-is-logged-in.device-ios tr.visible-ios.visible-asana-logged-in {
display: table-row !important; }
html.asana-is-logged-in.device-ios th.visible-ios.visible-asana-logged-in, html.asana-is-logged-in.device-ios td.visible-ios.visible-asana-logged-in {
display: table-cell !important; }
html.asana-is-logged-in.device-ios .hidden-device-mobile.visible-asana-logged-in, html.asana-is-logged-in.device-ios tr.hidden-device-mobile.visible-asana-logged-in, html.asana-is-logged-in.device-ios th.hidden-device-mobile.visible-asana-logged-in, html.asana-is-logged-in.device-ios td.hidden-device-mobile.visible-asana-logged-in {
display: none !important; }
html.asana-is-logged-in.device-ios .hidden-ios.visible-asana-logged-in, html.asana-is-logged-in.device-ios tr.hidden-ios.visible-asana-logged-in, html.asana-is-logged-in.device-ios th.hidden-ios.visible-asana-logged-in, html.asana-is-logged-in.device-ios td.hidden-ios.visible-asana-logged-in {
display: none !important; }
html.device-mobile .visible-device-mobile {
display: block !important; }
html.device-mobile table.visible-device-mobile {
display: table; }
html.device-mobile tr.visible-device-mobile {
display: table-row !important; }
html.device-mobile th.visible-device-mobile, html.device-mobile td.visible-device-mobile {
display: table-cell !important; }
html.device-mobile .hidden-device-mobile, html.device-mobile tr.hidden-device-mobile, html.device-mobile th.hidden-device-mobile, html.device-mobile td.hidden-device-mobile {
display: none !important; }
html.device-mobile .hidden-ios, html.device-mobile tr.hidden-ios, html.device-mobile th.hidden-ios, html.device-mobile td.hidden-ios {
display: none !important; }
html.device-mobile .hidden-android, html.device-mobile tr.hidden-android, html.device-mobile th.hidden-android, html.device-mobile td.hidden-android {
display: none !important; }
html.device-mobile body {
overflow-x: hidden; }
html.device-android .visible-device-mobile {
display: block !important; }
html.device-android table.visible-device-mobile {
display: table; }
html.device-android tr.visible-device-mobile {
display: table-row !important; }
html.device-android th.visible-device-mobile, html.device-android td.visible-device-mobile {
display: table-cell !important; }
html.device-android .visible-android {
display: block !important; }
html.device-android table.visible-android {
display: table; }
html.device-android tr.visible-android {
display: table-row !important; }
html.device-android th.visible-android, html.device-android td.visible-android {
display: table-cell !important; }
html.device-android .hidden-device-mobile, html.device-android tr.hidden-device-mobile, html.device-android th.hidden-device-mobile, html.device-android td.hidden-device-mobile {
display: none !important; }
html.device-android .hidden-android, html.device-android tr.hidden-android, html.device-android th.hidden-android, html.device-android td.hidden-android {
display: none !important; }
html.device-ios .visible-device-mobile {
display: block !important; }
html.device-ios table.visible-device-mobile {
display: table; }
html.device-ios tr.visible-device-mobile {
display: table-row !important; }
html.device-ios th.visible-device-mobile, html.device-ios td.visible-device-mobile {
display: table-cell !important; }
html.device-ios .visible-ios {
display: block !important; }
html.device-ios table.visible-ios {
display: table; }
html.device-ios tr.visible-ios {
display: table-row !important; }
html.device-ios th.visible-ios, html.device-ios td.visible-ios {
display: table-cell !important; }
html.device-ios .hidden-device-mobile, html.device-ios tr.hidden-device-mobile, html.device-ios th.hidden-device-mobile, html.device-ios td.hidden-device-mobile {
display: none !important; }
html.device-ios .hidden-ios, html.device-ios tr.hidden-ios, html.device-ios th.hidden-ios, html.device-ios td.hidden-ios {
display: none !important; }
.show {
display: block !important; }
.hidden {
display: none !important; }
.invisible {
visibility: hidden; }
.fullHeight {
height: 100%; }
.img--center {
display: block;
margin-left: auto;
margin-right: auto; }
:root {
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%; }
audio:not([controls]) {
display: none; }
details {
display: block; }
input[type="number"] {
width: auto; }
input[type="search"] {
-webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
main {
display: block; }
summary {
display: block; }
pre {
overflow: auto; }
progress {
display: inline-block; }
small {
font-size: 75%; }
template {
display: none; }
textarea {
overflow: auto; }
[hidden] {
display: none; }
[unselectable] {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
:root {
box-sizing: border-box;
color: #676D76;
cursor: default;
font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
font-size: 14px;
font-smooth: always;
-webkit-font-smoothing: auto;
-moz-font-smoothing: auto;
line-height: 1.5;
transition: font-size 150ms;
vertical-align: top; }
@media (min-width: 30em) {
:root {
font-size: 16px; } }
*, ::after, ::before {
box-sizing: inherit;
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
text-decoration: inherit;
vertical-align: inherit; }
* {
margin: 0;
padding: 0;
cursor: inherit; }
body {
margin: 0; }
a, button, input[type="submit"], input, select, textarea {
cursor: initial; }
i, em {
font-style: italic; }
b, strong {
font-weight: bold; }
img, iframe {
border: 0; }
br {
margin-bottom: 20px; }
hr {
background-color: #E1E2E4;
border: none;
height: 1px;
margin: 20px 0;
width: 100%; }
::-moz-selection {
background-color: #80E6FF;
color: #49505B; }
::selection {
background-color: #80E6FF;
color: #49505B; }
::-moz-selection {
background-color: #80E6FF;
color: #49505B; }
@media screen {
[hidden~="screen"]:not(:active):not(:focus):not(:target) {
border: 0 none;
clip: rect(0, 0, 0, 0) !important;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px; } }
@media (min-width: 48em) {
.page--fullHeight, .page--fullHeight body {
height: 100%;
position: relative; } }
p {
margin-bottom: 20px; }
.p--large, .mediaGrid-tile--withasana p, .accordionList--term, .section--jobs-culture .culture-subhead, .section--jobs-peers .peers-subhead, .page--product .section--screenshots .screenshot-panel p, .page--customers #withasana-carousel .overlay p, .page--customer .section--customer-stories .stories-subhead, .page--app .app-page p, .page--app .apps-page p, .page--apps .app-page p, .page--apps .apps-page p, .page--apply-success p {
color: #676D76;
font-size: 1.375em; }
.p--large a, .mediaGrid-tile--withasana p a, .accordionList--term a, .section--jobs-culture .culture-subhead a, .section--jobs-peers .peers-subhead a, .page--product .section--screenshots .screenshot-panel p a, .page--customers #withasana-carousel .overlay p a, .page--customer .section--customer-stories .stories-subhead a, .page--app .app-page p a, .page--app .apps-page p a, .page--apps .app-page p a, .page--apps .apps-page p a, .page--apply-success p a {
font-weight: 400; }
.p--label, .card--article-source, .iconList-items h4, .iconList-items .button.button--card, .siteFooter-column-title, .footer .footer-column-title, .section--jobs-culture .culture-feature h4, .section--jobs-culture .culture-feature .button.button--card, .tableList th, .page--job h3, .page--pricing .mobile-pricing-table th, .page--app .app-page .app-content h3, .page--app .apps-page .app-content h3, .page--apps .app-page .app-content h3, .page--apps .apps-page .app-content h3 {
color: #49505B;
font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
font-size: 0.875em;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase; }
a {
background: transparent;
color: #1AAFD0;
cursor: pointer;
text-decoration: none;
transition: all 150ms; }
a:hover {
border-bottom: 1px solid #1AAFD0;
text-decoration: none; }
a:active, a:hover {
outline: 0; }
p a {
font-weight: 600; }
p a.button {
font-weight: 400; }
h1 a, .video-vimeo-with-bg .play-video .headline a, .page--app .app-page h1 a, .page--app .apps-page h1 a, .page--apps .app-page h1 a, .page--apps .apps-page h1 a, h2 a, .mediaGrid-tile--withasana h3 a, .page--customers #withasana-carousel .overlay h3 a, .page--pricing .section--pricing-social-proof h3 a, .page--app .app-page .block-main h3 a, .page--app .apps-page .block-main h3 a, .page--apps .app-page .block-main h3 a, .page--apps .apps-page .block-main h3 a, h3 a {
color: inherit; }
h1 a:hover, .video-vimeo-with-bg .play-video .headline a:hover, .page--app .app-page h1 a:hover, .page--app .apps-page h1 a:hover, .page--apps .app-page h1 a:hover, .page--apps .apps-page h1 a:hover, h1 a:focus, .video-vimeo-with-bg .play-video .headline a:focus, .page--app .app-page h1 a:focus, .page--app .apps-page h1 a:focus, .page--apps .app-page h1 a:focus, .page--apps .apps-page h1 a:focus, h2 a:hover, .mediaGrid-tile--withasana h3 a:hover, .page--customers #withasana-carousel .overlay h3 a:hover, .page--pricing .section--pricing-social-proof h3 a:hover, .page--app .app-page .block-main h3 a:hover, .page--app .apps-page .block-main h3 a:hover, .page--apps .app-page .block-main h3 a:hover, .page--apps .apps-page .block-main h3 a:hover, h2 a:focus, .mediaGrid-tile--withasana h3 a:focus, .page--customers #withasana-carousel .overlay h3 a:focus, .page--pricing .section--pricing-social-proof h3 a:focus, .page--app .app-page .block-main h3 a:focus, .page--app .apps-page .block-main h3 a:focus, .page--apps .app-page .block-main h3 a:focus, .page--apps .apps-page .block-main h3 a:focus, h3 a:hover, h3 a:focus {
color: inherit;
text-decoration: none; }
.link--secondary, .dialog--flow .forgot-password a, .dialog--flow .footnote a {
color: #A1A4AA;
border-bottom: 1px dotted #A1A4AA; }
.link--secondary:hover, .dialog--flow .forgot-password a:hover, .dialog--flow .footnote a:hover {
border-bottom: none; }
.link--background {
color: #fff;
border-bottom: 1px dotted #fff; }
.link--background:hover {
border-bottom: 1px solid #fff; }
code, pre, kbd, samp {
font-family: "Consolas", monospace;
font-size: 0.875em; }
pre {
padding: 15px 1.5em;
margin-bottom: 20px; }
code, pre {
background-color: #F8F8F9;
border: 1px solid #e8eaeb;
border-radius: 3px; }
p code {
padding: 3px 4px 1px;
vertical-align: 5%; }
pre code {
background-color: none;
border: none;
padding: 0; }
kbd {
background-color: #1B2432;
border-radius: 3px;
color: #fff;
padding: 3px 4px 1px;
vertical-align: 5%; }
blockquote {
color: #37c597;
font-size: 1.375em; }
blockquote a {
font-weight: 400; }
blockquote p {
color: #37c597;
font-family: "amasis", "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif; }
blockquote cite, blockquote footer {
display: block;
font: normal 600 80%/1 "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif; }
blockquote cite small, blockquote footer small {
display: block;
font-weight: 400;
margin-top: 10px; }
h1, .video-vimeo-with-bg .play-video .headline, .page--app .app-page h1, .page--app .apps-page h1, .page--apps .app-page h1, .page--apps .apps-page h1, h2, .mediaGrid-tile--withasana h3, .page--customers #withasana-carousel .overlay h3, .page--pricing .section--pricing-social-proof h3, .page--app .app-page .block-main h3, .page--app .apps-page .block-main h3, .page--apps .app-page .block-main h3, .page--apps .apps-page .block-main h3, h3, h4, .button.button--card, h5, h6 {
color: #1B2432;
font-weight: 400;
line-height: 1.25;
transition: font-size 150ms; }
h1, .video-vimeo-with-bg .play-video .headline, .page--app .app-page h1, .page--app .apps-page h1, .page--apps .app-page h1, .page--apps .apps-page h1, h2, .mediaGrid-tile--withasana h3, .page--customers #withasana-carousel .overlay h3, .page--pricing .section--pricing-social-proof h3, .page--app .app-page .block-main h3, .page--app .apps-page .block-main h3, .page--apps .app-page .block-main h3, .page--apps .apps-page .block-main h3, h3 {
margin: 30px 0 15px; }
h1, .video-vimeo-with-bg .play-video .headline, .page--app .app-page h1, .page--app .apps-page h1, .page--apps .app-page h1, .page--apps .apps-page h1, h2, .mediaGrid-tile--withasana h3, .page--customers #withasana-carousel .overlay h3, .page--pricing .section--pricing-social-proof h3, .page--app .app-page .block-main h3, .page--app .apps-page .block-main h3, .page--apps .app-page .block-main h3, .page--apps .apps-page .block-main h3, h3, h4, .button.button--card {
font-family: "haptik", "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif; }
h1, .video-vimeo-with-bg .play-video .headline, .page--app .app-page h1, .page--app .apps-page h1, .page--apps .app-page h1, .page--apps .apps-page h1 {
font-size: 2.57812em;
line-height: 1.1; }
@media (min-width: 48em) {
h1, .video-vimeo-with-bg .play-video .headline, .page--app .app-page h1, .page--app .apps-page h1, .page--apps .app-page h1, .page--apps .apps-page h1 {
font-size: 3.4375em; } }
h2, .mediaGrid-tile--withasana h3, .page--customers #withasana-carousel .overlay h3, .page--pricing .section--pricing-social-proof h3, .page--app .app-page .block-main h3, .page--app .apps-page .block-main h3, .page--apps .app-page .block-main h3, .page--apps .apps-page .block-main h3 {
font-size: 1.875em; }
@media (min-width: 48em) {
h2, .mediaGrid-tile--withasana h3, .page--customers #withasana-carousel .overlay h3, .page--pricing .section--pricing-social-proof h3, .page--app .app-page .block-main h3, .page--app .apps-page .block-main h3, .page--apps .app-page .block-main h3, .page--apps .apps-page .block-main h3 {
font-size: 2.5em; } }
h3 {
font-size: 1.3125em; }
@media (min-width: 48em) {
h3 {
font-size: 1.75em; } }
h4, .button.button--card, h5, h6 {
margin: 10px 0; }
h5, h6 {
font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif; }
h4, .button.button--card {
font-size: 1.375em;
letter-spacing: .25px; }
h5 {
font-size: 1.125em; }
h6 {
font-size: 1em; }
.heading--serif {
font-family: "amasis", "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif; }
.circularButton {
background-color: #fff;
border: 1px solid #E1E2E4;
border-radius: 50%;
color: #B9BCC0;
display: inline-block;
fill: #B9BCC0;
font-size: 0.875em;
height: 30px;
text-align: center;
width: 30px; }
.circularButton:hover, .circularButton:focus {
background-color: #fff;
border-color: #6a67ce;
box-shadow: 0px 0px 0px 3px #6a67ce;
color: #6a67ce;
fill: #6a67ce;
outline: none; }
.circularButton:active {
background-color: #F8F8F9;
border-color: #E1E2E4;
box-shadow: inset 0px 1px 0px 0px #e1e2e4; }
.circularButton[disabled] {
cursor: default; }
.circularButton--cta {
background-color: #3be8b0;
border-color: #3be8b0;
color: #fff; }
.circularButton--cta:hover, .circularButton--cta:focus {
background-color: #3bf7d1;
border-color: #3bf7d1;
box-shadow: 0px 0px 0px 3px #9dfbe8; }
.circularButton--cta:active {
background: #3be8b0;
box-shadow: inset 0px 1px 0px 0px #37c597; }
.circularButton--small:hover, .circularButton--small:focus, .circularButton--xsmall:hover, .circularButton--xsmall:focus {
box-shadow: 0px 0px 0px 2px white; }
.circularButton--small {
height: 24px;
width: 24px; }
.circularButton--xsmall {
height: 16px;
width: 16px; }
.circularButton--background {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.65);
color: rgba(255, 255, 255, 0.85); }
.circularButton--background:hover {
border-color: #fff;
box-shadow: 0px 0px 0px 3px white;
color: #fff; }
.circularButton--background:active {
background-color: rgba(0, 0, 0, 0.2);
box-shadow: none; }
.circularButton--borderless {
border-color: transparent;
transition: all 150ms; }
.circularButton--borderless:hover, .circularButton--borderless:focus {
background-color: transparent;
border-color: transparent;
box-shadow: none;
zoom: 1.1; }
.circularButton--dashed {
border: 1px dashed #B9BCC0;
fill: none; }
.circularButton--dashed:hover, .circularButton--dashed:focus {
border-style: dashed;
box-shadow: none; }
.banner {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 20px; }
.banner:before, .banner:after {
content: "";
display: table; }
.banner:after {
clear: both; }
.banner-content {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.banner-content {
float: left;
width: 33.33333%; } }
.banner-content-title {
margin-top: 0; }
.banner-image {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
margin-top: 30px;
text-align: right; }
@media (min-width: 48em) {
.banner-image {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.banner-image {
margin-top: 0; } }
.banner--left .banner-image {
margin-bottom: 30px;
margin-top: 0;
text-align: left; }
@media (min-width: 48em) {
.banner--left .banner-image {
margin-bottom: 0; } }
button, input[type="submit"], .button {
background-color: #6a67ce;
border: 1px solid #6a67ce;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1em;
height: 2.5375rem;
line-height: 2;
padding: 0 20px;
text-align: center;
text-decoration: none;
transition: all 150ms; }
button:hover, input[type="submit"]:hover, button:focus, input[type="submit"]:focus, .button:hover, .button:focus {
background-color: #a177ff;
border-color: #a177ff;
box-shadow: 0px 0px 0px 3px #d0bbff;
color: #fff;
text-decoration: none;
outline: none; }
button:active, input[type="submit"]:active, .button:active {
background-color: #4f4da7;
border-color: #4f4da7;
box-shadow: none;
outline: none; }
button::-moz-selection, input[type="submit"]::-moz-selection, .button::-moz-selection {
background: none; }
button::selection, input[type="submit"]::selection, .button::selection {
background: none; }
button[disabled], input[disabled][type="submit"], button[disabled]:hover, input[disabled][type="submit"]:hover, button[disabled]:active, input[disabled][type="submit"]:active, button[disabled]:focus, input[disabled][type="submit"]:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:active, .button[disabled]:focus {
background-color: #EFF0F1;
border: 2px solid #E1E2E4;
box-shadow: none;
color: #B9BCC0;
cursor: not-allowed; }
a.button {
line-height: 2.5; }
a.button.button--small {
line-height: 1.75; }
a.button.button--large {
line-height: 2.5; }
.button--danger {
background-color: #FC636B;
border: 1px solid #FC636B;
color: #fff; }
.button--danger:hover, .button--danger:focus {
background-color: #FF6D92;
border-color: #FF6D92;
box-shadow: 0px 0px 0px 3px #ffb6c8;
color: #fff; }
.button--danger:active {
background-color: #FC636B;
border-color: #FC636B;
box-shadow: none; }
.button--danger.button--secondary, .page--press .press-archive button.button--danger, .page--press .press-archive input.button--danger[type="submit"] {
border-color: #FC636B;
color: #FC636B; }
.button--danger.button--secondary:hover, .page--press .press-archive button.button--danger:hover, .page--press .press-archive input.button--danger[type="submit"]:hover, .button--danger.button--secondary:focus, .page--press .press-archive button.button--danger:focus, .page--press .press-archive input.button--danger[type="submit"]:focus {
border-color: #FC636B;
box-shadow: 0px 0px 0px 3px #fc636b;
color: #FC636B; }
.button--danger.button--secondary:hover:focus, .page--press .press-archive button.button--danger:hover:focus, .page--press .press-archive input.button--danger[type="submit"]:hover:focus, .button--danger.button--secondary:focus:focus, .page--press .press-archive button.button--danger:focus:focus, .page--press .press-archive input.button--danger[type="submit"]:focus:focus {
color: #FC636B;
box-shadow: none; }
.button--cta {
background-color: #3be8b0;
border: 1px solid #3be8b0;
color: #fff; }
.button--cta:hover, .button--cta:focus {
background-color: #3bf7d1;
border-color: #3bf7d1;
box-shadow: 0px 0px 0px 3px #9dfbe8;
color: #fff; }
.button--cta:active {
background-color: #3be8b0;
border-color: #3be8b0;
box-shadow: none; }
.button--cta.button--secondary, .page--press .press-archive button.button--cta, .page--press .press-archive input.button--cta[type="submit"] {
border-color: #3be8b0;
color: #3be8b0; }
.button--cta.button--secondary:hover, .page--press .press-archive button.button--cta:hover, .page--press .press-archive input.button--cta[type="submit"]:hover, .button--cta.button--secondary:focus, .page--press .press-archive button.button--cta:focus, .page--press .press-archive input.button--cta[type="submit"]:focus {
border-color: #3be8b0;
box-shadow: 0px 0px 0px 3px #3be8b0;
color: #3be8b0; }
.button--cta.button--secondary:hover:focus, .page--press .press-archive button.button--cta:hover:focus, .page--press .press-archive input.button--cta[type="submit"]:hover:focus, .button--cta.button--secondary:focus:focus, .page--press .press-archive button.button--cta:focus:focus, .page--press .press-archive input.button--cta[type="submit"]:focus:focus {
color: #3be8b0;
box-shadow: none; }
.button--background {
background-color: #fff;
border-color: #fff;
border-width: 2px;
color: #676D76; }
.button--background:hover, .button--background:focus {
background-color: #fff;
border-color: #F0EFFA;
color: #676D76; }
.button--background:active {
background-color: #EFF0F1;
box-shadow: inset 0px 1px 0px 0px #e1e2e4; }
.button--background[disabled], .button--background[disabled]:hover, .button--background[disabled]:active, .button--background[disabled]:focus {
background-color: rgba(255, 255, 255, 0.4);
border: none;
box-shadow: none;
color: #fff;
cursor: not-allowed; }
.button--small {
height: 1.88125rem;
line-height: 1;
padding: 0 10px; }
.button--large {
font-size: 1.25em;
height: 3.4375rem;
padding: 0 25px; }
.button--centered {
display: block;
margin: 0 15px; }
.button--centered button, .button--centered input[type="submit"] {
margin-left: auto;
margin-right: auto;
width: 100%; }
form button, form input[type="submit"], form .button, .dialog button, .dialog input[type="submit"], .dialog .button {
height: 40px;
padding: 0 15px; }
.button--secondary, .page--press .press-archive button, .page--press .press-archive input[type="submit"] {
background-color: transparent;
color: #6a67ce; }
.button--secondary:hover, .page--press .press-archive button:hover, .page--press .press-archive input[type="submit"]:hover, .button--secondary:focus, .page--press .press-archive button:focus, .page--press .press-archive input[type="submit"]:focus {
background-color: transparent;
border-color: #a177ff;
box-shadow: 0px 0px 0px 3px #a177ff;
color: #a177ff; }
.button--secondary:active, .page--press .press-archive button:active, .page--press .press-archive input[type="submit"]:active {
background-color: #F8F8F9;
border-color: #B9BCC0;
box-shadow: inset 0px 1px 0px 0px #e1e2e4;
color: #6a67ce; }
.button--secondary[disabled], .page--press .press-archive button[disabled], .page--press .press-archive input[disabled][type="submit"], .button--secondary[disabled]:hover, .page--press .press-archive button[disabled]:hover, .page--press .press-archive input[disabled][type="submit"]:hover, .button--secondary[disabled]:active, .page--press .press-archive button[disabled]:active, .page--press .press-archive input[disabled][type="submit"]:active, .button--secondary[disabled]:focus, .page--press .press-archive button[disabled]:focus, .page--press .press-archive input[disabled][type="submit"]:focus {
background-color: transparent; }
.button--secondary.button--background, .page--press .press-archive button.button--background, .page--press .press-archive input.button--background[type="submit"] {
border-color: #fff;
color: #fff; }
.button--secondary.button--background:hover, .page--press .press-archive button.button--background:hover, .page--press .press-archive input.button--background[type="submit"]:hover, .button--secondary.button--background:focus, .page--press .press-archive button.button--background:focus, .page--press .press-archive input.button--background[type="submit"]:focus {
border-color: #fff;
box-shadow: 0px 0px 0px 3px white; }
.button--secondary.button--background:active, .page--press .press-archive button.button--background:active, .page--press .press-archive input.button--background[type="submit"]:active {
background-color: rgba(27, 36, 50, 0.2);
box-shadow: inset 0px 1px 0px 0px black; }
.button--secondary.button--background[disabled], .page--press .press-archive button.button--background[disabled], .page--press .press-archive input.button--background[disabled][type="submit"], .button--secondary.button--background[disabled]:hover, .page--press .press-archive button.button--background[disabled]:hover, .page--press .press-archive input.button--background[disabled][type="submit"]:hover, .button--secondary.button--background[disabled]:active, .page--press .press-archive button.button--background[disabled]:active, .page--press .press-archive input.button--background[disabled][type="submit"]:active, .button--secondary.button--background[disabled]:focus, .page--press .press-archive button.button--background[disabled]:focus, .page--press .press-archive input.button--background[disabled][type="submit"]:focus {
background-color: transparent;
border: 2px solid rgba(255, 255, 255, 0.4);
box-shadow: none;
color: rgba(255, 255, 255, 0.4); }
.buttons--cta {
margin-top: 40px; }
.card, .page--app .app-page .block-main .app .well, .page--app .apps-page .block-main .app .well, .page--apps .app-page .block-main .app .well, .page--apps .apps-page .block-main .app .well {
background-color: #fff;
border: 3px solid transparent;
border-radius: 3px;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
display: block;
margin: 10px 0;
transition: all 150ms; }
.card:hover, .page--app .app-page .block-main .app .well:hover, .page--app .apps-page .block-main .app .well:hover, .page--apps .app-page .block-main .app .well:hover, .page--apps .apps-page .block-main .app .well:hover {
border-color: #a177ff;
border-radius: 5px;
box-shadow: 0px 2px 5px 0px 0, 0, 0, .2; }
.card-content {
color: #676D76;
padding: 30px; }
.card--equalHeight {
height: 400px; }
.card--imgOnly .card-content {
padding: 30px; }
.row--cards {
margin-bottom: 30px; }
.row--cards + .row--cards {
margin-bottom: 5px; }
.card--link {
color: #1B2432; }
.card--link:hover {
border-bottom: none; }
.card--link .card--article-title {
color: #1AAFD0; }
.card--link .card--article-title:hover {
text-decoration: underline; }
.card--article img {
border: 1px solid rgba(27, 36, 50, 0.15);
width: 100%; }
.card--article-source .icon, .card--article-source .accordionList--term:after, .card--article-source .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .card--article-source li:before, .card--article-source .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .card--article-source .nav-category:before, .card--article-source .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .card--article-source .nav-category:before, .card--article-source .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .card--article-source .nav-category:before, .card--article-source .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .card--article-source .nav-category:before, .card--article-source .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .card--article-source .nav-category:before, .card--article-source .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .card--article-source .nav-category:before, .card--article-source .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .card--article-source .nav-category:before, .card--article-source .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .card--article-source .nav-category:before {
line-height: 1.35;
margin-right: 5px; }
.card--article-source + img, .card--article-title {
margin-top: 15px; }
.card--article-title {
margin-bottom: 15px; }
.card--article-date, .page--app .app-page .block-main .app .well .category, .page--app .apps-page .block-main .app .well .category, .page--apps .app-page .block-main .app .well .category, .page--apps .apps-page .block-main .app .well .category {
color: #A1A4AA;
font-size: 0.875em;
margin-bottom: 30px; }
.card--article-readmore {
bottom: 30px;
color: #1AAFD0;
position: absolute; }
.dialog {
background-color: rgba(27, 36, 50, 0.5);
bottom: 0;
left: 0;
margin: 0;
opacity: 0;
pointer-events: none;
position: fixed;
right: 0;
top: 0;
transition: opacity ease-in 150ms;
z-index: 1000; }
.dialog:target {
opacity: 1;
pointer-events: auto; }
.dialog-container {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 1px 3px 0 1px 3px rgba(27, 36, 50, 0.15);
margin: 2.5% auto;
position: relative;
width: 90%; }
@media (min-width: 48em) {
.dialog-container {
width: 580px; } }
@media (min-height: 48em) {
.dialog-container {
margin-top: 10%; } }
@media (min-height: 60em) {
.dialog-container {
margin-top: 15%; } }
.dialog-header {
border-bottom: 1px solid #E1E2E4;
color: #1B2432;
padding: 15px 15px 15px 30px; }
.dialog-header:before, .dialog-header:after {
content: "";
display: table; }
.dialog-header:after {
clear: both; }
.dialog-header h1, .dialog-header .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .dialog-header .headline, .dialog-header .page--app .app-page h1, .page--app .app-page .dialog-header h1, .dialog-header .page--app .apps-page h1, .page--app .apps-page .dialog-header h1, .dialog-header .page--apps .app-page h1, .page--apps .app-page .dialog-header h1, .dialog-header .page--apps .apps-page h1, .page--apps .apps-page .dialog-header h1, .dialog-header h2, .dialog-header .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .dialog-header h3, .dialog-header .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .dialog-header h3, .dialog-header .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .dialog-header h3, .dialog-header .page--app .app-page .block-main h3, .page--app .app-page .block-main .dialog-header h3, .dialog-header .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .dialog-header h3, .dialog-header .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .dialog-header h3, .dialog-header .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .dialog-header h3, .dialog-header h3, .dialog-header h4, .dialog-header .button.button--card, .dialog-header h5, .dialog-header h6 {
display: inline;
font-family: "amasis", "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif; }
.dialog-close {
color: #A1A4AA;
cursor: pointer;
display: inline;
float: right;
font-size: 2em;
line-height: 1;
margin: 0;
opacity: 0.6;
transition: opacity 150ms; }
.dialog-close:hover {
border-bottom: none;
opacity: 0.8; }
.dialog-content {
max-height: 520px;
overflow: scroll;
padding: 20px 30px; }
.dialog-content::-webkit-scrollbar {
width: 0; }
.dialog-content > p {
margin-bottom: 0; }
.iconList {
border-bottom: 1px solid #EFF0F1;
margin-bottom: 40px;
padding-bottom: 40px; }
.iconList--no-border {
border-bottom: none; }
.iconList-categoryTitle {
color: #1B2432; }
.iconList-items .icon, .iconList-items .accordionList--term:after, .iconList-items .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .iconList-items li:before, .iconList-items .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .iconList-items .nav-category:before, .iconList-items .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconList-items .nav-category:before, .iconList-items .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .iconList-items .nav-category:before, .iconList-items .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconList-items .nav-category:before, .iconList-items .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .iconList-items .nav-category:before, .iconList-items .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconList-items .nav-category:before, .iconList-items .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .iconList-items .nav-category:before, .iconList-items .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconList-items .nav-category:before {
margin: 40px auto 20px; }
.iconList-items h4, .iconList-items .button.button--card {
color: #676D76; }
.iconList-items p {
padding: 0 5%; }
.iconList-items--narrower p {
padding: 0 15%; }
.iconWrapper {
height: 4em; }
.iconWrapper .icon, .iconWrapper .accordionList--term:after, .iconWrapper .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .iconWrapper li:before, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .iconWrapper .nav-category:before, .iconWrapper .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .nav-category:before, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .iconWrapper .nav-category:before, .iconWrapper .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .nav-category:before, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .iconWrapper .nav-category:before, .iconWrapper .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .nav-category:before, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .iconWrapper .nav-category:before, .iconWrapper .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .nav-category:before {
display: block;
font-size: 2em;
height: 2em;
line-height: 2em; }
.iconWrapper a {
display: block; }
.iconWrapper a:hover {
border-bottom: 0; }
.iconWrapper .icon.icon--app, .iconWrapper .icon--app.accordionList--term:after, .iconWrapper .page--pricing .section--pricing-plans .plan ul li.icon--app:before, .page--pricing .section--pricing-plans .plan ul .iconWrapper li.icon--app:before, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .icon--app.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .iconWrapper .icon--app.nav-category:before, .iconWrapper .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--app.nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .icon--app.nav-category:before, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .icon--app.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .iconWrapper .icon--app.nav-category:before, .iconWrapper .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--app.nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .icon--app.nav-category:before, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .icon--app.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .iconWrapper .icon--app.nav-category:before, .iconWrapper .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--app.nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .icon--app.nav-category:before, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .icon--app.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .iconWrapper .icon--app.nav-category:before, .iconWrapper .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--app.nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .icon--app.nav-category:before {
font-size: 1.5em; }
.icon--dropbox {
content: url("https://luna1.co/bfeb44.png"); }
.icon--slack {
content: url("https://luna1.co/3d2ed1.png"); }
.icon--chrome {
content: url("https://luna1.co/e5236d.png"); }
.icon--okta {
content: url("https://luna1.co/1ba8a5.png"); }
.icon--github {
content: url("https://luna1.co/b770b1.png"); }
.icon--google-drive {
content: url("https://luna1.co/3f56af.png"); }
.icon--green {
color: #3be8b0; }
.icon--teal {
color: #1AAFD0; }
.icon--purple {
color: #6a67ce; }
.icon--gold {
color: #ffb900; }
.icon--coral {
color: #FC636B; }
.icon--white {
color: #fff; }
.icon--gray {
color: #B9BCC0; }
p > .icon, p > .accordionList--term:after, .page--pricing .section--pricing-plans .plan ul p > li:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line p > .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul p > .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line p > .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul p > .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line p > .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul p > .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line p > .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul p > .nav-category:before {
line-height: inherit; }
.icon, .accordionList--term:after, .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before {
font-family: 'asanaIcons';
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon:before, .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before {
content: "\e659"; }
.icon--add .path1:before {
content: "\e600";
color: white; }
.icon--add .path2:before {
content: "\e601";
margin-left: -1em;
color: #6ac14a; }
.icon--alert-line:before {
content: "\e602"; }
.icon--alert:before {
content: "\e603"; }
.icon--all-tasks-a:before {
content: "\e604"; }
.icon--all-tasks-b:before {
content: "\e605"; }
.icon--archive-outline:before {
content: "\e606"; }
.icon--archive:before {
content: "\e607"; }
.icon--arrow-down:before {
content: "\e608"; }
.icon--arrow-up:before {
content: "\e609"; }
.icon--barbell:before {
content: "\e60a"; }
.icon--bell-outline:before {
content: "\e60b"; }
.icon--bell:before {
content: "\e60c"; }
.icon--brain:before {
content: "\e60d"; }
.icon--calendar-30:before {
content: "\e60e"; }
.icon--calendar-dots:before {
content: "\e60f"; }
.icon--calendar:before {
content: "\e610"; }
.icon--camera:before {
content: "\e611"; }
.icon--check-copy:before {
content: "\e612"; }
.icon--check-copy-b:before {
content: "\e613"; }
.icon--check-small:before, .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before {
content: "\e614"; }
.icon--check:before {
content: "\e615"; }
.icon--clock-alt:before {
content: "\e616"; }
.icon--clock:before {
content: "\e617"; }
.icon--cloud:before {
content: "\e618"; }
.icon--cog-outline:before {
content: "\e619"; }
.icon--cog:before {
content: "\e61a"; }
.icon--comment-outline:before {
content: "\e61b"; }
.icon--comment:before {
content: "\e61c"; }
.icon--comments:before {
content: "\e61d"; }
.icon--document:before {
content: "\e61e"; }
.icon--down-caret:before {
content: "\e61f"; }
.icon--drag-handle:before {
content: "\e620"; }
.icon--play:before {
content: "\e621"; }
.icon--x-circle:before {
content: "\e622"; }
.icon--x-small:before {
content: "\e623"; }
.icon--x:before {
content: "\e624"; }
.icon--folder:before {
content: "\e625"; }
.icon--graduate:before {
content: "\e626"; }
.icon--happiness:before {
content: "\e627"; }
.icon--heart-outline:before {
content: "\e628"; }
.icon--heart:before {
content: "\e629"; }
.icon--heartbeat:before {
content: "\e62a"; }
.icon--help:before {
content: "\e62b"; }
.icon--inbox:before {
content: "\e62c"; }
.icon--incomplete:before {
content: "\e62d"; }
.icon--info:before {
content: "\e62e"; }
.icon--keyboard:before {
content: "\e62f"; }
.icon--left-caret:before {
content: "\e630"; }
.icon--link:before {
content: "\e631"; }
.icon--lock-open:before {
content: "\e632"; }
.icon--lock:before {
content: "\e633"; }
.icon--search:before {
content: "\e634"; }
.icon--merge:before {
content: "\e635"; }
.icon--mobile .path1:before {
color: black;
content: "\e636"; }
.icon--mobile .path2:before {
color: black;
content: "\e637";
margin-left: -1em; }
.icon--mobile .path3:before {
color: white;
content: "\e638";
margin-left: -1em; }
.icon--more:before {
content: "\e639"; }
.icon--my-tasks:before {
content: "\e63a"; }
.icon--new-task:before {
content: "\e63b"; }
.icon--paperclip:before {
content: "\e63c"; }
.icon--pencil:before {
content: "\e63d"; }
.icon--pin:before {
content: "\e63e"; }
.icon--plus-small:before {
content: "\e63f"; }
.icon--plus:before {
content: "\e640"; }
.icon--project:before {
content: "\e641"; }
.icon--project-zoom:before {
content: "\e642"; }
.icon--recently-completed:before {
content: "\e643"; }
.icon--remove .path1:before {
color: white;
content: "\e644"; }
.icon--remove .path2:before {
color: #de3400;
content: "\e645";
margin-left: -1em; }
.icon--reorder:before {
content: "\e646"; }
.icon--repeat:before {
content: "\e647"; }
.icon--retry:before {
content: "\e648"; }
.icon--right-caret:before {
content: "\e649"; }
.icon--search-small:before {
content: "\e64a"; }
.icon--star-outline:before {
content: "\e64b"; }
.icon--star:before {
content: "\e64c"; }
.icon--subtask:before {
content: "\e64d"; }
.icon--tag:before {
content: "\e64e"; }
.icon--tags:before {
content: "\e64f"; }
.icon--trash-outline:before {
content: "\e650"; }
.icon--trash:before {
content: "\e651"; }
.icon--down-triangle:before {
content: "\e652"; }
.icon--up-triangle:before {
content: "\e653"; }
.icon--up-caret:before {
content: "\e654"; }
.icon--user:before {
content: "\e655"; }
.icon--users:before {
content: "\e656"; }
.icon--video-outline:before {
content: "\e657"; }
.icon--video:before {
content: "\e658"; }
.icon--dots:before {
content: "\e659"; }
.icon--facebook:before {
content: "\e65a"; }
.icon--twitter:before {
content: "\e65b"; }
.tabs:before, .tabs:after {
content: "";
display: table; }
.tabs:after {
clear: both; }
.tabs-menu, .page--app .app-page #apps-nav .nav-line, .page--app .apps-page #apps-nav .nav-line, .page--apps .app-page #apps-nav .nav-line, .page--apps .apps-page #apps-nav .nav-line {
border-bottom: 1px solid #E1E2E4;
margin-bottom: 20px;
padding-bottom: 5px;
padding-left: 0;
width: 100%; }
.tabs-menu li, .page--app .app-page #apps-nav .nav-line li, .page--app .apps-page #apps-nav .nav-line li, .page--apps .app-page #apps-nav .nav-line li, .page--apps .apps-page #apps-nav .nav-line li, .page--app .app-page #apps-nav .nav-line .nav-category, .page--app .apps-page #apps-nav .nav-line .nav-category, .page--apps .app-page #apps-nav .nav-line .nav-category, .page--apps .apps-page #apps-nav .nav-line .nav-category {
display: inline;
line-height: 1.25;
list-style-type: none;
margin-right: 30px;
padding-bottom: 9px; }
.tabs-menu li:last-child, .page--app .app-page #apps-nav .nav-line li:last-child, .page--app .apps-page #apps-nav .nav-line li:last-child, .page--apps .app-page #apps-nav .nav-line li:last-child, .page--apps .apps-page #apps-nav .nav-line li:last-child, .page--app .app-page #apps-nav .nav-line .nav-category:last-child, .page--app .apps-page #apps-nav .nav-line .nav-category:last-child, .page--apps .app-page #apps-nav .nav-line .nav-category:last-child, .page--apps .apps-page #apps-nav .nav-line .nav-category:last-child {
margin-right: 0; }
.tabs-menu li a, .page--app .app-page #apps-nav .nav-line li a, .page--app .apps-page #apps-nav .nav-line li a, .page--apps .app-page #apps-nav .nav-line li a, .page--apps .apps-page #apps-nav .nav-line li a, .page--app .app-page #apps-nav .nav-line .nav-category a, .page--app .apps-page #apps-nav .nav-line .nav-category a, .page--apps .app-page #apps-nav .nav-line .nav-category a, .page--apps .apps-page #apps-nav .nav-line .nav-category a {
color: #A1A4AA;
text-decoration: none; }
.tabs-menu li a:hover, .page--app .app-page #apps-nav .nav-line li a:hover, .page--app .apps-page #apps-nav .nav-line li a:hover, .page--apps .app-page #apps-nav .nav-line li a:hover, .page--apps .apps-page #apps-nav .nav-line li a:hover, .page--app .app-page #apps-nav .nav-line .nav-category a:hover, .page--app .apps-page #apps-nav .nav-line .nav-category a:hover, .page--apps .app-page #apps-nav .nav-line .nav-category a:hover, .page--apps .apps-page #apps-nav .nav-line .nav-category a:hover {
border-bottom: none;
color: #676D76; }
.tabs-menu li.is-active, .page--app .app-page #apps-nav .nav-line li.is-active, .page--app .apps-page #apps-nav .nav-line li.is-active, .page--apps .app-page #apps-nav .nav-line li.is-active, .page--apps .apps-page #apps-nav .nav-line li.is-active, .page--app .app-page #apps-nav .nav-line .is-active.nav-category, .page--app .app-page #apps-nav .nav-line .nav-category.active, .page--app .apps-page #apps-nav .nav-line .is-active.nav-category, .page--app .apps-page #apps-nav .nav-line .nav-category.active, .page--apps .app-page #apps-nav .nav-line .is-active.nav-category, .page--apps .app-page #apps-nav .nav-line .nav-category.active, .page--apps .apps-page #apps-nav .nav-line .is-active.nav-category, .page--apps .apps-page #apps-nav .nav-line .nav-category.active, .tabs-menu li:hover, .page--app .app-page #apps-nav .nav-line li:hover, .page--app .apps-page #apps-nav .nav-line li:hover, .page--apps .app-page #apps-nav .nav-line li:hover, .page--apps .apps-page #apps-nav .nav-line li:hover, .page--app .app-page #apps-nav .nav-line .nav-category:hover, .page--app .apps-page #apps-nav .nav-line .nav-category:hover, .page--apps .app-page #apps-nav .nav-line .nav-category:hover, .page--apps .apps-page #apps-nav .nav-line .nav-category:hover {
border-bottom: 3px solid #FFB6C8;
position: relative; }
.tabs-menu .is-active a, .page--app .app-page #apps-nav .nav-line .is-active a, .page--app .apps-page #apps-nav .nav-line .is-active a, .page--apps .app-page #apps-nav .nav-line .is-active a, .page--apps .apps-page #apps-nav .nav-line .is-active a, .page--app .app-page #apps-nav .nav-line .nav-category.active a, .page--app .apps-page #apps-nav .nav-line .nav-category.active a, .page--apps .app-page #apps-nav .nav-line .nav-category.active a, .page--apps .apps-page #apps-nav .nav-line .nav-category.active a {
color: #FC636B; }
.tabs-menu .is-active a:hover, .page--app .app-page #apps-nav .nav-line .is-active a:hover, .page--app .apps-page #apps-nav .nav-line .is-active a:hover, .page--apps .app-page #apps-nav .nav-line .is-active a:hover, .page--apps .apps-page #apps-nav .nav-line .is-active a:hover, .page--app .app-page #apps-nav .nav-line .nav-category.active a:hover, .page--app .apps-page #apps-nav .nav-line .nav-category.active a:hover, .page--apps .app-page #apps-nav .nav-line .nav-category.active a:hover, .page--apps .apps-page #apps-nav .nav-line .nav-category.active a:hover {
color: #1B2432; }
.tab {
float: left;
width: 100%; }
.tabs--centered .tabs-menu, .tabs--centered .page--app .app-page #apps-nav .nav-line, .page--app .app-page #apps-nav .tabs--centered .nav-line, .tabs--centered .page--app .apps-page #apps-nav .nav-line, .page--app .apps-page #apps-nav .tabs--centered .nav-line, .tabs--centered .page--apps .app-page #apps-nav .nav-line, .page--apps .app-page #apps-nav .tabs--centered .nav-line, .tabs--centered .page--apps .apps-page #apps-nav .nav-line, .page--apps .apps-page #apps-nav .tabs--centered .nav-line {
text-align: center; }
.tabs--responsive, .page--app .app-page #apps-nav .nav-line, .page--app .apps-page #apps-nav .nav-line, .page--apps .app-page #apps-nav .nav-line, .page--apps .apps-page #apps-nav .nav-line {
display: none;
visibility: hidden; }
@media (min-width: 60em) {
.tabs--responsive, .page--app .app-page #apps-nav .nav-line, .page--app .apps-page #apps-nav .nav-line, .page--apps .app-page #apps-nav .nav-line, .page--apps .apps-page #apps-nav .nav-line {
display: block;
visibility: visible; } }
.tabs--select {
display: block;
margin: 20px auto;
visibility: visible;
width: 90%; }
@media (min-width: 60em) {
.tabs--select {
display: none;
visibility: hidden; } }
.mediaGrid {
margin-bottom: 60px;
margin-top: 60px; }
.mediaGrid .gutter-width {
width: 3%; }
.mediaGrid-tile {
background: #F8F8F9;
position: relative; }
.mediaGrid-tile[class*="mediaGrid-tile--1x"] {
width: 31%; }
.mediaGrid-tile[class*="mediaGrid-tile--2x"] {
width: 65%; }
.mediaGrid-tile img {
width: 100%; }
.mediaGrid-content {
color: #fff;
height: 100%;
left: 0;
padding: 10%;
position: absolute;
top: 0;
transition: all .5s;
width: 100%; }
.mediaGrid-content h3, .mediaGrid-content p {
color: #fff;
-webkit-font-smoothing: antialiased; }
.mediaGrid-tile--bgGradientGreenTeal {
background: #3be8b0;
background: linear-gradient(45deg, #3be8b0 0%, #02CEFF 100%); }
.mediaGrid-tile--bgGradientCoralGold {
background: #FC636B;
background: linear-gradient(45deg, #FC636B 0%, #FF6D92 70%, #fd9a00 100%); }
.container, .container--fluid, .container--narrow {
margin-left: auto;
margin-right: auto;
transition: width 150ms;
width: 90%; }
@media (min-width: 80em) {
.container {
width: 1220px; } }
@media (min-width: 80em) {
.container--fluid {
max-width: 1120px; } }
@media (min-width: 48em) {
.container--narrow {
width: 770px; } }
.row {
margin-left: -15px;
margin-right: -15px; }
.row:before, .row:after {
content: "";
display: table; }
.row:after {
clear: both; }
.col-xsmall-1, .col-small-1, .col-medium-1, .col-large-1, .col-xlarge-1, .col-xsmall-2, .col-small-2, .siteFooter-column, .col-medium-2, .siteFooter-column--logo, .col-large-2, .col-xlarge-2, .col-xsmall-3, .col-small-3, .col-medium-3, .col-large-3, .col-xlarge-3, .col-xsmall-4, .col-small-4, .siteFooter-column--logo, .col-medium-4, .iconList-items, .iconList-items--company, .col-large-4, .col-xlarge-4, .col-xsmall-5, .col-small-5, .col-medium-5, .col-large-5, .col-xlarge-5, .col-xsmall-6, .siteFooter-column, .col-small-6, .iconList-items, .col-medium-6, .col-large-6, .col-xlarge-6, .col-xsmall-7, .col-small-7, .col-medium-7, .col-large-7, .col-xlarge-7, .col-xsmall-8, .iconList-items--company, .col-small-8, .iconList-items--company, .col-medium-8, .col-large-8, .col-xlarge-8, .col-xsmall-9, .col-small-9, .col-medium-9, .col-large-9, .col-xlarge-9, .col-xsmall-10, .col-small-10, .col-medium-10, .col-large-10, .col-xlarge-10, .col-xsmall-11, .col-small-11, .col-medium-11, .col-large-11, .col-xlarge-11, .col-xsmall-12, .siteFooter-column--logo, .col-small-12, .col-medium-12, .col-large-12, .col-xlarge-12 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
.col-xsmall-1, .col-xsmall-2, .col-xsmall-3, .col-xsmall-4, .col-xsmall-5, .col-xsmall-6, .siteFooter-column, .col-xsmall-7, .col-xsmall-8, .iconList-items--company, .col-xsmall-9, .col-xsmall-10, .col-xsmall-11, .col-xsmall-12, .siteFooter-column--logo {
float: left; }
.col-xsmall-1 {
width: 8.33333%; }
.col-xsmall-2 {
width: 16.66667%; }
.col-xsmall-3 {
width: 25%; }
.col-xsmall-4 {
width: 33.33333%; }
.col-xsmall-5 {
width: 41.66667%; }
.col-xsmall-6, .siteFooter-column {
width: 50%; }
.col-xsmall-7 {
width: 58.33333%; }
.col-xsmall-8, .iconList-items--company {
width: 66.66667%; }
.col-xsmall-9 {
width: 75%; }
.col-xsmall-10 {
width: 83.33333%; }
.col-xsmall-11 {
width: 91.66667%; }
.col-xsmall-12, .siteFooter-column--logo {
width: 100%; }
.col-xsmall-pull-0 {
right: auto; }
.col-xsmall-pull-1 {
right: 8.33333%; }
.col-xsmall-pull-2 {
right: 16.66667%; }
.col-xsmall-pull-3 {
right: 25%; }
.col-xsmall-pull-4 {
right: 33.33333%; }
.col-xsmall-pull-5 {
right: 41.66667%; }
.col-xsmall-pull-6 {
right: 50%; }
.col-xsmall-pull-7 {
right: 58.33333%; }
.col-xsmall-pull-8 {
right: 66.66667%; }
.col-xsmall-pull-9 {
right: 75%; }
.col-xsmall-pull-10 {
right: 83.33333%; }
.col-xsmall-pull-11 {
right: 91.66667%; }
.col-xsmall-pull-12 {
right: 100%; }
.col-xsmall-push-0 {
left: auto; }
.col-xsmall-push-1 {
left: 8.33333%; }
.col-xsmall-push-2 {
left: 16.66667%; }
.col-xsmall-push-3 {
left: 25%; }
.col-xsmall-push-4 {
left: 33.33333%; }
.col-xsmall-push-5 {
left: 41.66667%; }
.col-xsmall-push-6 {
left: 50%; }
.col-xsmall-push-7 {
left: 58.33333%; }
.col-xsmall-push-8 {
left: 66.66667%; }
.col-xsmall-push-9 {
left: 75%; }
.col-xsmall-push-10 {
left: 83.33333%; }
.col-xsmall-push-11 {
left: 91.66667%; }
.col-xsmall-push-12 {
left: 100%; }
.col-xsmall-offset-0 {
margin-left: 0%; }
.col-xsmall-offset-1 {
margin-left: 8.33333%; }
.col-xsmall-offset-2, .iconList-items--company {
margin-left: 16.66667%; }
.col-xsmall-offset-3 {
margin-left: 25%; }
.col-xsmall-offset-4 {
margin-left: 33.33333%; }
.col-xsmall-offset-5 {
margin-left: 41.66667%; }
.col-xsmall-offset-6 {
margin-left: 50%; }
.col-xsmall-offset-7 {
margin-left: 58.33333%; }
.col-xsmall-offset-8 {
margin-left: 66.66667%; }
.col-xsmall-offset-9 {
margin-left: 75%; }
.col-xsmall-offset-10 {
margin-left: 83.33333%; }
.col-xsmall-offset-11 {
margin-left: 91.66667%; }
.col-xsmall-offset-12 {
margin-left: 100%; }
@media (min-width: 48em) {
.col-small-1, .col-small-2, .siteFooter-column, .col-small-3, .col-small-4, .siteFooter-column--logo, .col-small-5, .col-small-6, .iconList-items, .col-small-7, .col-small-8, .iconList-items--company, .col-small-9, .col-small-10, .col-small-11, .col-small-12 {
float: left; }
.col-small-1 {
width: 8.33333%; }
.col-small-2, .siteFooter-column {
width: 16.66667%; }
.col-small-3 {
width: 25%; }
.col-small-4, .siteFooter-column--logo {
width: 33.33333%; }
.col-small-5 {
width: 41.66667%; }
.col-small-6, .iconList-items {
width: 50%; }
.col-small-7 {
width: 58.33333%; }
.col-small-8, .iconList-items--company {
width: 66.66667%; }
.col-small-9 {
width: 75%; }
.col-small-10 {
width: 83.33333%; }
.col-small-11 {
width: 91.66667%; }
.col-small-12 {
width: 100%; }
.col-small-pull-0 {
right: auto; }
.col-small-pull-1 {
right: 8.33333%; }
.col-small-pull-2 {
right: 16.66667%; }
.col-small-pull-3 {
right: 25%; }
.col-small-pull-4 {
right: 33.33333%; }
.col-small-pull-5 {
right: 41.66667%; }
.col-small-pull-6 {
right: 50%; }
.col-small-pull-7 {
right: 58.33333%; }
.col-small-pull-8 {
right: 66.66667%; }
.col-small-pull-9 {
right: 75%; }
.col-small-pull-10 {
right: 83.33333%; }
.col-small-pull-11 {
right: 91.66667%; }
.col-small-pull-12 {
right: 100%; }
.col-small-push-0 {
left: auto; }
.col-small-push-1 {
left: 8.33333%; }
.col-small-push-2 {
left: 16.66667%; }
.col-small-push-3 {
left: 25%; }
.col-small-push-4 {
left: 33.33333%; }
.col-small-push-5 {
left: 41.66667%; }
.col-small-push-6 {
left: 50%; }
.col-small-push-7 {
left: 58.33333%; }
.col-small-push-8 {
left: 66.66667%; }
.col-small-push-9 {
left: 75%; }
.col-small-push-10 {
left: 83.33333%; }
.col-small-push-11 {
left: 91.66667%; }
.col-small-push-12 {
left: 100%; }
.col-small-offset-0 {
margin-left: 0%; }
.col-small-offset-1 {
margin-left: 8.33333%; }
.col-small-offset-2, .iconList-items--company {
margin-left: 16.66667%; }
.col-small-offset-3 {
margin-left: 25%; }
.col-small-offset-4 {
margin-left: 33.33333%; }
.col-small-offset-5 {
margin-left: 41.66667%; }
.col-small-offset-6 {
margin-left: 50%; }
.col-small-offset-7 {
margin-left: 58.33333%; }
.col-small-offset-8 {
margin-left: 66.66667%; }
.col-small-offset-9 {
margin-left: 75%; }
.col-small-offset-10 {
margin-left: 83.33333%; }
.col-small-offset-11 {
margin-left: 91.66667%; }
.col-small-offset-12 {
margin-left: 100%; } }
@media (min-width: 60em) {
.col-medium-1, .col-medium-2, .siteFooter-column--logo, .col-medium-3, .col-medium-4, .iconList-items, .iconList-items--company, .col-medium-5, .col-medium-6, .col-medium-7, .col-medium-8, .col-medium-9, .col-medium-10, .col-medium-11, .col-medium-12 {
float: left; }
.col-medium-1 {
width: 8.33333%; }
.col-medium-2, .siteFooter-column--logo {
width: 16.66667%; }
.col-medium-3 {
width: 25%; }
.col-medium-4, .iconList-items, .iconList-items--company {
width: 33.33333%; }
.col-medium-5 {
width: 41.66667%; }
.col-medium-6 {
width: 50%; }
.col-medium-7 {
width: 58.33333%; }
.col-medium-8 {
width: 66.66667%; }
.col-medium-9 {
width: 75%; }
.col-medium-10 {
width: 83.33333%; }
.col-medium-11 {
width: 91.66667%; }
.col-medium-12 {
width: 100%; }
.col-medium-pull-0 {
right: auto; }
.col-medium-pull-1 {
right: 8.33333%; }
.col-medium-pull-2 {
right: 16.66667%; }
.col-medium-pull-3 {
right: 25%; }
.col-medium-pull-4 {
right: 33.33333%; }
.col-medium-pull-5 {
right: 41.66667%; }
.col-medium-pull-6 {
right: 50%; }
.col-medium-pull-7 {
right: 58.33333%; }
.col-medium-pull-8 {
right: 66.66667%; }
.col-medium-pull-9 {
right: 75%; }
.col-medium-pull-10 {
right: 83.33333%; }
.col-medium-pull-11 {
right: 91.66667%; }
.col-medium-pull-12 {
right: 100%; }
.col-medium-push-0 {
left: auto; }
.col-medium-push-1 {
left: 8.33333%; }
.col-medium-push-2 {
left: 16.66667%; }
.col-medium-push-3 {
left: 25%; }
.col-medium-push-4 {
left: 33.33333%; }
.col-medium-push-5 {
left: 41.66667%; }
.col-medium-push-6 {
left: 50%; }
.col-medium-push-7 {
left: 58.33333%; }
.col-medium-push-8 {
left: 66.66667%; }
.col-medium-push-9 {
left: 75%; }
.col-medium-push-10 {
left: 83.33333%; }
.col-medium-push-11 {
left: 91.66667%; }
.col-medium-push-12 {
left: 100%; }
.col-medium-offset-0, .iconList-items--company {
margin-left: 0%; }
.col-medium-offset-1, .siteFooter-column:first-child, .siteFooter-column:nth-child(4n) {
margin-left: 8.33333%; }
.col-medium-offset-2 {
margin-left: 16.66667%; }
.col-medium-offset-3 {
margin-left: 25%; }
.col-medium-offset-4 {
margin-left: 33.33333%; }
.col-medium-offset-5 {
margin-left: 41.66667%; }
.col-medium-offset-6 {
margin-left: 50%; }
.col-medium-offset-7 {
margin-left: 58.33333%; }
.col-medium-offset-8 {
margin-left: 66.66667%; }
.col-medium-offset-9 {
margin-left: 75%; }
.col-medium-offset-10 {
margin-left: 83.33333%; }
.col-medium-offset-11 {
margin-left: 91.66667%; }
.col-medium-offset-12 {
margin-left: 100%; } }
@media (min-width: 70em) {
.col-large-1, .col-large-2, .col-large-3, .col-large-4, .col-large-5, .col-large-6, .col-large-7, .col-large-8, .col-large-9, .col-large-10, .col-large-11, .col-large-12 {
float: left; }
.col-large-1 {
width: 8.33333%; }
.col-large-2 {
width: 16.66667%; }
.col-large-3 {
width: 25%; }
.col-large-4 {
width: 33.33333%; }
.col-large-5 {
width: 41.66667%; }
.col-large-6 {
width: 50%; }
.col-large-7 {
width: 58.33333%; }
.col-large-8 {
width: 66.66667%; }
.col-large-9 {
width: 75%; }
.col-large-10 {
width: 83.33333%; }
.col-large-11 {
width: 91.66667%; }
.col-large-12 {
width: 100%; }
.col-large-pull-0 {
right: auto; }
.col-large-pull-1 {
right: 8.33333%; }
.col-large-pull-2 {
right: 16.66667%; }
.col-large-pull-3 {
right: 25%; }
.col-large-pull-4 {
right: 33.33333%; }
.col-large-pull-5 {
right: 41.66667%; }
.col-large-pull-6 {
right: 50%; }
.col-large-pull-7 {
right: 58.33333%; }
.col-large-pull-8 {
right: 66.66667%; }
.col-large-pull-9 {
right: 75%; }
.col-large-pull-10 {
right: 83.33333%; }
.col-large-pull-11 {
right: 91.66667%; }
.col-large-pull-12 {
right: 100%; }
.col-large-push-0 {
left: auto; }
.col-large-push-1 {
left: 8.33333%; }
.col-large-push-2 {
left: 16.66667%; }
.col-large-push-3 {
left: 25%; }
.col-large-push-4 {
left: 33.33333%; }
.col-large-push-5 {
left: 41.66667%; }
.col-large-push-6 {
left: 50%; }
.col-large-push-7 {
left: 58.33333%; }
.col-large-push-8 {
left: 66.66667%; }
.col-large-push-9 {
left: 75%; }
.col-large-push-10 {
left: 83.33333%; }
.col-large-push-11 {
left: 91.66667%; }
.col-large-push-12 {
left: 100%; }
.col-large-offset-0 {
margin-left: 0%; }
.col-large-offset-1 {
margin-left: 8.33333%; }
.col-large-offset-2 {
margin-left: 16.66667%; }
.col-large-offset-3 {
margin-left: 25%; }
.col-large-offset-4 {
margin-left: 33.33333%; }
.col-large-offset-5 {
margin-left: 41.66667%; }
.col-large-offset-6 {
margin-left: 50%; }
.col-large-offset-7 {
margin-left: 58.33333%; }
.col-large-offset-8 {
margin-left: 66.66667%; }
.col-large-offset-9 {
margin-left: 75%; }
.col-large-offset-10 {
margin-left: 83.33333%; }
.col-large-offset-11 {
margin-left: 91.66667%; }
.col-large-offset-12 {
margin-left: 100%; } }
@media (min-width: 80em) {
.col-xlarge-1, .col-xlarge-2, .col-xlarge-3, .col-xlarge-4, .col-xlarge-5, .col-xlarge-6, .col-xlarge-7, .col-xlarge-8, .col-xlarge-9, .col-xlarge-10, .col-xlarge-11, .col-xlarge-12 {
float: left; }
.col-xlarge-1 {
width: 8.33333%; }
.col-xlarge-2 {
width: 16.66667%; }
.col-xlarge-3 {
width: 25%; }
.col-xlarge-4 {
width: 33.33333%; }
.col-xlarge-5 {
width: 41.66667%; }
.col-xlarge-6 {
width: 50%; }
.col-xlarge-7 {
width: 58.33333%; }
.col-xlarge-8 {
width: 66.66667%; }
.col-xlarge-9 {
width: 75%; }
.col-xlarge-10 {
width: 83.33333%; }
.col-xlarge-11 {
width: 91.66667%; }
.col-xlarge-12 {
width: 100%; }
.col-xlarge-pull-0 {
right: auto; }
.col-xlarge-pull-1 {
right: 8.33333%; }
.col-xlarge-pull-2 {
right: 16.66667%; }
.col-xlarge-pull-3 {
right: 25%; }
.col-xlarge-pull-4 {
right: 33.33333%; }
.col-xlarge-pull-5 {
right: 41.66667%; }
.col-xlarge-pull-6 {
right: 50%; }
.col-xlarge-pull-7 {
right: 58.33333%; }
.col-xlarge-pull-8 {
right: 66.66667%; }
.col-xlarge-pull-9 {
right: 75%; }
.col-xlarge-pull-10 {
right: 83.33333%; }
.col-xlarge-pull-11 {
right: 91.66667%; }
.col-xlarge-pull-12 {
right: 100%; }
.col-xlarge-push-0 {
left: auto; }
.col-xlarge-push-1 {
left: 8.33333%; }
.col-xlarge-push-2 {
left: 16.66667%; }
.col-xlarge-push-3 {
left: 25%; }
.col-xlarge-push-4 {
left: 33.33333%; }
.col-xlarge-push-5 {
left: 41.66667%; }
.col-xlarge-push-6 {
left: 50%; }
.col-xlarge-push-7 {
left: 58.33333%; }
.col-xlarge-push-8 {
left: 66.66667%; }
.col-xlarge-push-9 {
left: 75%; }
.col-xlarge-push-10 {
left: 83.33333%; }
.col-xlarge-push-11 {
left: 91.66667%; }
.col-xlarge-push-12 {
left: 100%; }
.col-xlarge-offset-0 {
margin-left: 0%; }
.col-xlarge-offset-1 {
margin-left: 8.33333%; }
.col-xlarge-offset-2 {
margin-left: 16.66667%; }
.col-xlarge-offset-3 {
margin-left: 25%; }
.col-xlarge-offset-4 {
margin-left: 33.33333%; }
.col-xlarge-offset-5 {
margin-left: 41.66667%; }
.col-xlarge-offset-6 {
margin-left: 50%; }
.col-xlarge-offset-7 {
margin-left: 58.33333%; }
.col-xlarge-offset-8 {
margin-left: 66.66667%; }
.col-xlarge-offset-9 {
margin-left: 75%; }
.col-xlarge-offset-10 {
margin-left: 83.33333%; }
.col-xlarge-offset-11 {
margin-left: 91.66667%; }
.col-xlarge-offset-12 {
margin-left: 100%; } }
.grid--content {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 50px;
text-align: center; }
.grid--content:before, .grid--content:after {
content: "";
display: table; }
.grid--content:after {
clear: both; }
.grid--content p, .grid--content img {
margin-bottom: 10px; }
.grid--content-title {
font-size: 1.375em;
margin-top: 20px; }
.grid--content-half {
min-height: 1px;
padding-left: 125px;
padding-right: 125px;
position: relative; }
@media (min-width: 60em) {
.grid--content-half {
float: left;
width: 50%; } }
.grid--content-third {
min-height: 1px;
padding-left: 75px;
padding-right: 75px;
position: relative; }
@media (min-width: 48em) {
.grid--content-third {
float: left;
width: 33.33333%; } }
.grid--content-fourth {
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
position: relative; }
@media (min-width: 48em) {
.grid--content-fourth {
float: left;
width: 25%; } }
.siteFooter {
background-color: #2E3C54;
padding-top: 40px;
padding-bottom: 60px;
position: relative; }
.siteFooter .icon:hover, .siteFooter .accordionList--term:hover:after, .siteFooter .page--pricing .section--pricing-plans .plan ul li:hover:before, .page--pricing .section--pricing-plans .plan ul .siteFooter li:hover:before, .siteFooter .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:hover:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .siteFooter .nav-category:hover:before, .siteFooter .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:hover:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .siteFooter .nav-category:hover:before, .siteFooter .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:hover:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .siteFooter .nav-category:hover:before, .siteFooter .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:hover:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .siteFooter .nav-category:hover:before, .siteFooter .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:hover:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .siteFooter .nav-category:hover:before, .siteFooter .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:hover:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .siteFooter .nav-category:hover:before, .siteFooter .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:hover:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .siteFooter .nav-category:hover:before, .siteFooter .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:hover:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .siteFooter .nav-category:hover:before, .siteFooter a.icon:hover, .siteFooter a.accordionList--term:hover:after {
border-bottom: none; }
html.device-mobile.skrollr .siteFooter:after {
background: inherit;
content: "";
height: 100vh;
left: 0;
position: absolute;
top: 100%;
width: 100%;
z-index: -1; }
.siteFooter-column {
list-style-type: none;
margin-bottom: 0; }
@media (max-width: 48em) {
.siteFooter-column {
text-align: center; } }
.siteFooter-column--logo {
height: 120px;
text-align: center; }
.siteFooter-column--logo a {
color: #898E95;
font-size: 65px;
line-height: 75px; }
.siteFooter-column--logo a:hover {
border-bottom-color: transparent;
color: #B9BCC0; }
.siteFooter-column-title {
color: #fff;
white-space: nowrap; }
.siteFooter-column-item {
margin-bottom: 0; }
.siteFooter-column-item a {
color: #A1A4AA; }
.siteFooter-column-item a:hover {
border-bottom-color: #A1A4AA; }
.siteFooter-column-item .icon, .siteFooter-column-item .accordionList--term:after, .siteFooter-column-item .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .siteFooter-column-item li:before, .siteFooter-column-item .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .siteFooter-column-item .nav-category:before, .siteFooter-column-item .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .siteFooter-column-item .nav-category:before, .siteFooter-column-item .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .siteFooter-column-item .nav-category:before, .siteFooter-column-item .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .siteFooter-column-item .nav-category:before, .siteFooter-column-item .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .siteFooter-column-item .nav-category:before, .siteFooter-column-item .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .siteFooter-column-item .nav-category:before, .siteFooter-column-item .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .siteFooter-column-item .nav-category:before, .siteFooter-column-item .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .siteFooter-column-item .nav-category:before {
line-height: 1.7em;
margin-right: .4em; }
.siteFooter-column-item .icon:hover, .siteFooter-column-item .accordionList--term:hover:after, .siteFooter-column-item .page--pricing .section--pricing-plans .plan ul li:hover:before, .page--pricing .section--pricing-plans .plan ul .siteFooter-column-item li:hover:before, .siteFooter-column-item .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:hover:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .siteFooter-column-item .nav-category:hover:before, .siteFooter-column-item .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:hover:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .siteFooter-column-item .nav-category:hover:before, .siteFooter-column-item .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:hover:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .siteFooter-column-item .nav-category:hover:before, .siteFooter-column-item .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:hover:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .siteFooter-column-item .nav-category:hover:before, .siteFooter-column-item .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:hover:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .siteFooter-column-item .nav-category:hover:before, .siteFooter-column-item .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:hover:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .siteFooter-column-item .nav-category:hover:before, .siteFooter-column-item .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:hover:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .siteFooter-column-item .nav-category:hover:before, .siteFooter-column-item .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:hover:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .siteFooter-column-item .nav-category:hover:before {
border-bottom-color: transparent;
color: #B9BCC0; }
form {
color: #1B2432;
margin-bottom: 20px; }
input, select, textarea {
background-color: #fff;
border: 1px solid #CDCFD2;
border-radius: 3px;
color: #1B2432;
font-size: 0.875em;
height: 40px;
margin: 0;
padding: 0;
text-indent: 10px;
transition: 150ms;
width: 100%; }
input:focus, select:focus, textarea:focus {
outline: 0; }
input[disabled], input[disabled]:hover, input[disabled]:active, input[disabled]:focus, select[disabled], select[disabled]:hover, select[disabled]:active, select[disabled]:focus, textarea[disabled], textarea[disabled]:hover, textarea[disabled]:active, textarea[disabled]:focus {
background-color: #F8F8F9;
border-color: #EFF0F1;
box-shadow: none;
cursor: not-allowed; }
input {
line-height: normal; }
input:focus {
border-color: #B9BCC0;
box-shadow: inset 0px 1px 1px 0px #eff0f1; }
input[type="checkbox"], input[type="radio"], input[type="range"], input[type="file"], input[type="range"], input[type="color"] {
height: auto;
text-indent: 0;
width: auto; }
input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="range"]:focus, input[type="file"]:focus, input[type="range"]:focus, input[type="color"]:focus {
border-color: none;
box-shadow: none;
outline: none; }
input[type="submit"] {
margin-top: 20px;
padding: 0 10px;
text-indent: 0; }
input[type="submit"]:focus {
border-color: none;
box-shadow: none; }
input.button {
height: auto;
padding: auto; }
input[type="checkbox"], input[type="file"], input[type="image"], input[type="radio"] {
height: auto;
width: auto; }
input[type="checkbox"], input[type="radio"] {
line-height: normal;
padding: 0; }
input[type="checkbox"]:last-of-type, input[type="radio"]:last-of-type {
margin-bottom: 0; }
input[type="checkbox"] + label, input[type="radio"] + label {
color: #1B2432;
display: inline-block;
font-size: 0.875em;
font-weight: 400;
margin: 0 0 0 5px;
line-height: 1;
text-transform: none; }
input[type="search"] {
border-radius: 15px;
height: 30px; }
input[type="file"] {
background-color: transparent;
border: none;
line-height: 100%;
padding: 0; }
select {
text-indent: 0; }
select:focus {
background-color: #F8F8F9;
box-shadow: inset 0px -1px 0px 0px #e1e2e4;
outline: none; }
select[multiple] {
height: auto; }
select::-ms-expand {
display: none; }
select::-ms-value {
color: currentColor; }
option[disabled] {
color: #CDCFD2; }
textarea {
height: auto;
padding: 10px 15px;
resize: vertical;
text-indent: 0; }
textarea:focus {
border-color: #B9BCC0;
box-shadow: inset 0px 1px 1px 0px #eff0f1; }
label {
color: #A1A4AA;
display: block;
font-size: 0.75em;
margin-bottom: 7px;
margin-top: 25px;
text-transform: uppercase; }
fieldset {
border: 1px solid #CDCFD2;
border-radius: 3px;
margin-bottom: 20px;
padding: 15px; }
fieldset > input {
margin-bottom: 0; }
legend {
color: #B9BCC0;
font-size: 14;
font-weight: 600;
padding: 0 10px; }
::-webkit-input-placeholder {
color: #B9BCC0; }
:-ms-input-placeholder {
color: #B9BCC0; }
::-moz-placeholder {
color: #B9BCC0; }
:-moz-placeholder {
color: #B9BCC0; }
.input--short {
height: 30px; }
@media (min-width: 60em) {
.form--inline input, .list-signup-form input, .section--jobs-footer .list-signup-form input, .form--inline select, .list-signup-form select, .section--jobs-footer .list-signup-form select, .form--inline textarea, .list-signup-form textarea, .section--jobs-footer .list-signup-form textarea {
display: inline-block;
vertical-align: middle;
width: auto; }
.form--inline label, .list-signup-form label, .section--jobs-footer .list-signup-form label {
display: inline;
margin-right: 10px;
vertical-align: middle; }
.form--inline input + label, .list-signup-form input + label, .section--jobs-footer .list-signup-form input + label {
margin-left: 15px; }
.form--inline button, .list-signup-form button, .section--jobs-footer .list-signup-form button, .form--inline input[type="submit"], .list-signup-form input[type="submit"], .form--inline .button, .list-signup-form .button, .form--inline input.button, .list-signup-form input.button {
height: 40px;
margin: 0 0 0 15px; }
.form--inline .input--short + button, .list-signup-form .input--short + button, .form--inline .input--short + input[type="submit"], .list-signup-form .input--short + input[type="submit"], .form--inline .input--short + .button, .list-signup-form .input--short + .button, .form--inline .input--short + input[type="submit"], .list-signup-form .input--short + input[type="submit"] {
height: 30px; } }
@media (min-width: 60em) {
.form--horizontal label {
display: inline-block;
margin: 0 10px 0 0;
text-align: right;
vertical-align: middle;
width: 105px; }
.form--horizontal input, .form--horizontal select, .form--horizontal textarea {
display: inline-block;
vertical-align: middle;
width: 300px; }
.form--horizontal textarea {
width: auto; }
.form--horizontal .input--help {
margin-left: 120px; } }
.input--background label {
color: #fff; }
.input--background input:focus, .input--background select:focus, .input--background textarea:focus {
border-color: rgba(27, 36, 50, 0.5); }
.input--background input[disabled], .input--background input[disabled]:hover, .input--background input[disabled]:active, .input--background input[disabled]:focus, .input--background select[disabled], .input--background select[disabled]:hover, .input--background select[disabled]:active, .input--background select[disabled]:focus, .input--background textarea[disabled], .input--background textarea[disabled]:hover, .input--background textarea[disabled]:active, .input--background textarea[disabled]:focus {
background-color: rgba(255, 255, 255, 0.6);
border-color: transparent; }
.input--unstyled {
background: none;
border: none;
box-shadow: none;
display: inline-block;
font-weight: 400;
height: auto;
margin: 0;
padding: 0;
text-indent: 0; }
.input--unstyled:focus {
box-shadow: none; }
.input--help {
color: #B9BCC0;
font-size: 0.75em;
font-weight: 600;
margin-top: 5px; }
.siteHeader {
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 1px 3px rgba(27, 36, 50, 0.15);
height: 55px;
position: fixed;
top: 0;
width: 100%;
z-index: 900; }
@media (min-width: 30em) {
.siteHeader {
height: 60px; } }
.siteHeader-logo {
background: url("https://luna1.co/29e1d8.png") no-repeat transparent center center;
background-size: contain;
display: block;
float: left;
height: 26px;
margin-top: 15px;
width: 132px; }
.siteHeader-logo:hover {
border-bottom: none; }
.siteHeader-logo--guide {
background: url("https://luna1.co/f24ee9.png") no-repeat transparent center center;
background-size: contain;
height: 32px;
width: 210px; }
.siteHeader-logo--dev {
background: url("https://luna1.co/7ed8a8.png") no-repeat transparent center center;
background-size: contain;
height: 31px;
width: 264px; }
.siteHeader-logo--blog {
background: url("https://luna1.co/f1be03.png") no-repeat transparent center center;
background-size: contain;
height: 31px;
width: 190px; }
.siteHeader-search {
display: none;
margin-top: 13px;
visibility: hidden; }
@media (min-width: 60em) {
.siteHeader-search {
display: block;
visibility: visible; } }
.siteHeader-search input {
background: url('/assets/svg/icons/i_magnifying.svg') no-repeat 5px center;
background-size: 22px;
padding-left: 20px;
width: 100%; }
.siteHeader-buttons {
display: inline;
float: right;
text-align: right; }
.siteHeader-buttons button, .siteHeader-buttons input[type="submit"], .siteHeader-buttons .button {
font-size: 0.875em;
height: 35px;
line-height: 2.4;
margin: 11.5px 10px 0 0;
padding-right: 13px;
padding-left: 13px; }
.siteHeader-nav {
display: inline;
float: right;
font-weight: 400;
margin-right: 15px;
margin-top: 25px; }
.siteHeader-nav a {
color: #B9BCC0; }
.siteHeader-nav a:hover, .siteHeader-nav a:active {
border-bottom: none;
color: #1AAFD0; }
.siteHeader-nav li, .siteHeader-nav .page--app .app-page #apps-nav .nav-line .nav-category, .page--app .app-page #apps-nav .nav-line .siteHeader-nav .nav-category, .siteHeader-nav .page--app .apps-page #apps-nav .nav-line .nav-category, .page--app .apps-page #apps-nav .nav-line .siteHeader-nav .nav-category, .siteHeader-nav .page--apps .app-page #apps-nav .nav-line .nav-category, .page--apps .app-page #apps-nav .nav-line .siteHeader-nav .nav-category, .siteHeader-nav .page--apps .apps-page #apps-nav .nav-line .nav-category, .page--apps .apps-page #apps-nav .nav-line .siteHeader-nav .nav-category {
display: inline;
font-size: 0.875em;
list-style: none;
margin-right: 20px;
text-transform: uppercase; }
.siteHeader-nav li.is-active, .siteHeader-nav .page--app .app-page #apps-nav .nav-line .is-active.nav-category, .page--app .app-page #apps-nav .nav-line .siteHeader-nav .is-active.nav-category, .siteHeader-nav .page--app .app-page #apps-nav .nav-line .nav-category.active, .page--app .app-page #apps-nav .nav-line .siteHeader-nav .nav-category.active, .siteHeader-nav .page--app .apps-page #apps-nav .nav-line .is-active.nav-category, .page--app .apps-page #apps-nav .nav-line .siteHeader-nav .is-active.nav-category, .siteHeader-nav .page--app .apps-page #apps-nav .nav-line .nav-category.active, .page--app .apps-page #apps-nav .nav-line .siteHeader-nav .nav-category.active, .siteHeader-nav .page--apps .app-page #apps-nav .nav-line .is-active.nav-category, .page--apps .app-page #apps-nav .nav-line .siteHeader-nav .is-active.nav-category, .siteHeader-nav .page--apps .app-page #apps-nav .nav-line .nav-category.active, .page--apps .app-page #apps-nav .nav-line .siteHeader-nav .nav-category.active, .siteHeader-nav .page--apps .apps-page #apps-nav .nav-line .is-active.nav-category, .page--apps .apps-page #apps-nav .nav-line .siteHeader-nav .is-active.nav-category, .siteHeader-nav .page--apps .apps-page #apps-nav .nav-line .nav-category.active, .page--apps .apps-page #apps-nav .nav-line .siteHeader-nav .nav-category.active {
border-bottom: 3px solid #6a67ce;
padding-bottom: 15px; }
.siteHeader-nav li.is-active a, .siteHeader-nav .page--app .app-page #apps-nav .nav-line .is-active.nav-category a, .page--app .app-page #apps-nav .nav-line .siteHeader-nav .is-active.nav-category a, .siteHeader-nav .page--app .app-page #apps-nav .nav-line .nav-category.active a, .page--app .app-page #apps-nav .nav-line .siteHeader-nav .nav-category.active a, .siteHeader-nav .page--app .apps-page #apps-nav .nav-line .is-active.nav-category a, .page--app .apps-page #apps-nav .nav-line .siteHeader-nav .is-active.nav-category a, .siteHeader-nav .page--app .apps-page #apps-nav .nav-line .nav-category.active a, .page--app .apps-page #apps-nav .nav-line .siteHeader-nav .nav-category.active a, .siteHeader-nav .page--apps .app-page #apps-nav .nav-line .is-active.nav-category a, .page--apps .app-page #apps-nav .nav-line .siteHeader-nav .is-active.nav-category a, .siteHeader-nav .page--apps .app-page #apps-nav .nav-line .nav-category.active a, .page--apps .app-page #apps-nav .nav-line .siteHeader-nav .nav-category.active a, .siteHeader-nav .page--apps .apps-page #apps-nav .nav-line .is-active.nav-category a, .page--apps .apps-page #apps-nav .nav-line .siteHeader-nav .is-active.nav-category a, .siteHeader-nav .page--apps .apps-page #apps-nav .nav-line .nav-category.active a, .page--apps .apps-page #apps-nav .nav-line .siteHeader-nav .nav-category.active a {
color: #1B2432; }
.siteHeader-spacer {
background: #fff;
height: 60px;
position: relative;
z-index: 1; }
.siteHeader--static {
position: relative; }
ul {
list-style-type: circle; }
ol {
list-style-type: decimal; }
ul, ol {
margin-bottom: 15px;
padding-left: 20px; }
ul li, ul .page--app .app-page #apps-nav .nav-line .nav-category, .page--app .app-page #apps-nav .nav-line ul .nav-category, ul .page--app .apps-page #apps-nav .nav-line .nav-category, .page--app .apps-page #apps-nav .nav-line ul .nav-category, ul .page--apps .app-page #apps-nav .nav-line .nav-category, .page--apps .app-page #apps-nav .nav-line ul .nav-category, ul .page--apps .apps-page #apps-nav .nav-line .nav-category, .page--apps .apps-page #apps-nav .nav-line ul .nav-category, ol li, ol .page--app .app-page #apps-nav .nav-line .nav-category, .page--app .app-page #apps-nav .nav-line ol .nav-category, ol .page--app .apps-page #apps-nav .nav-line .nav-category, .page--app .apps-page #apps-nav .nav-line ol .nav-category, ol .page--apps .app-page #apps-nav .nav-line .nav-category, .page--apps .app-page #apps-nav .nav-line ol .nav-category, ol .page--apps .apps-page #apps-nav .nav-line .nav-category, .page--apps .apps-page #apps-nav .nav-line ol .nav-category {
margin-bottom: 5px;
position: relative; }
ul ul, ul ol, ol ul, ol ol {
margin-bottom: auto; }
ul ul, ol ul {
list-style-type: circle; }
ul ul ul, ol ul ul {
list-style-type: square; }
ul ul ol, ol ul ol {
list-style-type: lower-roman; }
ul ol, ol ol {
list-style-type: lower-latin; }
ul ol ol, ol ol ol {
list-style-type: lower-roman; }
ul ol ul, ol ol ul {
list-style-type: square; }
dt {
font-weight: 700;
margin-bottom: 15px; }
dd {
margin-bottom: 20px; }
.list--navigation {
color: #49505B;
margin-bottom: 0;
padding-left: 0; }
.list--navigation a {
color: #49505B; }
.list--navigation a:hover {
border-bottom: none; }
.list--navigation li, .list--navigation .page--app .app-page #apps-nav .nav-line .nav-category, .page--app .app-page #apps-nav .nav-line .list--navigation .nav-category, .list--navigation .page--app .apps-page #apps-nav .nav-line .nav-category, .page--app .apps-page #apps-nav .nav-line .list--navigation .nav-category, .list--navigation .page--apps .app-page #apps-nav .nav-line .nav-category, .page--apps .app-page #apps-nav .nav-line .list--navigation .nav-category, .list--navigation .page--apps .apps-page #apps-nav .nav-line .nav-category, .page--apps .apps-page #apps-nav .nav-line .list--navigation .nav-category {
font-size: 0.875em;
line-height: 2;
list-style-type: none;
margin: 0 2px;
padding: 0 13px;
transition: background-color 75ms; }
.list--navigation li:hover, .list--navigation .page--app .app-page #apps-nav .nav-line .nav-category:hover, .page--app .app-page #apps-nav .nav-line .list--navigation .nav-category:hover, .list--navigation .page--app .apps-page #apps-nav .nav-line .nav-category:hover, .page--app .apps-page #apps-nav .nav-line .list--navigation .nav-category:hover, .list--navigation .page--apps .app-page #apps-nav .nav-line .nav-category:hover, .page--apps .app-page #apps-nav .nav-line .list--navigation .nav-category:hover, .list--navigation .page--apps .apps-page #apps-nav .nav-line .nav-category:hover, .page--apps .apps-page #apps-nav .nav-line .list--navigation .nav-category:hover, .list--navigation li.is-active, .list--navigation .page--app .app-page #apps-nav .nav-line .is-active.nav-category, .page--app .app-page #apps-nav .nav-line .list--navigation .is-active.nav-category, .list--navigation .page--app .app-page #apps-nav .nav-line .nav-category.active, .page--app .app-page #apps-nav .nav-line .list--navigation .nav-category.active, .list--navigation .page--app .apps-page #apps-nav .nav-line .is-active.nav-category, .page--app .apps-page #apps-nav .nav-line .list--navigation .is-active.nav-category, .list--navigation .page--app .apps-page #apps-nav .nav-line .nav-category.active, .page--app .apps-page #apps-nav .nav-line .list--navigation .nav-category.active, .list--navigation .page--apps .app-page #apps-nav .nav-line .is-active.nav-category, .page--apps .app-page #apps-nav .nav-line .list--navigation .is-active.nav-category, .list--navigation .page--apps .app-page #apps-nav .nav-line .nav-category.active, .page--apps .app-page #apps-nav .nav-line .list--navigation .nav-category.active, .list--navigation .page--apps .apps-page #apps-nav .nav-line .is-active.nav-category, .page--apps .apps-page #apps-nav .nav-line .list--navigation .is-active.nav-category, .list--navigation .page--apps .apps-page #apps-nav .nav-line .nav-category.active, .page--apps .apps-page #apps-nav .nav-line .list--navigation .nav-category.active {
background-color: #1AAFD0;
color: #fff; }
.list--navigation .li--header {
font-size: 0.75em;
font-weight: 600;
line-height: 1.5;
padding-top: 20px;
text-transform: uppercase; }
@media (min-width: 48em) {
.list--navigation .li--header {
padding-top: 30px; } }
.list--navigation .li--header:hover {
background-color: transparent;
color: inherit; }
.list--navigation-logo {
margin-left: 15px;
max-width: 100px; }
@media (min-width: 60em) {
.list--navigation-logo {
max-width: 115px; } }
.list--background.list--navigation a, .list--background.list--navigation li, .list--background.list--navigation .page--app .app-page #apps-nav .nav-line .nav-category, .page--app .app-page #apps-nav .nav-line .list--background.list--navigation .nav-category, .list--background.list--navigation .page--app .apps-page #apps-nav .nav-line .nav-category, .page--app .apps-page #apps-nav .nav-line .list--background.list--navigation .nav-category, .list--background.list--navigation .page--apps .app-page #apps-nav .nav-line .nav-category, .page--apps .app-page #apps-nav .nav-line .list--background.list--navigation .nav-category, .list--background.list--navigation .page--apps .apps-page #apps-nav .nav-line .nav-category, .page--apps .apps-page #apps-nav .nav-line .list--background.list--navigation .nav-category {
color: #fff; }
.list--background.list--navigation li:hover, .list--background.list--navigation .page--app .app-page #apps-nav .nav-line .nav-category:hover, .page--app .app-page #apps-nav .nav-line .list--background.list--navigation .nav-category:hover, .list--background.list--navigation .page--app .apps-page #apps-nav .nav-line .nav-category:hover, .page--app .apps-page #apps-nav .nav-line .list--background.list--navigation .nav-category:hover, .list--background.list--navigation .page--apps .app-page #apps-nav .nav-line .nav-category:hover, .page--apps .app-page #apps-nav .nav-line .list--background.list--navigation .nav-category:hover, .list--background.list--navigation .page--apps .apps-page #apps-nav .nav-line .nav-category:hover, .page--apps .apps-page #apps-nav .nav-line .list--background.list--navigation .nav-category:hover, .list--background.list--navigation li.is-active, .list--background.list--navigation .page--app .app-page #apps-nav .nav-line .is-active.nav-category, .page--app .app-page #apps-nav .nav-line .list--background.list--navigation .is-active.nav-category, .list--background.list--navigation .page--app .app-page #apps-nav .nav-line .nav-category.active, .page--app .app-page #apps-nav .nav-line .list--background.list--navigation .nav-category.active, .list--background.list--navigation .page--app .apps-page #apps-nav .nav-line .is-active.nav-category, .page--app .apps-page #apps-nav .nav-line .list--background.list--navigation .is-active.nav-category, .list--background.list--navigation .page--app .apps-page #apps-nav .nav-line .nav-category.active, .page--app .apps-page #apps-nav .nav-line .list--background.list--navigation .nav-category.active, .list--background.list--navigation .page--apps .app-page #apps-nav .nav-line .is-active.nav-category, .page--apps .app-page #apps-nav .nav-line .list--background.list--navigation .is-active.nav-category, .list--background.list--navigation .page--apps .app-page #apps-nav .nav-line .nav-category.active, .page--apps .app-page #apps-nav .nav-line .list--background.list--navigation .nav-category.active, .list--background.list--navigation .page--apps .apps-page #apps-nav .nav-line .is-active.nav-category, .page--apps .apps-page #apps-nav .nav-line .list--background.list--navigation .is-active.nav-category, .list--background.list--navigation .page--apps .apps-page #apps-nav .nav-line .nav-category.active, .page--apps .apps-page #apps-nav .nav-line .list--background.list--navigation .nav-category.active {
background: #FC636B;
background: linear-gradient(-90deg, #FC636B 0%, #FF6D92 70%, #fd9a00 100%); }
.list--background.list--navigation .li--header, .list--background.list--navigation .li--header a {
color: #A1A4AA; }
.list--background.list--navigation .li--header:hover {
background-color: transparent;
color: inherit; }
.pageHeading {
background-color: #EFF0F1;
margin-bottom: 20px;
padding: 100px 0;
text-align: center; }
.pageHeading-subhead {
color: #676D76;
font-size: 1.375em; }
.sectionHeading {
text-align: center; }
.sectionHeading-subhead {
color: #676D76;
font-size: 1.375em;
margin-bottom: 20px; }
table {
border: 1px solid #E1E2E4;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
margin-bottom: 20px;
text-align: left;
width: 100% !important; }
table caption {
color: #676D76;
font-size: 85%;
font-style: italic;
padding: 1em 0;
text-align: center; }
table thead {
background-color: #EFF0F1;
border-bottom: 1px solid #E1E2E4; }
table th, table td {
overflow: visible;
padding: 10px 15px; }
table td {
border-top: 1px solid #EFF0F1; }
.table-responsive {
margin-bottom: 20px;
overflow: auto;
width: 100%; }
.table-responsive::-webkit-scrollbar {
height: 15px;
width: 15px;
-webkit-appearance: none; }
.table-responsive::-webkit-scrollbar-thumb {
background-color: rgba(27, 36, 50, 0.2);
border: 3px solid #fff;
border-radius: 8px; }
:root {
font-size: 16px;
line-height: 1.5; }
@media (min-width: 480px) {
:root {
font-size: 16px; } }
h1, .video-vimeo-with-bg .play-video .headline, .page--app .app-page h1, .page--app .apps-page h1, .page--apps .app-page h1, .page--apps .apps-page h1 {
font-size: 55px; }
@media (max-width: 959px) {
h1, .video-vimeo-with-bg .play-video .headline, .page--app .app-page h1, .page--app .apps-page h1, .page--apps .app-page h1, .page--apps .apps-page h1 {
font-size: 36px; } }
h2, .mediaGrid-tile--withasana h3, .page--customers #withasana-carousel .overlay h3, .page--pricing .section--pricing-social-proof h3, .page--app .app-page .block-main h3, .page--app .apps-page .block-main h3, .page--apps .app-page .block-main h3, .page--apps .apps-page .block-main h3 {
font-size: 40px; }
@media (max-width: 959px) {
h2, .mediaGrid-tile--withasana h3, .page--customers #withasana-carousel .overlay h3, .page--pricing .section--pricing-social-proof h3, .page--app .app-page .block-main h3, .page--app .apps-page .block-main h3, .page--apps .app-page .block-main h3, .page--apps .apps-page .block-main h3 {
font-size: 28px; } }
h3 {
font-size: 28px; }
@media (max-width: 959px) {
h3 {
font-size: 24px; } }
.p--large, .mediaGrid-tile--withasana p, .accordionList--term, .section--jobs-culture .culture-subhead, .section--jobs-peers .peers-subhead, .page--product .section--screenshots .screenshot-panel p, .page--customers #withasana-carousel .overlay p, .page--customer .section--customer-stories .stories-subhead, .page--app .app-page p, .page--app .apps-page p, .page--apps .app-page p, .page--apps .apps-page p, .page--apply-success p {
font-size: 22px; }
@media (max-width: 959px) {
.p--large, .mediaGrid-tile--withasana p, .accordionList--term, .section--jobs-culture .culture-subhead, .section--jobs-peers .peers-subhead, .page--product .section--screenshots .screenshot-panel p, .page--customers #withasana-carousel .overlay p, .page--customer .section--customer-stories .stories-subhead, .page--app .app-page p, .page--app .apps-page p, .page--apps .app-page p, .page--apps .apps-page p, .page--apply-success p {
font-size: 20px; } }
h4, .button.button--card, h5, h6 {
margin: 10px 0; }
h5, h6 {
font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif; }
h4, .button.button--card {
font-size: 1.375em;
letter-spacing: .25px; }
h5 {
font-size: 1.125em; }
h6 {
font-size: 1em; }
a, a:hover {
text-decoration: none !important; }
html {
background: #2E3C54; }
body {
background: #fff; }
br {
margin-bottom: 0; }
h3 {
line-height: 1.14; }
.buttonCard-wrapper {
margin-top: 6em; }
.button--card-parent {
margin: 10px 0 !important;
display: table;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
height: 7em; }
@media (min-width: 48em) {
.button--card-parent {
float: left;
width: 50%; } }
.button.button--card {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
margin: 0 auto;
white-space: normal;
transition: all, .25s;
padding: 0 10px !important; }
.button.button--card:hover {
background: #fff;
color: #6a67ce !important;
border-width: 1px !important;
margin: 0 !important;
border-radius: 3px;
border-color: #fff;
box-shadow: 0 1px 3px rgba(27, 36, 50, 0.15); }
.pageHero {
background: #3be8b0;
background: linear-gradient(45deg, #3be8b0 0%, #02CEFF 100%);
position: relative;
text-align: center;
padding-top: 90px;
padding-bottom: 90px;
margin-bottom: 50px; }
@media (max-width: 959px) {
.pageHero {
padding: 45px 0;
margin-bottom: 25px; } }
.pageHero-content {
z-index: 10;
margin-top: 50px;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.pageHero-content {
float: left;
width: 50%; } }
@media (min-width: 48em) {
.pageHero-content {
margin-left: 25%; } }
.pageHero-content h1, .pageHero-content .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .pageHero-content .headline, .pageHero-content .page--app .app-page h1, .page--app .app-page .pageHero-content h1, .pageHero-content .page--app .apps-page h1, .page--app .apps-page .pageHero-content h1, .pageHero-content .page--apps .app-page h1, .page--apps .app-page .pageHero-content h1, .pageHero-content .page--apps .apps-page h1, .page--apps .apps-page .pageHero-content h1 {
margin-bottom: 20px; }
.pageSection {
padding-top: 50px;
padding-bottom: 60px; }
@media (max-width: 959px) {
.pageSection {
padding-top: 25px;
padding-bottom: 30px; } }
.pageSection--background {
padding-top: 100px;
padding-bottom: 85px;
margin-top: 50px;
margin-bottom: 50px; }
@media (max-width: 959px) {
.pageSection--background {
padding-top: 50px;
padding-bottom: 40px;
margin-top: 25px;
margin-bottom: 25px; } }
.sectionHeading {
text-align: center;
padding-bottom: 50px; }
@media (max-width: 959px) {
.sectionHeading {
padding-bottom: 25px; } }
.centered, .iconList-items {
text-align: center; }
.content--background h1, .page--home .section--home-screenshots .text-container h1, .page--company .section--company-brand-narrative h1, .content--background .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .content--background .headline, .page--home .section--home-screenshots .text-container .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--home .section--home-screenshots .text-container .headline, .page--company .section--company-brand-narrative .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--company .section--company-brand-narrative .headline, .content--background .page--app .app-page h1, .page--app .app-page .content--background h1, .content--background .page--app .apps-page h1, .page--app .apps-page .content--background h1, .content--background .page--apps .app-page h1, .page--apps .app-page .content--background h1, .content--background .page--apps .apps-page h1, .page--apps .apps-page .content--background h1, .content--background h2, .page--home .section--home-screenshots .text-container h2, .page--company .section--company-brand-narrative h2, .content--background .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .content--background h3, .page--home .section--home-screenshots .text-container .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--home .section--home-screenshots .text-container h3, .page--company .section--company-brand-narrative .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--company .section--company-brand-narrative h3, .content--background .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .content--background h3, .page--home .section--home-screenshots .text-container .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--home .section--home-screenshots .text-container h3, .page--company .section--company-brand-narrative .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--company .section--company-brand-narrative h3, .content--background .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .content--background h3, .page--home .section--home-screenshots .text-container .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--home .section--home-screenshots .text-container h3, .page--company .section--company-brand-narrative .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--company .section--company-brand-narrative h3, .content--background .page--app .app-page .block-main h3, .page--app .app-page .block-main .content--background h3, .page--home .section--home-screenshots .text-container .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--home .section--home-screenshots .text-container h3, .page--company .section--company-brand-narrative .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--company .section--company-brand-narrative h3, .content--background .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .content--background h3, .page--home .section--home-screenshots .text-container .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--home .section--home-screenshots .text-container h3, .page--company .section--company-brand-narrative .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--company .section--company-brand-narrative h3, .content--background .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .content--background h3, .page--home .section--home-screenshots .text-container .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--home .section--home-screenshots .text-container h3, .page--company .section--company-brand-narrative .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--company .section--company-brand-narrative h3, .content--background .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .content--background h3, .page--home .section--home-screenshots .text-container .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--home .section--home-screenshots .text-container h3, .page--company .section--company-brand-narrative .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--company .section--company-brand-narrative h3, .content--background h3, .page--home .section--home-screenshots .text-container h3, .page--company .section--company-brand-narrative h3, .content--background h4, .page--home .section--home-screenshots .text-container h4, .page--company .section--company-brand-narrative h4, .content--background .button.button--card, .page--home .section--home-screenshots .text-container .button.button--card, .page--company .section--company-brand-narrative .button.button--card, .content--background h5, .page--home .section--home-screenshots .text-container h5, .page--company .section--company-brand-narrative h5, .content--background p, .page--home .section--home-screenshots .text-container p, .page--company .section--company-brand-narrative p, .content--background li, .page--home .section--home-screenshots .text-container li, .page--company .section--company-brand-narrative li, .content--background .page--app .app-page #apps-nav .nav-line .nav-category, .page--app .app-page #apps-nav .nav-line .content--background .nav-category, .page--home .section--home-screenshots .text-container .page--app .app-page #apps-nav .nav-line .nav-category, .page--app .app-page #apps-nav .nav-line .page--home .section--home-screenshots .text-container .nav-category, .page--company .section--company-brand-narrative .page--app .app-page #apps-nav .nav-line .nav-category, .page--app .app-page #apps-nav .nav-line .page--company .section--company-brand-narrative .nav-category, .content--background .page--app .apps-page #apps-nav .nav-line .nav-category, .page--app .apps-page #apps-nav .nav-line .content--background .nav-category, .page--home .section--home-screenshots .text-container .page--app .apps-page #apps-nav .nav-line .nav-category, .page--app .apps-page #apps-nav .nav-line .page--home .section--home-screenshots .text-container .nav-category, .page--company .section--company-brand-narrative .page--app .apps-page #apps-nav .nav-line .nav-category, .page--app .apps-page #apps-nav .nav-line .page--company .section--company-brand-narrative .nav-category, .content--background .page--apps .app-page #apps-nav .nav-line .nav-category, .page--apps .app-page #apps-nav .nav-line .content--background .nav-category, .page--home .section--home-screenshots .text-container .page--apps .app-page #apps-nav .nav-line .nav-category, .page--apps .app-page #apps-nav .nav-line .page--home .section--home-screenshots .text-container .nav-category, .page--company .section--company-brand-narrative .page--apps .app-page #apps-nav .nav-line .nav-category, .page--apps .app-page #apps-nav .nav-line .page--company .section--company-brand-narrative .nav-category, .content--background .page--apps .apps-page #apps-nav .nav-line .nav-category, .page--apps .apps-page #apps-nav .nav-line .content--background .nav-category, .page--home .section--home-screenshots .text-container .page--apps .apps-page #apps-nav .nav-line .nav-category, .page--apps .apps-page #apps-nav .nav-line .page--home .section--home-screenshots .text-container .nav-category, .page--company .section--company-brand-narrative .page--apps .apps-page #apps-nav .nav-line .nav-category, .page--apps .apps-page #apps-nav .nav-line .page--company .section--company-brand-narrative .nav-category {
color: #fff; }
.textlink--background, .section--jobs-culture .culture-feature a, .page--customers #withasana-carousel .overlay a {
color: #fff;
border-bottom: 2px dotted #fff;
font-weight: bold;
padding-bottom: 6px; }
.textlink--play-video .icon, .textlink--play-video .accordionList--term:after, .textlink--play-video .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .textlink--play-video li:before, .textlink--play-video .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .textlink--play-video .nav-category:before, .textlink--play-video .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .textlink--play-video .nav-category:before, .textlink--play-video .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .textlink--play-video .nav-category:before, .textlink--play-video .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .textlink--play-video .nav-category:before, .textlink--play-video .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .textlink--play-video .nav-category:before, .textlink--play-video .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .textlink--play-video .nav-category:before, .textlink--play-video .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .textlink--play-video .nav-category:before, .textlink--play-video .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .textlink--play-video .nav-category:before {
display: inline-block;
line-height: 39px;
margin-left: 10px;
font-size: 20px; }
.textlink--play-video:hover {
border-bottom: none !important;
text-decoration: underline !important; }
.textlink--play-video:hover .icon, .textlink--play-video:hover .accordionList--term:after, .textlink--play-video:hover .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .textlink--play-video:hover li:before, .textlink--play-video:hover .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .textlink--play-video:hover .nav-category:before, .textlink--play-video:hover .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .textlink--play-video:hover .nav-category:before, .textlink--play-video:hover .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .textlink--play-video:hover .nav-category:before, .textlink--play-video:hover .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .textlink--play-video:hover .nav-category:before, .textlink--play-video:hover .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .textlink--play-video:hover .nav-category:before, .textlink--play-video:hover .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .textlink--play-video:hover .nav-category:before, .textlink--play-video:hover .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .textlink--play-video:hover .nav-category:before, .textlink--play-video:hover .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .textlink--play-video:hover .nav-category:before {
text-decoration: none !important; }
@-webkit-keyframes orbit1 {
from {
-webkit-transform: rotate(0deg) translateX(-5vh) rotate(0deg);
transform: rotate(0deg) translateX(-5vh) rotate(0deg); }
to {
-webkit-transform: rotate(360deg) translateX(-5vh) rotate(-360deg);
transform: rotate(360deg) translateX(-5vh) rotate(-360deg); } }
@keyframes orbit1 {
from {
-webkit-transform: rotate(0deg) translateX(-5vh) rotate(0deg);
transform: rotate(0deg) translateX(-5vh) rotate(0deg); }
to {
-webkit-transform: rotate(360deg) translateX(-5vh) rotate(-360deg);
transform: rotate(360deg) translateX(-5vh) rotate(-360deg); } }
@-webkit-keyframes orbit2 {
from {
-webkit-transform: rotate(0deg) translateY(10vh) rotate(0deg);
transform: rotate(0deg) translateY(10vh) rotate(0deg); }
to {
-webkit-transform: rotate(360deg) translateY(10vh) rotate(-360deg);
transform: rotate(360deg) translateY(10vh) rotate(-360deg); } }
@keyframes orbit2 {
from {
-webkit-transform: rotate(0deg) translateY(10vh) rotate(0deg);
transform: rotate(0deg) translateY(10vh) rotate(0deg); }
to {
-webkit-transform: rotate(360deg) translateY(10vh) rotate(-360deg);
transform: rotate(360deg) translateY(10vh) rotate(-360deg); } }
@-webkit-keyframes orbit3 {
from {
-webkit-transform: rotate(0deg) translateX(5vh) rotate(0deg);
transform: rotate(0deg) translateX(5vh) rotate(0deg); }
to {
-webkit-transform: rotate(360deg) translateX(5vh) rotate(-360deg);
transform: rotate(360deg) translateX(5vh) rotate(-360deg); } }
@keyframes orbit3 {
from {
-webkit-transform: rotate(0deg) translateX(5vh) rotate(0deg);
transform: rotate(0deg) translateX(5vh) rotate(0deg); }
to {
-webkit-transform: rotate(360deg) translateX(5vh) rotate(-360deg);
transform: rotate(360deg) translateX(5vh) rotate(-360deg); } }
.bgCircle {
border-radius: 100%;
position: absolute; }
.section--video {
margin-top: 0px; }
.video-vimeo-with-bg {
min-height: 0 !important;
background-color: #fff;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
position: relative;
width: 100%; }
.video-vimeo-with-bg .vimeo-vid, .video-vimeo-with-bg .fluid-width-video-wrapper {
width: 100%;
height: 100%;
margin: 0 auto; }
.video-vimeo-with-bg .vimeo-vid {
display: none; }
.video-vimeo-with-bg .html-vid {
opacity: .3; }
.video-vimeo-with-bg .play-video {
height: 100%;
width: 100%;
z-index: 1;
position: absolute;
display: table;
text-decoration: none;
border: none !important; }
.video-vimeo-with-bg .play-video .headline-wrap {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
top: 0; }
.video-vimeo-with-bg .play-video .headline {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
color: #1B2432;
margin-top: -12vw; }
.video-vimeo-with-bg .play-video .headline > *:first-child {
margin-top: 0; }
@media (max-width: 959px) {
.video-vimeo-with-bg .play-video .headline {
margin-top: -15vw; } }
.video-vimeo-with-bg .play-video .button-wrap {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
top: 0; }
.video-vimeo-with-bg .play-video .button-wrap .button--video {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.video-vimeo-with-bg .play-video .button-wrap .button--video > *:first-child {
margin-top: 0; }
@media (max-width: 48em) {
.video-vimeo-with-bg .play-video .button-wrap .button--video {
top: 65%; } }
.video-vimeo-with-bg.active .vimeo-vid {
display: block; }
.video-vimeo-with-bg.active .html-vid, .video-vimeo-with-bg.active .play-video {
display: none; }
.button--video {
width: 105px;
height: 105px;
border-radius: 105px;
border-color: transparent;
position: relative;
background: #fff;
border-width: 0px;
text-align: center;
box-shadow: 0px 1px 7px 0px rgba(27, 36, 50, 0.24); }
.button--video:before {
display: block;
content: "";
background: url("https://luna1.co/5cc98f.png") no-repeat center center;
background-size: contain;
width: 50%;
height: 50%;
top: 25%;
left: 30%;
position: absolute; }
@media (max-width: 767px) {
.button--video {
width: 60px;
height: 60px; } }
.button--video:hover {
background: #fff;
border-color: transparent;
box-shadow: 0px 0px 0px 3px #fff; }
button, input[type="submit"], .button, input[type="submit"] {
-webkit-appearance: none; }
.after-siteHeader {
padding-top: 60px; }
.siteHeader {
background: white;
transition: background .5s;
box-shadow: 0px 1px 3px 0px rgba(27, 36, 50, 0.15);
height: 50px; }
@media (max-width: 959px) {
.siteHeader .container {
width: 100%; } }
@media (min-width: 768px) {
.siteHeader {
height: 55px; } }
.siteHeader button, .siteHeader input[type="submit"], .siteHeader .button, .siteHeader input[type="submit"] {
height: 35px;
line-height: 35px;
padding: 0 13px;
font-size: 14px;
margin: 10px 0px 10px 7px; }
@media (max-width: 959px) {
.siteHeader button, .siteHeader input[type="submit"], .siteHeader .button, .siteHeader input[type="submit"] {
display: none; } }
.siteHeader .siteHeader-logo {
background-image: url("https://luna1.co/0fc2ef.png");
height: 27px;
margin: 15px 0 13px 15px; }
@media (max-width: 959px) {
.siteHeader .siteHeader-logo {
height: 22px;
margin: 15px 0 14px 15px; } }
.siteHeader .siteHeader-nav {
float: left;
font-size: 14px;
margin-left: 40px;
margin-top: 0; }
@media (max-width: 959px) {
.siteHeader .siteHeader-nav {
display: none; } }
.siteHeader .siteHeader-nav ul {
margin: 0;
padding: 0; }
.siteHeader .siteHeader-nav li, .siteHeader .siteHeader-nav .page--app .app-page #apps-nav .nav-line .nav-category, .page--app .app-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category, .siteHeader .siteHeader-nav .page--app .apps-page #apps-nav .nav-line .nav-category, .page--app .apps-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category, .siteHeader .siteHeader-nav .page--apps .app-page #apps-nav .nav-line .nav-category, .page--apps .app-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category, .siteHeader .siteHeader-nav .page--apps .apps-page #apps-nav .nav-line .nav-category, .page--apps .apps-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category {
font-weight: 400;
letter-spacing: .05em;
display: inline-block;
margin-bottom: 0;
padding-top: 13px;
line-height: 39px;
margin-left: 10px;
margin-right: 15px;
color: #B9BCC0;
font-weight: 400;
-webkit-font-smoothing: auto;
letter-spacing: .04em; }
.siteHeader .siteHeader-nav li.active, .siteHeader .siteHeader-nav .page--app .app-page #apps-nav .nav-line .active.nav-category, .page--app .app-page #apps-nav .nav-line .siteHeader .siteHeader-nav .active.nav-category, .siteHeader .siteHeader-nav .page--app .apps-page #apps-nav .nav-line .active.nav-category, .page--app .apps-page #apps-nav .nav-line .siteHeader .siteHeader-nav .active.nav-category, .siteHeader .siteHeader-nav .page--apps .app-page #apps-nav .nav-line .active.nav-category, .page--apps .app-page #apps-nav .nav-line .siteHeader .siteHeader-nav .active.nav-category, .siteHeader .siteHeader-nav .page--apps .apps-page #apps-nav .nav-line .active.nav-category, .page--apps .apps-page #apps-nav .nav-line .siteHeader .siteHeader-nav .active.nav-category {
border-bottom: 3px solid #6a67ce;
color: #1B2432; }
.siteHeader .siteHeader-nav li:hover, .siteHeader .siteHeader-nav .page--app .app-page #apps-nav .nav-line .nav-category:hover, .page--app .app-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category:hover, .siteHeader .siteHeader-nav .page--app .apps-page #apps-nav .nav-line .nav-category:hover, .page--app .apps-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category:hover, .siteHeader .siteHeader-nav .page--apps .app-page #apps-nav .nav-line .nav-category:hover, .page--apps .app-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category:hover, .siteHeader .siteHeader-nav .page--apps .apps-page #apps-nav .nav-line .nav-category:hover, .page--apps .apps-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category:hover {
color: #1AAFD0;
border-bottom: none; }
.siteHeader .siteHeader-nav li a, .siteHeader .siteHeader-nav .page--app .app-page #apps-nav .nav-line .nav-category a, .page--app .app-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category a, .siteHeader .siteHeader-nav .page--app .apps-page #apps-nav .nav-line .nav-category a, .page--app .apps-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category a, .siteHeader .siteHeader-nav .page--apps .app-page #apps-nav .nav-line .nav-category a, .page--apps .app-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category a, .siteHeader .siteHeader-nav .page--apps .apps-page #apps-nav .nav-line .nav-category a, .page--apps .apps-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category a {
display: inline-block;
font-size: 14px;
font-weight: inherit;
transition: border .25s;
color: inherit; }
.siteHeader .siteHeader-nav li a:hover, .siteHeader .siteHeader-nav .page--app .app-page #apps-nav .nav-line .nav-category a:hover, .page--app .app-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category a:hover, .siteHeader .siteHeader-nav .page--app .apps-page #apps-nav .nav-line .nav-category a:hover, .page--app .apps-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category a:hover, .siteHeader .siteHeader-nav .page--apps .app-page #apps-nav .nav-line .nav-category a:hover, .page--apps .app-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category a:hover, .siteHeader .siteHeader-nav .page--apps .apps-page #apps-nav .nav-line .nav-category a:hover, .page--apps .apps-page #apps-nav .nav-line .siteHeader .siteHeader-nav .nav-category a:hover {
border-bottom: none; }
.siteHeader .siteHeader-mobile-menu {
width: 50px;
height: 50px;
right: 0;
top: 0;
position: absolute; }
.siteHeader .siteHeader-mobile-menu button, .siteHeader .siteHeader-mobile-menu input[type="submit"] {
width: 50px;
height: 50px;
font-size: 20px;
margin: 0;
display: none;
background: #fff;
color: #CDCFD2;
border-width: 0px !important;
box-shadow: none !important; }
@media (max-width: 959px) {
.siteHeader .siteHeader-mobile-menu button, .siteHeader .siteHeader-mobile-menu input[type="submit"] {
display: block; } }
.siteHeader .siteHeader-mobile-menu button:hover, .siteHeader .siteHeader-mobile-menu input[type="submit"]:hover, .siteHeader .siteHeader-mobile-menu button:focus, .siteHeader .siteHeader-mobile-menu input[type="submit"]:focus {
color: #898E95; }
.siteHeader.scrolled {
background: rgba(255, 255, 255, 0.94); }
@media (max-width: 400px) {
.mediaGrid {
margin-left: 2%;
margin-right: 2%; } }
.mediaGrid-tile--social {
text-align: center; }
@media (max-width: 449px) {
.mediaGrid-tile--social .mediaGrid-content {
padding: 0 5%; } }
.mediaGrid-tile--social .iconWrapper {
height: 2em;
margin-top: 10px; }
.mediaGrid-tile--social h3 {
margin-top: 20px;
height: 45%;
padding-left: 5%;
padding-right: 5%; }
@media (min-width: 1120px) {
.mediaGrid-tile--social h3 {
font-size: 1.75em; } }
@media (max-width: 549px) {
.mediaGrid-tile--social h3 {
display: none; } }
.mediaGrid-tile--social .button {
margin-top: 25%;
font-size: 16px; }
@media (max-width: 549px) {
.mediaGrid-tile--social .button {
font-size: 14px;
height: 35px;
padding: 0 15px; } }
@media (max-width: 449px) {
.mediaGrid-tile--social .button {
font-size: 12px;
height: 30px;
padding: 0 10px; } }
.mediaGrid-tile--bgsunset {
background-image: url("https://luna1.co/838de9.png");
background-size: cover;
background-color: #4f4da7; }
.mediaGrid-tile--bgGradientGreenTeal {
background: #3be8b0;
background: linear-gradient(45deg, #3be8b0 0%, #02CEFF 100%); }
.mediaGrid-tile--bgGradientPurpleTeal {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 100%); }
.mediaGrid-tile--bgGradientCoralPurple, .mediaGrid-tile--bgGradientPurpleCoral {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #FF6D92 100%); }
.mediaGrid-tile--bgGradientGoldCoral {
background: #FC636B;
background: linear-gradient(45deg, #FC636B 0%, #fd9a00 70%, #ffd200 100%); }
.mediaGrid-tile--bgGradientCoralGold {
background: #FC636B;
background: linear-gradient(45deg, #FC636B 0%, #FF6D92 70%, #fd9a00 100%); }
.mediaGrid-content {
padding: 0 10%;
height: auto;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute; }
.mediaGrid-content > *:first-child {
margin-top: 0; }
.mediaGrid-tile--2x1 .mediaGrid-content {
padding: 0 5%; }
.mediaGrid-tile--withasana p {
color: #fff; }
.mediaGrid-tile--withasana img, .mediaGrid-tile--withasana .mediaGrid-content {
transition: opacity .5s; }
.mediaGrid-tile--withasana img {
opacity: 1; }
.mediaGrid-tile--withasana .mediaGrid-content {
opacity: 0; }
@media (min-width: 960px) {
.mediaGrid-tile--withasana:hover img {
opacity: 0; }
.mediaGrid-tile--withasana:hover .mediaGrid-content {
opacity: 1; } }
.mediaGrid-tile--withasana.flipped img {
opacity: 0; }
.mediaGrid-tile--withasana.flipped .mediaGrid-content {
opacity: 1; }
@media (min-width: 960px) {
.mediaGrid-tile--withasana.flipped:hover img {
opacity: 1; }
.mediaGrid-tile--withasana.flipped:hover .mediaGrid-content {
opacity: 0; } }
.mediaGrid-tile[class*="mediaGrid-tile--1x"] {
width: 31.83333%; }
@media (max-width: 959px) {
.mediaGrid-tile[class*="mediaGrid-tile--1x"] {
width: 48.5%; } }
.mediaGrid-tile[class*="mediaGrid-tile--2x"] {
width: 65.91667%; }
@media (max-width: 959px) {
.mediaGrid-tile[class*="mediaGrid-tile--2x"] {
width: 100%; } }
@media (max-width: 959px) {
.mediaGrid-tile {
font-size: 12px; } }
.mediaGrid .gutter-width {
width: 2.25%; }
@media (max-width: 959px) {
.mediaGrid .gutter-width {
width: 3%; } }
/* CARDS */
.card--link {
font-weight: normal; }
.card-content img {
width: 100%; }
.card--article-source {
color: #A1A4AA;
margin-bottom: 0; }
.card--article-readmore {
bottom: 40px; }
.row-cards {
padding-top: 40px;
padding-bottom: 40px; }
.card, .page--app .app-page .block-main .app .well, .page--app .apps-page .block-main .app .well, .page--apps .app-page .block-main .app .well, .page--apps .apps-page .block-main .app .well {
margin-bottom: 20px; }
.card--equalHeight .card-content {
padding-bottom: 0px; }
@media (max-width: 767px) {
.card--equalHeight {
height: auto;
min-height: 320px; } }
.accordionList {
margin-top: 60px; }
.accordionList--term {
font-weight: normal;
border-top: 1px solid #CDCFD2;
display: block;
padding: 20px 10% 20px 0;
position: relative;
margin-bottom: 0;
color: #676D76;
cursor: pointer; }
.accordionList--term:after {
position: absolute;
right: 10px;
top: 25px;
content: "\e61f";
color: #B9BCC0; }
.accordionList--term.open:after {
content: "\e654"; }
.accordionList--term:hover, .accordionList--term:hover:after {
color: #1AAFD0; }
.accordionList--definition {
padding-right: 10%;
display: none; }
.accordionList--definition.open {
display: block; }
.buttons--cta {
margin-top: 30px; }
@media (max-width: 959px) {
.buttons--cta {
margin-top: 10px; } }
a {
font-weight: bold; }
.p--large a, .mediaGrid-tile--withasana p a, .accordionList--term a, .section--jobs-culture .culture-subhead a, .section--jobs-peers .peers-subhead a, .page--product .section--screenshots .screenshot-panel p a, .page--customers #withasana-carousel .overlay p a, .page--customer .section--customer-stories .stories-subhead a, .page--app .app-page p a, .page--app .apps-page p a, .page--apps .app-page p a, .page--apps .apps-page p a, .page--apply-success p a {
font-weight: normal; }
.list-signup-form {
text-align: center;
margin-top: 30px; }
.list-signup-form .list-signup-form-input {
width: 250px; }
.list-signup-form input.button {
width: auto;
margin-top: 0;
margin-left: 5px; }
.signupForm {
z-index: 1;
margin-top: 15px;
margin-left: 0%;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: center; }
@media (min-width: 48em) {
.signupForm {
margin-left: 16.66667%; } }
@media (min-width: 48em) {
.signupForm {
float: left;
width: 66.66667%; } }
@media (min-width: 60em) {
.signupForm {
margin-left: 16.66667%; } }
@media (min-width: 60em) {
.signupForm {
float: left;
width: 66.66667%; } }
.signupForm input, .signupForm button, .signupForm input[type="submit"] {
height: 50px;
font-size: 16px; }
.signupForm label {
display: none; }
.signupForm .input--email {
position: relative;
margin-right: 5px;
width: 300px; }
@media (max-width: 959px) {
.signupForm .input--email {
width: 50%;
margin: 0 auto; } }
@media (max-width: 767px) {
.signupForm .input--email {
width: 100%;
text-align: center;
text-indent: 0;
max-width: 250px;
display: block;
margin: 0 auto 10px; } }
.signupForm button, .signupForm input[type="submit"] {
position: relative; }
.form-replacement-buttons-mobile {
text-align: center; }
.form-replacement-buttons-mobile .app-store-button {
max-width: 220px;
width: 60%;
margin: 20px auto;
text-align: center;
display: block; }
.form-replacement-buttons-mobile .app-store-button img {
width: 100%; }
/* easier to fake older pages on new styleguide */
.page--app .app-page .block-main .app .well .title, .page--app .apps-page .block-main .app .well .title, .page--apps .app-page .block-main .app .well .title, .page--apps .apps-page .block-main .app .well .title, .page--app .app-page .block-footer h2, .page--app .app-page .block-footer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--app .app-page .block-footer h3, .page--app .app-page .block-footer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--app .app-page .block-footer h3, .page--app .app-page .block-footer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--app .app-page .block-footer h3, .page--app .apps-page .block-footer h2, .page--app .apps-page .block-footer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--app .apps-page .block-footer h3, .page--app .apps-page .block-footer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--app .apps-page .block-footer h3, .page--app .apps-page .block-footer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--app .apps-page .block-footer h3, .page--apps .app-page .block-footer h2, .page--apps .app-page .block-footer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--apps .app-page .block-footer h3, .page--apps .app-page .block-footer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--apps .app-page .block-footer h3, .page--apps .app-page .block-footer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--apps .app-page .block-footer h3, .page--apps .apps-page .block-footer h2, .page--apps .apps-page .block-footer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--apps .apps-page .block-footer h3, .page--apps .apps-page .block-footer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--apps .apps-page .block-footer h3, .page--apps .apps-page .block-footer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--apps .apps-page .block-footer h3, .page--app .app-page .block-main h3, .page--app .apps-page .block-main h3, .page--apps .app-page .block-main h3, .page--apps .apps-page .block-main h3 {
font-family: "haptik", "proxima-nova", "Helvetica Neue", "Helvetica", serif !important;
-webkit-font-smoothing: auto !important;
letter-spacing: normal !important; }
a.button {
line-height: 2.4;
white-space: nowrap; }
.button--oath {
line-height: 2; }
.button--oath .icon, .button--oath .accordionList--term:after, .button--oath .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .button--oath li:before, .button--oath .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .button--oath .nav-category:before, .button--oath .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .button--oath .nav-category:before, .button--oath .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .button--oath .nav-category:before, .button--oath .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .button--oath .nav-category:before, .button--oath .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .button--oath .nav-category:before, .button--oath .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .button--oath .nav-category:before, .button--oath .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .button--oath .nav-category:before, .button--oath .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .button--oath .nav-category:before {
line-height: 1;
padding-right: 15px;
margin-right: 15px;
border-right: #4f4da7 2px solid;
padding-left: 5px;
float: left;
font-size: 135%;
position: relative;
top: 5px; }
/* form states */
.input--state-error {
border: 1px solid #FC636B; }
.label--state-error {
color: #FC636B; }
.error-message-container {
position: relative;
width: 100%;
height: 20px;
margin-bottom: 10px; }
.error-message {
position: absolute;
font-size: 12px;
text-align: center;
width: inherit;
margin-top: 8px;
color: #FC636B; }
@media (max-width: 767px) {
.hidden-xsmall {
display: none; } }
@media (max-width: 959px) and (min-width: 768px) {
.hidden-small {
display: none; } }
@media (max-width: 1119px) and (min-width: 960px) {
.hidden-medium {
display: none; } }
@media (max-width: 1279px) and (min-width: 1120px) {
.hidden-large {
display: none; } }
@media (min-width: 1280px) {
.hidden-xlarge {
display: none; } }
.dialog {
display: none; }
.dialog:target {
display: block; }
.dialog:target .dialog-close-background {
height: 100%;
width: 100%;
display: block;
pointer-events: all;
position: absolute; }
.dialog:target .dialog-close-background:hover {
text-decoration: none;
border-bottom: none; }
.dialog-footer {
border-top: 1px solid #E1E2E4;
color: #1B2432;
padding: 10px 15px 0px 30px; }
.dialog-footer:before, .dialog-footer:after {
content: "";
display: table; }
.dialog-footer:after {
clear: both; }
.dialog--flow {
text-align: center; }
@media (min-width: 736px) {
.dialog--flow .dialog-container {
width: 500px; } }
.dialog--flow .dialog-content {
max-height: none;
padding: 20px 40px 10px;
overflow: hidden; }
.dialog--flow .dialog-close {
position: absolute;
text-align: center;
top: 1.5vw;
right: 1.5vw;
font-size: 1.5em;
width: 1em;
height: 1em;
line-height: 1em;
color: #B9BCC0; }
.dialog--flow .dialog-footer {
border-top-width: 0; }
.dialog--flow p {
line-height: 1.3em;
color: #49505B;
font-size: 16px;
margin: 15px 18% 30px; }
.dialog--flow p span {
font-weight: 600; }
.dialog--flow .forgot-password, .dialog--flow .footnote {
color: #A1A4AA;
font-size: 12px;
margin: 20px 10px 0; }
.dialog--flow .forgot-password a, .dialog--flow .footnote a {
font-weight: normal; }
.dialog--flow .forgot-password a:hover, .dialog--flow .footnote a:hover {
border-bottom: 1px dotted #676D76;
color: #676D76; }
.dialog--flow .forgot-password {
margin: 10px 0 0;
text-align: left; }
.dialog--flow .button, .dialog--flow button, .dialog--flow input[type="submit"] {
height: 40px;
-webkit-font-smoothing: auto;
font-weight: 500;
width: 100%;
max-width: 280px; }
.dialog--flow input[type="submit"] {
width: auto;
float: right;
margin-bottom: 10px;
margin-top: 10px; }
.dialog--flow label {
text-align: left;
margin-top: 0px;
margin-bottom: 5px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
clear: left;
display: block; }
.dialog--flow .error-message-container {
position: relative;
width: 75%;
float: left;
height: 30px;
margin-bottom: 10px; }
.dialog--flow .error-message {
position: absolute;
font-size: 12px;
text-align: left;
margin-top: 5px;
color: #FC636B; }
.dialog--flow .signup-choice {
font-size: 24px;
color: #B9BCC0;
line-height: 70px;
height: 70px;
position: relative; }
.dialog--flow .signup-choice:before, .dialog--flow .signup-choice:after {
position: absolute;
content: "";
top: 50%;
left: 0;
border-top: 1px solid #E1E2E4;
width: 45%;
height: 1px;
z-index: 0; }
.dialog--flow .signup-choice:before {
right: 0;
left: auto; }
.dialog--flow .signupForm {
z-index: 1;
width: 100%;
margin: 0;
padding: 0;
text-align: center; }
.dialog--flow .signupForm input, .dialog--flow .signupForm button, .dialog--flow .signupForm input[type="submit"] {
height: 40px;
font-size: 16px;
padding: 0; }
.dialog--flow .signupForm .input--email {
position: relative;
margin-right: 5px;
width: 100%;
margin-bottom: 10px; }
.dialog--flow .signupForm button, .dialog--flow .signupForm input[type="submit"] {
width: auto;
padding: 0 15px;
float: right;
margin-bottom: 10px;
margin-top: 10px; }
.dialog--video .dialog-container {
width: 360px; }
@media (min-width: 30em) {
.dialog--video .dialog-container {
width: 500px; } }
@media (min-width: 48em) {
.dialog--video .dialog-container {
width: 640px; } }
@media (min-width: 70em) {
.dialog--video .dialog-container {
width: 760px; } }
.dialog--video .dialog-close {
display: none; }
.dialog--video .dialog--video-content {
height: 203px; }
@media (min-width: 30em) {
.dialog--video .dialog--video-content {
height: 281px; } }
@media (min-width: 48em) {
.dialog--video .dialog--video-content {
height: 360px; } }
@media (min-width: 70em) {
.dialog--video .dialog--video-content {
height: 428px; } }
.dialog--video .dialog--video-content iframe {
width: 100%;
height: 100%; }
#udacityVideo.dialog--video .dialog--video-content {
height: 34vw; }
.dialog--signup .signupForm label {
display: block; }
.dialog--existing-account .dialog-container, .dialog--signup-failed .dialog-container, .dialog--loading .dialog-container {
min-height: 400px; }
.dialog--loading .loading-indicator {
margin-top: 100px;
padding-top: 50px;
padding-bottom: 50px; }
.dialog--loading .loadingIndicator-dot {
height: 20px;
width: 20px; }
.loading-indicator, .loading-indicator-blue, .inline-loading-indicator {
box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
margin-left: 12px;
font-size: 12px;
color: #A1A4AA;
display: inline-block;
vertical-align: middle; }
.loadingIndicator-rotator {
-webkit-animation: loader-rotation 1.5s linear infinite;
animation: loader-rotation 1.5s linear infinite; }
.loadingIndicator-dot {
-webkit-animation: loader-topDot 1.5s infinite;
animation: loader-topDot 1.5s infinite;
-webkit-animation-delay: 0s;
animation-delay: 0s;
background-color: #E1E2E4;
border-radius: 50%;
position: relative;
height: 8px;
width: 8px;
-webkit-transform: scale(1) translateY(-75%);
transform: scale(1) translateY(-75%); }
.loadingIndicator-dot:before, .loadingIndicator-dot:after {
background-color: #E1E2E4;
border-radius: 50%;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0; }
.loadingIndicator-dot::before {
-webkit-animation: loader-leftDot 1.5s infinite;
animation: loader-leftDot 1.5s infinite;
-webkit-transform: translate(-65%, 112.5%);
transform: translate(-65%, 112.5%); }
.loadingIndicator-dot::after {
-webkit-animation: loader-rightDot 1.5s infinite;
animation: loader-rightDot 1.5s infinite;
-webkit-transform: translate(65%, 112.5%);
transform: translate(65%, 112.5%); }
@-webkit-keyframes loader-rotation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes loader-rotation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes loader-topDot {
0% {
-webkit-animation-timing-function: cubic-bezier(0.4, 0.155, 0.355, 1);
animation-timing-function: cubic-bezier(0.4, 0.155, 0.355, 1);
-webkit-transform: scale(1) translateY(-75%);
transform: scale(1) translateY(-75%); }
40% {
-webkit-animation-timing-function: cubic-bezier(0.475, 0.005, 0.695, 0.83);
animation-timing-function: cubic-bezier(0.475, 0.005, 0.695, 0.83);
-webkit-transform: scale(1.3) translateY(75%);
transform: scale(1.3) translateY(75%); }
100% {
-webkit-transform: scale(1) translateY(-75%);
transform: scale(1) translateY(-75%); } }
@keyframes loader-topDot {
0% {
-webkit-animation-timing-function: cubic-bezier(0.4, 0.155, 0.355, 1);
animation-timing-function: cubic-bezier(0.4, 0.155, 0.355, 1);
-webkit-transform: scale(1) translateY(-75%);
transform: scale(1) translateY(-75%); }
40% {
-webkit-animation-timing-function: cubic-bezier(0.475, 0.005, 0.695, 0.83);
animation-timing-function: cubic-bezier(0.475, 0.005, 0.695, 0.83);
-webkit-transform: scale(1.3) translateY(75%);
transform: scale(1.3) translateY(75%); }
100% {
-webkit-transform: scale(1) translateY(-75%);
transform: scale(1) translateY(-75%); } }
@-webkit-keyframes loader-leftDot {
0% {
-webkit-animation-timing-function: cubic-bezier(0.4, 0.155, 0.355, 1);
animation-timing-function: cubic-bezier(0.4, 0.155, 0.355, 1);
-webkit-transform: translate(-65%, 112%);
transform: translate(-65%, 112%); }
40% {
-webkit-animation-timing-function: cubic-bezier(0.475, 0.005, 0.695, 0.83);
animation-timing-function: cubic-bezier(0.475, 0.005, 0.695, 0.83);
-webkit-transform: translate(64.75%, -112.5%);
transform: translate(64.75%, -112.5%); }
100% {
-webkit-transform: translate(-65%, 112%);
transform: translate(-65%, 112%); } }
@keyframes loader-leftDot {
0% {
-webkit-animation-timing-function: cubic-bezier(0.4, 0.155, 0.355, 1);
animation-timing-function: cubic-bezier(0.4, 0.155, 0.355, 1);
-webkit-transform: translate(-65%, 112%);
transform: translate(-65%, 112%); }
40% {
-webkit-animation-timing-function: cubic-bezier(0.475, 0.005, 0.695, 0.83);
animation-timing-function: cubic-bezier(0.475, 0.005, 0.695, 0.83);
-webkit-transform: translate(64.75%, -112.5%);
transform: translate(64.75%, -112.5%); }
100% {
-webkit-transform: translate(-65%, 112%);
transform: translate(-65%, 112%); } }
@-webkit-keyframes loader-rightDot {
0% {
-webkit-animation-timing-function: cubic-bezier(0.4, 0.155, 0.355, 1);
animation-timing-function: cubic-bezier(0.4, 0.155, 0.355, 1);
-webkit-transform: translate(65%, 112%);
transform: translate(65%, 112%); }
40% {
-webkit-animation-timing-function: cubic-bezier(0.475, 0.005, 0.695, 0.83);
animation-timing-function: cubic-bezier(0.475, 0.005, 0.695, 0.83);
-webkit-transform: translate(-64.75%, -112.5%);
transform: translate(-64.75%, -112.5%); }
100% {
-webkit-transform: translate(65%, 112%);
transform: translate(65%, 112%); } }
@keyframes loader-rightDot {
0% {
-webkit-animation-timing-function: cubic-bezier(0.4, 0.155, 0.355, 1);
animation-timing-function: cubic-bezier(0.4, 0.155, 0.355, 1);
-webkit-transform: translate(65%, 112%);
transform: translate(65%, 112%); }
40% {
-webkit-animation-timing-function: cubic-bezier(0.475, 0.005, 0.695, 0.83);
animation-timing-function: cubic-bezier(0.475, 0.005, 0.695, 0.83);
-webkit-transform: translate(-64.75%, -112.5%);
transform: translate(-64.75%, -112.5%); }
100% {
-webkit-transform: translate(65%, 112%);
transform: translate(65%, 112%); } }
.dialog--signup-failed .oops {
width: 100%;
height: 150px;
background: url("https://luna1.co/dd8ed2.png") no-repeat center center;
background-size: contain;
margin-top: 30px;
margin-bottom: 30px; }
.page--icons {
height: auto !important; }
.iconList {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #EFF0F1; }
.iconList--no-border {
border-bottom: none; }
.iconList-categoryTitle {
color: #1B2432; }
.iconList-items {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: center; }
@media (min-width: 48em) {
.iconList-items {
float: left;
width: 50%; } }
@media (min-width: 60em) {
.iconList-items {
float: left;
width: 33.33333%; } }
.iconList-items .icon, .iconList-items .accordionList--term:after, .iconList-items .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .iconList-items li:before, .iconList-items .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .iconList-items .nav-category:before, .iconList-items .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconList-items .nav-category:before, .iconList-items .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .iconList-items .nav-category:before, .iconList-items .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconList-items .nav-category:before, .iconList-items .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .iconList-items .nav-category:before, .iconList-items .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconList-items .nav-category:before, .iconList-items .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .iconList-items .nav-category:before, .iconList-items .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconList-items .nav-category:before {
margin: 40px auto 20px; }
.iconList-items h4, .iconList-items .button.button--card {
color: #676D76; }
.iconList-items p {
padding: 0 5%; }
.iconList-items--narrower p {
padding: 0 15%; }
.iconList-items--company {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
margin-left: 0%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.iconList-items--company {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.iconList-items--company {
margin-left: 16.66667%; } }
@media (min-width: 60em) {
.iconList-items--company {
float: left;
width: 33.33333%; } }
@media (min-width: 60em) {
.iconList-items--company {
margin-left: 0%; } }
p .icon, p .accordionList--term:after, p .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul p li:before, p .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line p .nav-category:before, p .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul p .nav-category:before, p .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line p .nav-category:before, p .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul p .nav-category:before, p .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line p .nav-category:before, p .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul p .nav-category:before, p .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line p .nav-category:before, p .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul p .nav-category:before {
line-height: 1.5; }
.iconWrapper {
height: 4em; }
.iconWrapper .icon, .iconWrapper .accordionList--term:after, .iconWrapper .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .iconWrapper li:before, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .iconWrapper .nav-category:before, .iconWrapper .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .nav-category:before, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .iconWrapper .nav-category:before, .iconWrapper .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .nav-category:before, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .iconWrapper .nav-category:before, .iconWrapper .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .nav-category:before, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .iconWrapper .nav-category:before, .iconWrapper .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .nav-category:before {
display: block;
font-size: 2em;
height: 2em;
line-height: 2em;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.iconWrapper .icon > *:first-child, .iconWrapper .accordionList--term:after > *:first-child, .iconWrapper .page--pricing .section--pricing-plans .plan ul li:before > *:first-child, .page--pricing .section--pricing-plans .plan ul .iconWrapper li:before > *:first-child, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before > *:first-child, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .iconWrapper .nav-category:before > *:first-child, .iconWrapper .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before > *:first-child, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .nav-category:before > *:first-child, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before > *:first-child, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .iconWrapper .nav-category:before > *:first-child, .iconWrapper .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before > *:first-child, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .nav-category:before > *:first-child, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before > *:first-child, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .iconWrapper .nav-category:before > *:first-child, .iconWrapper .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before > *:first-child, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .nav-category:before > *:first-child, .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before > *:first-child, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .iconWrapper .nav-category:before > *:first-child, .iconWrapper .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before > *:first-child, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .iconWrapper .nav-category:before > *:first-child {
margin-top: 0; }
.iconWrapper a {
display: block; }
.iconWrapper a:hover {
border-bottom: 0; }
.iconWrapper .icon--app {
font-size: 1.5em;
height: 1.5em; }
.iconWrapper .icon--withasana {
font-size: 1.5em;
height: 1.75em; }
.icon.icon--app, .icon--app.accordionList--term:after, .page--pricing .section--pricing-plans .plan ul li.icon--app:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .icon--app.nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--app.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .icon--app.nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--app.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .icon--app.nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--app.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .icon--app.nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--app.nav-category:before, .icon.icon--withasana, .icon--withasana.accordionList--term:after, .page--pricing .section--pricing-plans .plan ul li.icon--withasana:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .icon--withasana.nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--withasana.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .icon--withasana.nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--withasana.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .icon--withasana.nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--withasana.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .icon--withasana.nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--withasana.nav-category:before {
background-size: 50px 50px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
.icon.icon--app:before, .page--pricing .section--pricing-plans .plan ul li.icon--app:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .icon--app.nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--app.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .icon--app.nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--app.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .icon--app.nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--app.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .icon--app.nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--app.nav-category:before, .icon.icon--withasana:before, .page--pricing .section--pricing-plans .plan ul li.icon--withasana:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .icon--withasana.nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--withasana.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .icon--withasana.nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--withasana.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .icon--withasana.nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--withasana.nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .icon--withasana.nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .icon--withasana.nav-category:before {
content: "" !important; }
.icon--dropbox {
background-image: url("https://luna1.co/bfeb44.png"); }
.icon--slack {
background-image: url("https://luna1.co/3d2ed1.png"); }
.icon--chrome {
background-image: url("https://luna1.co/e5236d.png"); }
.icon--okta {
background-image: url("https://luna1.co/1ba8a5.png"); }
.icon--github {
background-image: url("https://luna1.co/b770b1.png"); }
.icon--google-drive {
background-image: url("https://luna1.co/3f56af.png"); }
.icon--withasana {
background-image: url("https://luna1.co/93bf58.gif"); }
.icon--green {
color: #3be8b0; }
.icon--teal {
color: #1AAFD0; }
.icon--purple {
color: #6a67ce; }
.icon--gold {
color: #ffb900; }
.icon--coral {
color: #FC636B; }
.icon--white {
color: #fff; }
.icon--gray {
color: #B9BCC0; }
p > .icon, p > .accordionList--term:after, .page--pricing .section--pricing-plans .plan ul p > li:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line p > .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul p > .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line p > .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul p > .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line p > .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul p > .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line p > .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul p > .nav-category:before {
line-height: inherit; }
.icon, .accordionList--term:after, .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before {
font-family: 'asanaIcons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Backup Asana Dots for All Icons =========== */ }
.icon:before, .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before {
content: "\e659"; }
.icon--dots:before {
content: "\e659"; }
.icon--menu:before {
content: "\e600"; }
.icon--hamburger:before {
content: "\e600"; }
.icon--help:before {
content: "\e62b"; }
.icon--info-circle:before {
content: "\e601"; }
.icon--info:before {
content: "\e62e"; }
.icon--alert-line:before {
content: "\e602"; }
.icon--alert:before {
content: "\e603"; }
.icon--x-circle:before {
content: "\e622"; }
.icon--x-small:before {
content: "\e623"; }
.icon--x:before {
content: "\e624"; }
.icon--plus-small:before {
content: "\e63f"; }
.icon--plus:before {
content: "\e640"; }
.icon--down-caret:before {
content: "\e61f"; }
.icon--up-caret:before {
content: "\e654"; }
.icon--left-caret:before {
content: "\e630"; }
.icon--right-caret:before {
content: "\e649"; }
.icon--arrow-down:before {
content: "\e608"; }
.icon--arrow-up:before {
content: "\e609"; }
.icon--reorder:before {
content: "\e646"; }
.icon--down-triangle:before {
content: "\e652"; }
.icon--up-triangle:before {
content: "\e653"; }
.icon--play:before {
content: "\e621"; }
.icon--check-small:before, .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before {
content: "\e614"; }
.icon--check:before {
content: "\e615"; }
.icon--cog-outline:before {
content: "\e619"; }
.icon--cog:before {
content: "\e61a"; }
.icon--star-outline:before {
content: "\e64b"; }
.icon--star:before {
content: "\e64c"; }
.icon--heart-outline:before {
content: "\e628"; }
.icon--heart:before {
content: "\e629"; }
.icon--heartbeat:before {
content: "\e62a"; }
.icon--bell-outline:before {
content: "\e60b"; }
.icon--bell:before {
content: "\e60c"; }
.icon--followers:before {
content: "\e62d"; }
.icon--comment-outline:before {
content: "\e61b"; }
.icon--conversation-outline:before {
content: "\e61b"; }
.icon--comment:before {
content: "\e61c"; }
.icon--conversation:before {
content: "\e61c"; }
.icon--comments:before {
content: "\e61d"; }
.icon--conversations:before {
content: "\e61d"; }
.icon--archive-outline:before {
content: "\e606"; }
.icon--archive:before {
content: "\e607"; }
.icon--trash-outline:before {
content: "\e650"; }
.icon--trash:before {
content: "\e651"; }
.icon--video-circle:before {
content: "\e661"; }
.icon--video-outline:before {
content: "\e657"; }
.icon--video:before {
content: "\e658"; }
.icon--user:before {
content: "\e655"; }
.icon--users:before {
content: "\e656"; }
.icon--my-tasks:before {
content: "\e63a"; }
.icon--guests:before {
content: "\e637"; }
.icon--world:before {
content: "\e637"; }
.icon--all-tasks-a:before {
content: "\e604"; }
.icon--all-tasks-b:before {
content: "\e605"; }
.icon--check-copy:before {
content: "\e612"; }
.icon--check-copy-b:before {
content: "\e613"; }
.icon--new-task:before {
content: "\e63b"; }
.icon--recently-completed:before {
content: "\e643"; }
.icon--merge:before {
content: "\e635"; }
.icon--calendar-30:before {
content: "\e60e"; }
.icon--calendar-dots:before {
content: "\e60f"; }
.icon--calendar:before {
content: "\e610"; }
.icon--project:before {
content: "\e641"; }
.icon--project-zoom:before {
content: "\e642"; }
.icon--lock-open:before {
content: "\e632"; }
.icon--lock:before {
content: "\e633"; }
.icon--search:before {
content: "\e634"; }
.icon--search-small:before {
content: "\e64a"; }
.icon--clock-alt:before {
content: "\e616"; }
.icon--clock:before {
content: "\e617"; }
.icon--camera:before {
content: "\e611"; }
.icon--document:before {
content: "\e61e"; }
.icon--file:before {
content: "\e61e"; }
.icon--paperclip:before {
content: "\e63c"; }
.icon--attachments:before {
content: "\e63c"; }
.icon--folder:before {
content: "\e625"; }
.icon--pencil:before {
content: "\e63d"; }
.icon--pin:before {
content: "\e63e"; }
.icon--subtask:before {
content: "\e64d"; }
.icon--tag:before {
content: "\e64e"; }
.icon--tags:before {
content: "\e64f"; }
.icon--more:before {
content: "\e639"; }
.icon--drag-handle:before {
content: "\e620"; }
.icon--sections:before {
content: "\e620"; }
.icon--inbox:before {
content: "\e62c"; }
.icon--keyboard:before {
content: "\e62f"; }
.icon--repeat:before {
content: "\e647"; }
.icon--retry:before {
content: "\e648"; }
.icon--link:before {
content: "\e631"; }
.icon--barbell:before {
content: "\e60a"; }
.icon--mobile:before {
content: "\e636"; }
.icon--brain:before {
content: "\e60d"; }
.icon--mindful:before {
content: "\e60d"; }
.icon--dashboards:before {
content: "\e638"; }
.icon--progress:before {
content: "\e644"; }
.icon--product:before {
content: "\e645"; }
.icon--mobile2:before {
content: "\e645"; }
.icon--cloud:before {
content: "\e618"; }
.icon--graduate:before {
content: "\e626"; }
.icon--happiness:before {
content: "\e627"; }
.icon--google:before {
content: "\e65c"; }
.icon--oath:before {
content: "\e65c"; }
.icon--facebook:before {
content: "\e65a"; }
.icon--twitter:before {
content: "\e65b"; }
.icon--quora:before {
content: "\e65d"; }
.icon--tumblr:before {
content: "\e65e"; }
.icon--dribbble:before {
content: "\e65f"; }
.icon--instagram:before {
content: "\e660"; }
.page-wrap, .siteHeader, footer {
-webkit-transform: translateX(0);
transform: translateX(0);
transition: -webkit-transform .33s cubic-bezier(.33, 0, .2, 1);
transition: transform .33s cubic-bezier(.33, 0, .2, 1); }
@media (max-width: 959px) {
html.mobile-menu-active {
overflow: hidden; }
html.mobile-menu-active .page-wrap, html.mobile-menu-active .siteHeader, html.mobile-menu-active .footer {
-webkit-transform: translateX(-200px);
transform: translateX(-200px); } }
.footer {
text-align: left;
background: #2E3C54;
padding-top: 40px;
padding-bottom: 60px;
position: relative; }
@media (max-width: 959px) {
.footer {
box-shadow: inset 4px 1px 10px -6px #0c1016;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
overflow-y: scroll;
overflow-x: hidden;
position: fixed;
top: 0;
width: 200px;
right: -200px;
z-index: 1000;
height: 100%; } }
.footer .mobile-menu-buttons {
display: none;
margin-bottom: 30px;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%; }
@media (max-width: 959px) {
.footer .mobile-menu-buttons {
display: block;
float: none;
width: 100%; } }
.footer .footer-column {
margin-bottom: 0;
list-style-type: none;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.footer .footer-column {
float: left;
width: 16.66667%; } }
@media (max-width: 959px) {
.footer .footer-column {
margin-bottom: 40px;
width: 100%;
float: none;
font-size: 16px; }
.footer .footer-column li, .footer .footer-column .page--app .app-page #apps-nav .nav-line .nav-category, .page--app .app-page #apps-nav .nav-line .footer .footer-column .nav-category, .footer .footer-column .page--app .apps-page #apps-nav .nav-line .nav-category, .page--app .apps-page #apps-nav .nav-line .footer .footer-column .nav-category, .footer .footer-column .page--apps .app-page #apps-nav .nav-line .nav-category, .page--apps .app-page #apps-nav .nav-line .footer .footer-column .nav-category, .footer .footer-column .page--apps .apps-page #apps-nav .nav-line .nav-category, .page--apps .apps-page #apps-nav .nav-line .footer .footer-column .nav-category {
line-height: 28px; } }
@media (min-width: 60em) {
.footer .footer-column:first-child, .footer .footer-column:nth-child(4n) {
margin-left: 8.33333%; } }
.footer .footer-column--logo {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
height: 120px;
text-align: center; }
@media (min-width: 48em) {
.footer .footer-column--logo {
float: left;
width: 33.33333%; } }
@media (min-width: 60em) {
.footer .footer-column--logo {
float: left;
width: 16.66667%; } }
@media (max-width: 959px) {
.footer .footer-column--logo {
display: none; } }
.footer .footer-column--logo a {
color: #CDCFD2;
font-size: 55px;
line-height: 65px;
opacity: .3;
transition: opacity 150ms; }
.footer .footer-column--logo a:hover {
color: #CDCFD2;
border-bottom-color: transparent;
opacity: .6; }
.footer .footer-column-title {
color: #E1E2E4;
white-space: nowrap; }
.footer .footer-column-item {
margin-bottom: 0;
line-height: 1.5em; }
.footer .footer-column-item a {
color: #A1A4AA; }
.footer .footer-column-item a:hover {
border-bottom-color: #A1A4AA; }
.footer .footer-column-item .icon, .footer .footer-column-item .accordionList--term:after, .footer .footer-column-item .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .footer .footer-column-item li:before, .footer .footer-column-item .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .footer .footer-column-item .nav-category:before, .footer .footer-column-item .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .footer .footer-column-item .nav-category:before, .footer .footer-column-item .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .footer .footer-column-item .nav-category:before, .footer .footer-column-item .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .footer .footer-column-item .nav-category:before, .footer .footer-column-item .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .footer .footer-column-item .nav-category:before, .footer .footer-column-item .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .footer .footer-column-item .nav-category:before, .footer .footer-column-item .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .footer .footer-column-item .nav-category:before, .footer .footer-column-item .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .footer .footer-column-item .nav-category:before {
line-height: 1.7em;
margin-right: .4em;
transition: color 150ms; }
.footer .footer-column-item .icon:hover, .footer .footer-column-item .accordionList--term:hover:after, .footer .footer-column-item .page--pricing .section--pricing-plans .plan ul li:hover:before, .page--pricing .section--pricing-plans .plan ul .footer .footer-column-item li:hover:before, .footer .footer-column-item .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:hover:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .footer .footer-column-item .nav-category:hover:before, .footer .footer-column-item .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:hover:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .footer .footer-column-item .nav-category:hover:before, .footer .footer-column-item .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:hover:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .footer .footer-column-item .nav-category:hover:before, .footer .footer-column-item .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:hover:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .footer .footer-column-item .nav-category:hover:before, .footer .footer-column-item .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:hover:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .footer .footer-column-item .nav-category:hover:before, .footer .footer-column-item .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:hover:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .footer .footer-column-item .nav-category:hover:before, .footer .footer-column-item .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:hover:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .footer .footer-column-item .nav-category:hover:before, .footer .footer-column-item .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:hover:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .footer .footer-column-item .nav-category:hover:before {
color: #B9BCC0;
border-bottom-color: transparent; }
.footer-mini {
text-align: center;
background: #2E3C54;
padding-top: 15px;
padding-bottom: 15px;
position: relative;
display: none; }
@media (max-width: 959px) {
.footer-mini {
display: block; } }
.footer-mini a {
color: #CDCFD2;
font-size: 25px;
line-height: 35px;
opacity: .3;
transition: opacity 150ms; }
.footer-mini a:hover {
color: #CDCFD2;
border-bottom-color: transparent;
opacity: .6; }
.page--home {
overflow: hidden; }
.page--home .laptop-wrapper {
height: 60vw;
position: relative; }
@media (min-width: 1280px) {
.page--home .laptop-wrapper {
height: auto; } }
.page--home .laptop {
position: absolute;
overflow: hidden;
width: 140%;
height: auto;
display: block;
left: -20%;
text-align: center;
content: url("https://luna1.co/b90e10.png");
margin: 0 auto;
margin-top: -4%; }
@media (min-width: 1280px) {
.page--home .laptop {
content: url("https://luna1.co/fb6c2f.png");
position: relative;
width: 160%;
left: -30%;
margin-top: -8%; } }
.page--home .section--home-first {
text-align: center;
padding-top: 50px; }
.page--home .section--home-first h1, .page--home .section--home-first .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--home .section--home-first .headline {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 768px) {
.page--home .section--home-first h1, .page--home .section--home-first .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--home .section--home-first .headline {
font-size: 55px;
line-height: 60px;
margin-top: 70px; } }
@media (min-width: 60em) {
.page--home .section--home-first h1, .page--home .section--home-first .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--home .section--home-first .headline {
float: left;
width: 66.66667%; } }
@media (min-width: 60em) {
.page--home .section--home-first h1, .page--home .section--home-first .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--home .section--home-first .headline {
margin-left: 16.66667%; } }
@media (min-width: 70em) {
.page--home .section--home-first h1, .page--home .section--home-first .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--home .section--home-first .headline {
float: left;
width: 50%; } }
@media (min-width: 70em) {
.page--home .section--home-first h1, .page--home .section--home-first .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--home .section--home-first .headline {
margin-left: 25%; } }
.page--home .section--home-first p {
margin-bottom: 30px;
margin-top: 0px;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--home .section--home-first p {
float: left;
width: 50%; } }
@media (min-width: 48em) {
.page--home .section--home-first p {
margin-left: 25%; } }
@media (min-width: 60em) {
.page--home .section--home-first p {
float: left;
width: 50%; } }
@media (min-width: 60em) {
.page--home .section--home-first p {
margin-left: 25%; } }
.page--home .section--home-first-alt {
padding-top: 20px;
padding-bottom: 20px; }
@media (min-width: 960px) {
.page--home .section--home-first-alt {
padding-bottom: 200px; } }
.page--home .section--home-first-alt video {
background: #fff;
height: 130px;
text-align: center; }
.page--home .section--home-first-alt .checkmark-gif {
text-align: center;
display: block;
margin: 0 auto;
width: 130px; }
.page--home .section--home-first-alt h1, .page--home .section--home-first-alt .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--home .section--home-first-alt .headline {
margin-top: 10px; }
.page--home .section--home-first-alt p {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 66.66667%;
margin-left: 16.66667%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--home .section--home-first-alt p {
float: left;
width: 50%; } }
@media (min-width: 48em) {
.page--home .section--home-first-alt p {
margin-left: 25%; } }
@media (min-width: 60em) {
.page--home .section--home-first-alt p {
float: left;
width: 50%; } }
@media (min-width: 60em) {
.page--home .section--home-first-alt p {
margin-left: 25%; } }
.page--home .section--home-first-alt .checkmark {
margin-top: 40px;
text-align: center;
position: relative;
z-index: 1000; }
@media (min-width: 960px) {
.page--home .section--home-first-alt .checkmark {
margin-top: 160px; } }
.page--home .section--home-first-alt .checkmark .icon, .page--home .section--home-first-alt .checkmark .accordionList--term:after, .page--home .section--home-first-alt .checkmark .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .page--home .section--home-first-alt .checkmark li:before, .page--home .section--home-first-alt .checkmark .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .page--home .section--home-first-alt .checkmark .nav-category:before, .page--home .section--home-first-alt .checkmark .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--home .section--home-first-alt .checkmark .nav-category:before, .page--home .section--home-first-alt .checkmark .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .page--home .section--home-first-alt .checkmark .nav-category:before, .page--home .section--home-first-alt .checkmark .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--home .section--home-first-alt .checkmark .nav-category:before, .page--home .section--home-first-alt .checkmark .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .page--home .section--home-first-alt .checkmark .nav-category:before, .page--home .section--home-first-alt .checkmark .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--home .section--home-first-alt .checkmark .nav-category:before, .page--home .section--home-first-alt .checkmark .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .page--home .section--home-first-alt .checkmark .nav-category:before, .page--home .section--home-first-alt .checkmark .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--home .section--home-first-alt .checkmark .nav-category:before {
color: #CDCFD2;
font-size: 17px;
border-radius: 35px;
line-height: 35px;
height: 35px;
width: 35px;
border: 1px solid #E1E2E4;
background-color: #fff;
transition: all .5s;
margin: 0 auto; }
.page--home .section--home-first-alt .bgCircle--home-a {
background: #a177ff;
background: linear-gradient(-225deg, #a177ff 0%, #FF6D92 100%);
left: 6vw;
top: 15vh;
margin-top: 20vh;
height: 20vw;
width: 20vw;
z-index: -1; }
@media (max-width: 1119px) {
.page--home .section--home-first-alt .bgCircle--home-a {
left: -10vw; } }
@media (min-width: 1500px) {
.page--home .section--home-first-alt .bgCircle--home-a {
width: 15vw;
height: 15vw;
left: 10vw; } }
.page--home .section--home-first-alt .bgCircle--home-b {
background: #02CEFF;
background: linear-gradient(155deg, #02CEFF 0%, #3bf7d1 70%, #3bf7d1 100%);
background-size: 130%;
right: 80vw;
top: 27vh;
margin-top: -20vh;
height: 40vw;
width: 40vw;
z-index: -1; }
@media (max-width: 1119px) {
.page--home .section--home-first-alt .bgCircle--home-b {
right: 90vw; } }
@media (min-width: 1500px) {
.page--home .section--home-first-alt .bgCircle--home-b {
width: 35vw;
height: 35vw; } }
@media (min-width: 2000px) {
.page--home .section--home-first-alt .bgCircle--home-b {
width: 25vw;
height: 25vw; } }
.page--home .section--home-first-alt .bgCircle--home-c {
background: #FC636B;
background: linear-gradient(-45deg, #FC636B 0%, #FF6D92 70%, #ffb900 100%);
background-size: 120%;
top: 60vh;
margin-top: -20vh;
right: -20vw;
height: 40vw;
width: 40vw;
z-index: 2; }
@media (max-width: 1119px) {
.page--home .section--home-first-alt .bgCircle--home-c {
right: -30vw; } }
@media (min-width: 1500px) {
.page--home .section--home-first-alt .bgCircle--home-c {
width: 35vw;
height: 35vw; } }
@media (min-width: 2000px) {
.page--home .section--home-first-alt .bgCircle--home-c {
width: 25vw;
height: 25vw;
right: -5vw; } }
.page--home .section--home-screenshots {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 100%);
background-size: 120%;
background-position: top right;
padding-top: 30px;
min-height: 500px; }
@media (max-width: 1279px) {
.page--home .section--home-screenshots {
padding-top: 90px;
padding-bottom: 0px; } }
@media (max-width: 1119px) {
.page--home .section--home-screenshots {
padding-top: 50px;
padding-bottom: 50px;
min-height: 0px; } }
.page--home .section--home-screenshots .screenshot-container {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 500px;
padding: 0; }
@media (min-width: 60em) {
.page--home .section--home-screenshots .screenshot-container {
float: left;
width: 50%; } }
@media (min-width: 60em) {
.page--home .section--home-screenshots .screenshot-container {
right: 41.66667%; } }
@media (min-width: 70em) {
.page--home .section--home-screenshots .screenshot-container {
float: left;
width: 58.33333%; } }
@media (min-width: 70em) {
.page--home .section--home-screenshots .screenshot-container {
right: 33.33333%; } }
@media (max-width: 1119px) {
.page--home .section--home-screenshots .screenshot-container {
min-height: 0px;
padding-bottom: 30px; } }
.page--home .section--home-screenshots .screenshot-container img {
width: 100%;
border-radius: 3px 3px 0 0;
position: absolute;
top: 75px;
left: 0;
display: none; }
@media (max-width: 1279px) {
.page--home .section--home-screenshots .screenshot-container img {
top: auto;
bottom: 0px; } }
@media (max-width: 1119px) {
.page--home .section--home-screenshots .screenshot-container img {
top: 0px;
bottom: auto; } }
.page--home .section--home-screenshots .screenshot-container img.active {
display: block; }
.page--home .section--home-screenshots .screenshot-container img.placeholder {
position: relative;
display: block; }
.page--home .section--home-screenshots .text-container {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
padding-top: 175px; }
@media (min-width: 60em) {
.page--home .section--home-screenshots .text-container {
float: left;
width: 33.33333%; } }
@media (min-width: 60em) {
.page--home .section--home-screenshots .text-container {
left: 58.33333%; } }
@media (min-width: 70em) {
.page--home .section--home-screenshots .text-container {
float: left;
width: 25%; } }
@media (min-width: 70em) {
.page--home .section--home-screenshots .text-container {
left: 66.66667%; } }
@media (max-width: 1279px) {
.page--home .section--home-screenshots .text-container {
padding-top: 0px; } }
@media (max-width: 959px) {
.page--home .section--home-screenshots .text-container {
padding-top: 20px;
text-align: center;
margin-bottom: 60px; } }
.page--home .section--home-screenshots .text-container p {
margin-top: 30px;
margin-bottom: 40px; }
.page--home .section--home-screenshots .text-container .button {
white-space: nowrap; }
.page--home .section--home-video {
background: no-repeat center center transparent url("https://luna1.co/41454e.jpg");
background-size: cover;
position: relative; }
.page--home .section--home-video .headline {
color: #fff; }
.page--home .section--home-video .html-vid {
opacity: 1; }
@media (min-width: 959px) {
.page--home .section--home-video .video-vimeo-with-bg .play-video .button-wrap {
position: absolute;
width: 100%;
height: 110px;
bottom: 0;
top: auto;
background-color: rgba(255, 255, 255, 0.3);
text-align: left;
padding-left: 20px; }
.page--home .section--home-video .video-vimeo-with-bg .play-video .button-wrap .button--video {
width: 60px;
height: 60px;
display: inline-block; }
.page--home .section--home-video .video-vimeo-with-bg .play-video .button-wrap .headline-wrap {
text-align: left;
width: auto;
height: 100%;
margin: 0px;
display: inline-block;
margin-left: 15px;
position: static; }
.page--home .section--home-video .video-vimeo-with-bg .play-video .button-wrap .headline-wrap .headline {
top: 50%;
margin: 0px;
-webkit-transform: none;
transform: none;
line-height: 0px;
font-size: 28px;
width: auto; } }
.page--home .section--home-customers {
background: #fff;
text-align: center;
padding-bottom: 120px;
background: url("https://luna1.co/42f973.png") no-repeat center 80px;
background-size: 86px 79px;
padding-top: 180px; }
.page--home .section--home-customers .innerContent {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
margin-bottom: 20px; }
@media (min-width: 48em) {
.page--home .section--home-customers .innerContent {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--home .section--home-customers .innerContent {
margin-left: 16.66667%; } }
@media (min-width: 60em) {
.page--home .section--home-customers .innerContent {
float: left;
width: 50%; } }
@media (min-width: 60em) {
.page--home .section--home-customers .innerContent {
margin-left: 25%; } }
@media (max-width: 959px) {
.page--home .section--home-customers .innerContent {
margin-bottom: 20px; } }
.page--home .section--home-customers p {
margin-top: 15px;
margin-bottom: 0px; }
@media (min-width: 768px) {
.page--home .section--home-customers .button {
margin-top: 40px; } }
.page--home .section--home-closer {
padding-top: 80px;
text-align: center;
position: relative;
overflow: hidden;
padding-bottom: 835px;
background: #fff url("https://luna1.co/932834.png") no-repeat center bottom;
background-size: auto 855px; }
@media (min-width: 768px) {
.page--home .section--home-closer {
background-image: url("https://luna1.co/d4a9bf.png"); } }
@media (max-width: 1279px) {
.page--home .section--home-closer {
background-size: 145% auto;
padding-bottom: 66vw; } }
.page--home .section--home-closer p {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--home .section--home-closer p {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--home .section--home-closer p {
margin-left: 16.66667%; } }
@media (min-width: 60em) {
.page--home .section--home-closer p {
float: left;
width: 50%; } }
@media (min-width: 60em) {
.page--home .section--home-closer p {
margin-left: 25%; } }
.page--press .pageHero--press {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 100%); }
@media (min-width: 768px) {
.page--press .pageHero--press:before, .page--press .pageHero--press:after {
content: "";
position: absolute;
width: 30%;
height: 100%;
background-repeat: no-repeat;
background-color: transparent;
background-size: contain; }
.page--press .pageHero--press:before {
background-image: url("https://luna1.co/e834b5.png");
background-position: left 50px;
top: 0;
left: 0; }
.page--press .pageHero--press:after {
background-image: url("https://luna1.co/decfe2.png");
background-position: bottom right;
bottom: 0;
right: 0; } }
.page--press .sectionHeading h2, .page--press .sectionHeading .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--press .sectionHeading h3, .page--press .sectionHeading .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--press .sectionHeading h3, .page--press .sectionHeading .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--press .sectionHeading h3, .page--press .sectionHeading .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--press .sectionHeading h3, .page--press .sectionHeading .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--press .sectionHeading h3, .page--press .sectionHeading .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--press .sectionHeading h3, .page--press .sectionHeading .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--press .sectionHeading h3 {
margin-top: 0; }
.page--press .brand-resources {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #FF6D92 100%); }
.page--press .brand-resources .p--large, .page--press .brand-resources .mediaGrid-tile--withasana p, .mediaGrid-tile--withasana .page--press .brand-resources p, .page--press .brand-resources .accordionList--term, .page--press .brand-resources .section--jobs-culture .culture-subhead, .section--jobs-culture .page--press .brand-resources .culture-subhead, .page--press .brand-resources .section--jobs-peers .peers-subhead, .section--jobs-peers .page--press .brand-resources .peers-subhead, .page--press .brand-resources .page--product .section--screenshots .screenshot-panel p, .page--product .section--screenshots .screenshot-panel .page--press .brand-resources p, .page--press .brand-resources .page--customers #withasana-carousel .overlay p, .page--customers #withasana-carousel .overlay .page--press .brand-resources p, .page--press .brand-resources .page--customer .section--customer-stories .stories-subhead, .page--customer .section--customer-stories .page--press .brand-resources .stories-subhead, .page--press .brand-resources .page--app .app-page p, .page--app .app-page .page--press .brand-resources p, .page--press .brand-resources .page--app .apps-page p, .page--app .apps-page .page--press .brand-resources p, .page--press .brand-resources .page--apps .app-page p, .page--apps .app-page .page--press .brand-resources p, .page--press .brand-resources .page--apps .apps-page p, .page--apps .apps-page .page--press .brand-resources p, .page--press .brand-resources .page--apply-success p, .page--apply-success .page--press .brand-resources p {
margin-top: 75px; }
@media (max-width: 959px) {
.page--press .brand-resources .p--large, .page--press .brand-resources .mediaGrid-tile--withasana p, .mediaGrid-tile--withasana .page--press .brand-resources p, .page--press .brand-resources .accordionList--term, .page--press .brand-resources .section--jobs-culture .culture-subhead, .section--jobs-culture .page--press .brand-resources .culture-subhead, .page--press .brand-resources .section--jobs-peers .peers-subhead, .section--jobs-peers .page--press .brand-resources .peers-subhead, .page--press .brand-resources .page--product .section--screenshots .screenshot-panel p, .page--product .section--screenshots .screenshot-panel .page--press .brand-resources p, .page--press .brand-resources .page--customers #withasana-carousel .overlay p, .page--customers #withasana-carousel .overlay .page--press .brand-resources p, .page--press .brand-resources .page--customer .section--customer-stories .stories-subhead, .page--customer .section--customer-stories .page--press .brand-resources .stories-subhead, .page--press .brand-resources .page--app .app-page p, .page--app .app-page .page--press .brand-resources p, .page--press .brand-resources .page--app .apps-page p, .page--app .apps-page .page--press .brand-resources p, .page--press .brand-resources .page--apps .app-page p, .page--apps .app-page .page--press .brand-resources p, .page--press .brand-resources .page--apps .apps-page p, .page--apps .apps-page .page--press .brand-resources p, .page--press .brand-resources .page--apply-success p, .page--apply-success .page--press .brand-resources p {
margin-top: 30px; } }
@media (max-width: 959px) {
.page--press .brand-resources .equal-float-candidate {
margin-bottom: 75px; } }
.page--press .press-archive {
position: relative;
overflow: hidden;
padding-bottom: 180px; }
.page--press .press-archive .sectionHeading {
padding-bottom: 60px; }
.page--press .press-archive .article {
border-bottom: 1px solid #CDCFD2;
margin-bottom: 30px; }
.page--press .press-archive .article .p--large, .page--press .press-archive .article .mediaGrid-tile--withasana p, .mediaGrid-tile--withasana .page--press .press-archive .article p, .page--press .press-archive .article .accordionList--term, .page--press .press-archive .article .section--jobs-culture .culture-subhead, .section--jobs-culture .page--press .press-archive .article .culture-subhead, .page--press .press-archive .article .section--jobs-peers .peers-subhead, .section--jobs-peers .page--press .press-archive .article .peers-subhead, .page--press .press-archive .article .page--product .section--screenshots .screenshot-panel p, .page--product .section--screenshots .screenshot-panel .page--press .press-archive .article p, .page--press .press-archive .article .page--customers #withasana-carousel .overlay p, .page--customers #withasana-carousel .overlay .page--press .press-archive .article p, .page--press .press-archive .article .page--customer .section--customer-stories .stories-subhead, .page--customer .section--customer-stories .page--press .press-archive .article .stories-subhead, .page--press .press-archive .article .page--app .app-page p, .page--app .app-page .page--press .press-archive .article p, .page--press .press-archive .article .page--app .apps-page p, .page--app .apps-page .page--press .press-archive .article p, .page--press .press-archive .article .page--apps .app-page p, .page--apps .app-page .page--press .press-archive .article p, .page--press .press-archive .article .page--apps .apps-page p, .page--apps .apps-page .page--press .press-archive .article p, .page--press .press-archive .article .page--apply-success p, .page--apply-success .page--press .press-archive .article p {
margin: 0 0 20px; }
.page--press .press-archive .article .cite .source {
margin-right: 10px; }
@media (max-width: 959px) {
.page--press .press-archive {
padding-bottom: 120px; } }
.page--press .press-archive .bgCircle--press-a {
background: #a177ff;
background: linear-gradient(225deg, #a177ff 0%, #FF6D92 100%);
background-size: 100%;
bottom: -25vw;
right: 70vw;
height: 40vw;
width: 40vw; }
@media (max-width: 959px) {
.page--press .press-archive .bgCircle--press-a {
bottom: -20vw; } }
.page--press .press-archive .bgCircle--press-b {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 100%);
background-size: 100%;
bottom: -18vw;
left: 80vw;
height: 35vw;
width: 35vw; }
@media (max-width: 959px) {
.page--press .press-archive .bgCircle--press-b {
bottom: -20vw; } }
.page--press .press-archive .bgCircle--press-c {
background: #3bf7d1;
background: linear-gradient(155deg, #3bf7d1 0%, #02CEFF 100%);
background-size: 100%;
bottom: -15vw;
left: 70vw;
height: 20vw;
width: 20vw; }
.page--company .pageHero--company {
background: #fd9a00;
background: linear-gradient(115deg, #fd9a00 0%, #FF6D92 70%, #FC636B 100%);
background-size: 150% 100%;
background-position-x: 50%;
overflow: hidden; }
.page--company .pageHero--company .pageHero-content {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--company .pageHero--company .pageHero-content {
float: left;
width: 50%; } }
@media (min-width: 48em) {
.page--company .pageHero--company .pageHero-content {
margin-left: 25%; } }
@media (min-width: 60em) {
.page--company .pageHero--company .pageHero-content {
float: left;
width: 50%; } }
@media (min-width: 60em) {
.page--company .pageHero--company .pageHero-content {
margin-left: 25%; } }
.page--company .pageHero--company .bgCircle {
border-radius: 100%;
position: absolute; }
.page--company .pageHero--company .bgCircle.bgCircle--company-a {
height: 50vw;
width: 50vw;
background-size: 130%;
top: -37vw;
left: 25vw;
background: #FC636B;
background: linear-gradient(-225deg, #FC636B 0%, #FF6D92 70%, #ffd200 100%); }
@media (min-width: 1280px) {
.page--company .pageHero--company .bgCircle.bgCircle--company-a {
top: -44vw; } }
@media (max-width: 959px) {
.page--company .pageHero--company .bgCircle.bgCircle--company-a {
display: none; } }
.page--company .pageHero--company .bgCircle.bgCircle--company-b {
height: 50vw;
width: 50vw;
background-size: 130%;
background: #FC636B;
background: linear-gradient(115deg, #FC636B 0%, #FF6D92 70%, #ffd200 100%);
bottom: -40vw;
left: -10vw; }
@media (max-width: 959px) {
.page--company .pageHero--company .bgCircle.bgCircle--company-b {
display: none; } }
.page--company .pageHero--company .bgCircle.bgCircle--company-c {
height: 50vw;
width: 50vw;
background-size: 130%;
background: #FC636B;
background: linear-gradient(115deg, #FC636B 0%, #FF6D92 70%, #ffd200 100%);
bottom: -40vw;
right: -10vw; }
@media (max-width: 959px) {
.page--company .pageHero--company .bgCircle.bgCircle--company-c {
display: none; } }
.page--company .section--company-mission .section-content {
text-align: center;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--company .section--company-mission .section-content {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--company .section--company-mission .section-content {
margin-left: 16.66667%; } }
.page--company .section--company-mission .section-content h2, .page--company .section--company-mission .section-content .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--company .section--company-mission .section-content h3, .page--company .section--company-mission .section-content .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--company .section--company-mission .section-content h3, .page--company .section--company-mission .section-content .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--company .section--company-mission .section-content h3, .page--company .section--company-mission .section-content .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--company .section--company-mission .section-content h3, .page--company .section--company-mission .section-content .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--company .section--company-mission .section-content h3, .page--company .section--company-mission .section-content .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--company .section--company-mission .section-content h3, .page--company .section--company-mission .section-content .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--company .section--company-mission .section-content h3 {
margin-top: 0; }
.page--company .section--company-mission .section-content p {
margin-bottom: 15px; }
.page--company .section--company-founders {
padding-top: 0; }
.page--company .section--company-founders .founder-photo {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 66.66667%;
margin-left: 16.66667%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: center; }
@media (min-width: 48em) {
.page--company .section--company-founders .founder-photo {
float: left;
width: 33.33333%; } }
@media (min-width: 48em) {
.page--company .section--company-founders .founder-photo {
margin-left: 0%; } }
.page--company .section--company-founders .founder-photo img {
max-width: 100%; }
.page--company .section--company-founders .founder-content {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--company .section--company-founders .founder-content {
float: left;
width: 58.33333%; } }
@media (min-width: 48em) {
.page--company .section--company-founders .founder-content {
margin-left: 8.33333%; } }
.page--company .section--company-founders .founder-bio {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 60em) {
.page--company .section--company-founders .founder-bio {
float: left;
width: 41.66667%; } }
@media (min-width: 60em) {
.page--company .section--company-founders .founder-bio {
margin-left: 8.33333%; } }
@media (min-width: 60em) {
.page--company .section--company-founders .founder-bio:first-child {
margin-left: 0%; } }
.page--company .section--company-founders .founder-bio .p--label, .page--company .section--company-founders .founder-bio .card--article-source, .page--company .section--company-founders .founder-bio .iconList-items h4, .iconList-items .page--company .section--company-founders .founder-bio h4, .page--company .section--company-founders .founder-bio .iconList-items .button.button--card, .iconList-items .page--company .section--company-founders .founder-bio .button.button--card, .page--company .section--company-founders .founder-bio .siteFooter-column-title, .page--company .section--company-founders .founder-bio .footer .footer-column-title, .footer .page--company .section--company-founders .founder-bio .footer-column-title, .page--company .section--company-founders .founder-bio .section--jobs-culture .culture-feature h4, .section--jobs-culture .culture-feature .page--company .section--company-founders .founder-bio h4, .page--company .section--company-founders .founder-bio .section--jobs-culture .culture-feature .button.button--card, .section--jobs-culture .culture-feature .page--company .section--company-founders .founder-bio .button.button--card, .page--company .section--company-founders .founder-bio .tableList th, .tableList .page--company .section--company-founders .founder-bio th, .page--company .section--company-founders .founder-bio .page--job h3, .page--job .page--company .section--company-founders .founder-bio h3, .page--company .section--company-founders .founder-bio .page--pricing .mobile-pricing-table th, .page--pricing .mobile-pricing-table .page--company .section--company-founders .founder-bio th, .page--company .section--company-founders .founder-bio .page--app .app-page .app-content h3, .page--app .app-page .app-content .page--company .section--company-founders .founder-bio h3, .page--company .section--company-founders .founder-bio .page--app .apps-page .app-content h3, .page--app .apps-page .app-content .page--company .section--company-founders .founder-bio h3, .page--company .section--company-founders .founder-bio .page--apps .app-page .app-content h3, .page--apps .app-page .app-content .page--company .section--company-founders .founder-bio h3, .page--company .section--company-founders .founder-bio .page--apps .apps-page .app-content h3, .page--apps .apps-page .app-content .page--company .section--company-founders .founder-bio h3 {
margin-top: 40px;
margin-bottom: 10px; }
.page--company .section--company-brand-narrative {
position: relative;
padding-bottom: 150px;
padding-top: 100px; }
@media (max-width: 959px) {
.page--company .section--company-brand-narrative {
padding-top: 40px;
padding-bottom: 100px; } }
.page--company .section--company-brand-narrative:before, .page--company .section--company-brand-narrative:after {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
content: "";
z-index: -1;
-webkit-backface-visibility: hidden; }
.page--company .section--company-brand-narrative:before {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #FF6D92 100%);
-webkit-transform: skewY(-4deg);
transform: skewY(-4deg);
height: 60%; }
.page--company .section--company-brand-narrative:after {
top: 33%;
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 100%);
-webkit-transform: skewY(-3deg);
transform: skewY(-3deg);
height: 33%; }
@media (max-width: 959px) {
.page--company .section--company-brand-narrative:after {
top: 29%;
height: 32%; } }
@media (max-width: 767px) {
.page--company .section--company-brand-narrative:after {
height: 34%; } }
.page--company .section--company-brand-narrative .section-content {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 60em) {
.page--company .section--company-brand-narrative .section-content {
float: left;
width: 50%; } }
.page--company .section--company-brand-narrative .section-content.narrative--center {
margin-top: 0px;
padding-top: 200px;
text-align: center;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 60em) {
.page--company .section--company-brand-narrative .section-content.narrative--center {
float: left;
width: 50%; } }
@media (min-width: 60em) {
.page--company .section--company-brand-narrative .section-content.narrative--center {
margin-left: 25%; } }
@media (max-width: 959px) {
.page--company .section--company-brand-narrative .section-content.narrative--center {
padding-top: 100px; } }
.page--company .section--company-brand-narrative .section-content.narrative--center .dots {
margin: 0 auto 100px;
background: #fff;
border-radius: 50%;
height: 40px;
position: relative;
width: 40px; }
.page--company .section--company-brand-narrative .section-content.narrative--center .dots:before {
background: #fff;
border-radius: 50%;
bottom: -46px;
content: "";
left: -26px;
position: absolute;
right: 26px;
top: 46px; }
.page--company .section--company-brand-narrative .section-content.narrative--center .dots:after {
background: #fff;
border-radius: 50%;
bottom: -46px;
content: "";
left: 26px;
position: absolute;
right: -26px;
top: 46px; }
.page--company .section--company-brand-narrative .section-content.narrative--center .dots, .page--company .section--company-brand-narrative .section-content.narrative--center .dots:before, .page--company .section--company-brand-narrative .section-content.narrative--center .dots:after {
box-shadow: 0 0 7px 5px rgba(255, 255, 255, 0.3); }
.page--company .section--company-brand-narrative .section-content.narrative--center .dot-stationary-container {
display: none; }
.page--company .section--company-brand-narrative .section-content.narrative--center h3 {
margin-bottom: 60px; }
.page--company .section--company-brand-narrative .narrative--right, .page--company .section--company-brand-narrative .dot-animation--right {
margin-top: 140px; }
@media (max-width: 959px) {
.page--company .section--company-brand-narrative .narrative--right, .page--company .section--company-brand-narrative .dot-animation--right {
margin-top: 120px;
padding-bottom: 0; } }
.page--company .section--company-brand-narrative .dot-animation--left, .page--company .section--company-brand-narrative .dot-animation--right {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 60em) {
.page--company .section--company-brand-narrative .dot-animation--left, .page--company .section--company-brand-narrative .dot-animation--right {
float: left;
width: 50%; } }
@media (max-width: 959px) {
.page--company .section--company-brand-narrative .dot-animation--left, .page--company .section--company-brand-narrative .dot-animation--right {
display: none; } }
.page--company .section--company-brand-narrative .dot-animation--left .dot-animation-container, .page--company .section--company-brand-narrative .dot-animation--right .dot-animation-container {
position: relative;
height: 80px;
width: 1%; }
.page--company .section--company-brand-narrative .dot-animation--left .dot, .page--company .section--company-brand-narrative .dot-animation--right .dot {
width: 40px;
height: 40px;
border-radius: 40px;
background-color: #fff;
box-shadow: 0 0 7px 5px rgba(255, 255, 255, 0.3);
position: absolute; }
.page--company .section--company-brand-narrative .dot-animation--left .dot + .dot, .page--company .section--company-brand-narrative .dot-animation--right .dot + .dot {
-webkit-transform: translate(-100px, 100px);
transform: translate(-100px, 100px); }
.page--company .section--company-brand-narrative .dot-animation--left .dot + .dot + .dot, .page--company .section--company-brand-narrative .dot-animation--right .dot + .dot + .dot {
-webkit-transform: translate(150px, 50px);
transform: translate(150px, 50px); }
@media (min-width: 60em) {
.page--company .section--company-brand-narrative .narrative--left {
right: 50%; } }
@media (min-width: 60em) {
.page--company .section--company-brand-narrative .dot-animation--left {
left: 50%; } }
.page--company .section--company-brand-narrative .dot-animation--left .dot-animation-container {
left: 60%;
top: -30px; }
.page--company .section--company-brand-narrative .dot-animation--right .dot-animation-container {
left: 30%;
top: 30px; }
.page--company .section--company-values {
position: relative; }
.page--company .section--company-values:before {
width: 100%;
position: absolute;
left: 0;
content: "";
z-index: -2;
-webkit-backface-visibility: hidden;
top: -550px;
background: #3bf7d1;
background: linear-gradient(45deg, #3bf7d1 0%, #02CEFF 100%);
-webkit-transform: skewY(-1deg);
transform: skewY(-1deg);
height: 500px; }
.page--company .section--company-values .section-content {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--company .section--company-values .section-content {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--company .section--company-values .section-content {
margin-left: 16.66667%; } }
@media (min-width: 60em) {
.page--company .section--company-values .section-content {
float: left;
width: 50%; } }
@media (min-width: 60em) {
.page--company .section--company-values .section-content {
margin-left: 25%; } }
.page--company .section--company-values .values-list {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--company .section--company-values .values-list {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--company .section--company-values .values-list {
margin-left: 16.66667%; } }
.page--company .section--company-three-up {
text-align: center; }
.page--company .section--company-careers {
text-align: center;
padding-top: 180px;
padding-bottom: 60px;
background: url("https://luna1.co/db45a4.jpg") no-repeat 51% bottom;
background-size: auto 350px; }
@media (max-width: 959px) {
.page--company .section--company-careers {
padding-top: 120px;
padding-bottom: 120px; } }
.page--company .section--company-careers .section-content {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--company .section--company-careers .section-content {
float: left;
width: 50%; } }
@media (min-width: 48em) {
.page--company .section--company-careers .section-content {
margin-left: 25%; } }
@media (min-width: 60em) {
.page--company .section--company-careers .section-content {
float: left;
width: 33.33333%; } }
@media (min-width: 60em) {
.page--company .section--company-careers .section-content {
margin-left: 33.33333%; } }
.page--company .section--company-careers .section-content h2, .page--company .section--company-careers .section-content .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--company .section--company-careers .section-content h3, .page--company .section--company-careers .section-content .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--company .section--company-careers .section-content h3, .page--company .section--company-careers .section-content .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--company .section--company-careers .section-content h3, .page--company .section--company-careers .section-content .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--company .section--company-careers .section-content h3, .page--company .section--company-careers .section-content .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--company .section--company-careers .section-content h3, .page--company .section--company-careers .section-content .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--company .section--company-careers .section-content h3, .page--company .section--company-careers .section-content .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--company .section--company-careers .section-content h3 {
margin-bottom: 45px; }
.page--jobs .superHero--jobs {
height: 380px;
text-align: center;
position: relative; }
@media (min-width: 70em) {
.page--jobs .superHero--jobs {
height: 350px; } }
@media (max-width: 1119px) {
.page--jobs .superHero--jobs {
overflow-x: hidden; } }
@media (max-width: 959px) {
.page--jobs .superHero--jobs {
height: 320px; } }
.page--jobs .superHero--jobs .bgCircle {
position: absolute; }
.page--jobs .superHero--jobs .bgCircle--jobs-a {
background: #fd9a00;
background: linear-gradient(-115deg, #fd9a00 0%, #FF6D92 70%, #FC636B 100%);
background-size: 130%;
top: -80vw;
margin-top: 380px;
left: 10vw;
height: 80vw;
width: 80vw; }
@media (min-width: 70em) {
.page--jobs .superHero--jobs .bgCircle--jobs-a {
margin-top: 350px; } }
@media (max-width: 959px) {
.page--jobs .superHero--jobs .bgCircle--jobs-a {
left: -25vw;
height: 150vw;
width: 150vw;
top: -150vw;
margin-top: 320px; } }
.page--jobs .superHero--jobs .bgCircle--jobs-b {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 100%);
background-size: 130%;
top: -50vw;
right: 1vw;
height: 50vw;
width: 50vw;
margin-top: 250px; }
.page--jobs .superHero--jobs .bgCircle--jobs-c {
background: #ffd200;
background: linear-gradient(45deg, #ffd200 0%, #fd9a00 100%);
background-size: 130%;
top: -30vw;
left: 3vw;
height: 30vw;
width: 30vw;
margin-top: 200px; }
.page--jobs .superHero--jobs .superHero-content {
position: absolute !important;
top: 55px;
left: 0vw;
padding-top: 20px;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
margin-left: 0%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (max-width: 1119px) {
.page--jobs .superHero--jobs .superHero-content {
padding-top: 0px; } }
@media (min-width: 48em) {
.page--jobs .superHero--jobs .superHero-content {
float: left;
width: 50%; } }
@media (min-width: 48em) {
.page--jobs .superHero--jobs .superHero-content {
margin-left: 25%; } }
@media (min-width: 70em) {
.page--jobs .superHero--jobs .superHero-content {
float: left;
width: 33.33333%; } }
@media (min-width: 70em) {
.page--jobs .superHero--jobs .superHero-content {
margin-left: 33.33333%; } }
.page--jobs .section-content {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--jobs .section-content {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--jobs .section-content {
margin-left: 16.66667%; } }
@media (min-width: 60em) {
.page--jobs .section-content {
float: left;
width: 50%; } }
@media (min-width: 60em) {
.page--jobs .section-content {
margin-left: 25%; } }
.page--jobs .superHero-scrollwrap {
width: 100%;
height: 600px;
overflow-x: scroll;
overflow-y: hidden;
position: relative;
overflow: -moz-scrollbars-none;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
@media (max-width: 1279px) {
.page--jobs .superHero-scrollwrap {
height: 500px; } }
@media (max-width: 1119px) {
.page--jobs .superHero-scrollwrap {
height: 400px; } }
@media (max-width: 959px) {
.page--jobs .superHero-scrollwrap {
height: 300px; } }
.page--jobs .superHero-scrollwrap::-webkit-scrollbar {
display: none; }
.page--jobs .superHero-scrollinner {
z-index: 1;
height: 100%;
width: 34060px;
position: absolute;
top: 0;
left: 0vw;
background-size: auto 100%;
background-repeat: repeat-x;
background-color: transparent;
background-position: left bottom;
background-image: url("https://luna1.co/fd16b4.jpg"); }
@media (max-width: 1279px) {
.page--jobs .superHero-scrollinner {
width: 28383px; } }
@media (max-width: 1119px) {
.page--jobs .superHero-scrollinner {
width: 22707px; } }
@media (max-width: 959px) {
.page--jobs .superHero-scrollinner {
width: 17030px; } }
@media (min--moz-device-pixel-ratio: 1.3) and (min-width: 60em), (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-resolution: 1.3dppx) and (min-width: 60em) {
.page--jobs .superHero-scrollinner {
background-image: url("https://d1gwm4cf8hecp4.cloudfront.net/images/jobs/full-team@2x.jpg"); } }
@media (min-width: 1120px) {
.page--jobs .superHero-scrollinner {
background-image: url("https://d1gwm4cf8hecp4.cloudfront.net/images/jobs/full-team@2x.jpg"); } }
.page--jobs .section--jobs-second .button {
margin-right: 30px; }
@media (max-width: 959px) {
.page--jobs .section--jobs-second .button {
margin-bottom: 20px; } }
.page--jobs .section--jobs-second .button + a {
display: inline-block;
line-height: 40px; }
.page--jobs .section--jobs-third {
margin-top: 50px;
position: relative;
padding-bottom: 100px;
padding-top: 120px; }
@media (max-width: 1119px) {
.page--jobs .section--jobs-third {
padding-top: 60px; } }
.page--jobs .section--jobs-third:before, .page--jobs .section--jobs-third:after {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
content: "";
z-index: -1;
-webkit-backface-visibility: hidden; }
.page--jobs .section--jobs-third:before {
background: #02CEFF;
background: linear-gradient(-225deg, #02CEFF 0%, #3bf7d1 100%);
-webkit-transform: skewY(3deg) translateY(-3vh);
transform: skewY(3deg) translateY(-3vh);
height: 80%; }
.page--jobs .section--jobs-third:after {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 100%);
-webkit-transform: skewY(-4deg);
transform: skewY(-4deg); }
.page--jobs .section--jobs-third .job-cards-content {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
margin-left: 0%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--jobs .section--jobs-third .job-cards-content {
float: left;
width: 100%; } }
@media (min-width: 48em) {
.page--jobs .section--jobs-third .job-cards-content {
margin-left: 0%; } }
@media (min-width: 60em) {
.page--jobs .section--jobs-third .job-cards-content {
float: left;
width: 66.66667%; } }
@media (min-width: 60em) {
.page--jobs .section--jobs-third .job-cards-content {
margin-left: 16.66667%; } }
@media (min-width: 70em) {
.page--jobs .section--jobs-third .job-cards-content {
float: left;
width: 33.33333%; } }
@media (min-width: 70em) {
.page--jobs .section--jobs-third .job-cards-content {
margin-left: 0%; } }
@media (max-width: 1119px) {
.page--jobs .section--jobs-third .job-cards-content {
margin-top: 20px; } }
.page--jobs .section--jobs-third .job-cards-content h2, .page--jobs .section--jobs-third .job-cards-content .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--jobs .section--jobs-third .job-cards-content h3, .page--jobs .section--jobs-third .job-cards-content .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--jobs .section--jobs-third .job-cards-content h3, .page--jobs .section--jobs-third .job-cards-content .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--jobs .section--jobs-third .job-cards-content h3, .page--jobs .section--jobs-third .job-cards-content .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--jobs .section--jobs-third .job-cards-content h3, .page--jobs .section--jobs-third .job-cards-content .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--jobs .section--jobs-third .job-cards-content h3, .page--jobs .section--jobs-third .job-cards-content .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--jobs .section--jobs-third .job-cards-content h3, .page--jobs .section--jobs-third .job-cards-content .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--jobs .section--jobs-third .job-cards-content h3 {
margin-top: 0; }
.page--jobs .section--jobs-third .buttonCards {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
margin-left: 0%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--jobs .section--jobs-third .buttonCards {
float: left;
width: 100%; } }
@media (min-width: 48em) {
.page--jobs .section--jobs-third .buttonCards {
margin-left: 0%; } }
@media (min-width: 60em) {
.page--jobs .section--jobs-third .buttonCards {
float: left;
width: 66.66667%; } }
@media (min-width: 60em) {
.page--jobs .section--jobs-third .buttonCards {
margin-left: 16.66667%; } }
@media (min-width: 70em) {
.page--jobs .section--jobs-third .buttonCards {
float: left;
width: 58.33333%; } }
@media (min-width: 70em) {
.page--jobs .section--jobs-third .buttonCards {
margin-left: 8.33333%; } }
@media (max-width: 1119px) {
.page--jobs .section--jobs-third .buttonCards {
margin-top: 20px; } }
.page--jobs .section--jobs-fifth {
position: relative;
overflow: hidden;
min-height: 30vw; }
.page--jobs .section--jobs-fifth h2, .page--jobs .section--jobs-fifth .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--jobs .section--jobs-fifth h3, .page--jobs .section--jobs-fifth .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--jobs .section--jobs-fifth h3, .page--jobs .section--jobs-fifth .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--jobs .section--jobs-fifth h3, .page--jobs .section--jobs-fifth .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--jobs .section--jobs-fifth h3, .page--jobs .section--jobs-fifth .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--jobs .section--jobs-fifth h3, .page--jobs .section--jobs-fifth .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--jobs .section--jobs-fifth h3, .page--jobs .section--jobs-fifth .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--jobs .section--jobs-fifth h3 {
margin-bottom: 0; }
.page--jobs .section--jobs-fifth .sectionHeading-subhead {
margin-top: 0px; }
.page--jobs .section--jobs-fifth .section-content {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--jobs .section--jobs-fifth .section-content {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--jobs .section--jobs-fifth .section-content {
margin-left: 16.66667%; } }
@media (min-width: 60em) {
.page--jobs .section--jobs-fifth .section-content {
float: left;
width: 66.66667%; } }
@media (min-width: 60em) {
.page--jobs .section--jobs-fifth .section-content {
margin-left: 16.66667%; } }
.page--jobs .section--jobs-fifth .buttons-container {
margin-top: 40px; }
.page--jobs .section--jobs-fifth .bgCircle--jobs-d {
background: #ffd200;
background: linear-gradient(45deg, #ffd200 0%, #FF6D92 70%, #FC636B 100%);
background-size: 100%;
bottom: -40vw;
left: -30vw;
height: 60vw;
width: 60vw; }
.page--jobs .section--jobs-fifth .bgCircle--jobs-e {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 100%);
background-size: 100%;
bottom: -20vh;
right: -20vw;
height: 35vw;
width: 35vw; }
.page--jobs .section--jobs-fifth .bgCircle--jobs-f {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #FF6D92 100%);
background-size: 100%;
bottom: -20vh;
right: 5vw;
height: 25vw;
width: 25vw; }
.header--jobs {
padding-bottom: 550px;
padding-top: 80px;
background-size: auto 500px;
background-repeat: no-repeat;
background-position: bottom center; }
@media (max-width: 1119px) {
.header--jobs {
padding-bottom: 300px;
background-size: auto 275px; } }
.header--jobs.header--all {
padding-bottom: 0px; }
.header--jobs.header--team-eng {
background-image: url("https://luna1.co/980850.jpg"); }
@media (min-width: 70em) {
.header--jobs.header--team-eng {
background-image: url("https://luna1.co/980850.jpg"); } }
@media (min--moz-device-pixel-ratio: 1.3) and (min-width: 60em), (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-resolution: 1.3dppx) and (min-width: 60em) {
.header--jobs.header--team-eng {
background-image: url("https://luna1.co/980850.jpg"); } }
.header--jobs.header--team-customer-ops {
background-image: url("https://luna1.co/0f6ba5.jpg"); }
@media (min-width: 70em) {
.header--jobs.header--team-customer-ops {
background-image: url("https://luna1.co/6a01d6.jpg"); } }
@media (min--moz-device-pixel-ratio: 1.3) and (min-width: 60em), (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-resolution: 1.3dppx) and (min-width: 60em) {
.header--jobs.header--team-customer-ops {
background-image: url("https://luna1.co/6a01d6.jpg"); } }
.header--jobs.header--team-people-ops-recruiting {
background-image: url("https://luna1.co/b94324.jpg"); }
@media (min-width: 70em) {
.header--jobs.header--team-people-ops-recruiting {
background-image: url("https://luna1.co/b1992b.jpg"); } }
@media (min--moz-device-pixel-ratio: 1.3) and (min-width: 60em), (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-resolution: 1.3dppx) and (min-width: 60em) {
.header--jobs.header--team-people-ops-recruiting {
background-image: url("https://luna1.co/b1992b.jpg"); } }
.header--jobs.header--team-sales-marketing {
background-image: url("https://luna1.co/a824a6.jpg"); }
@media (min-width: 70em) {
.header--jobs.header--team-sales-marketing {
background-image: url("https://luna1.co/a824a6.jpg"); } }
@media (min--moz-device-pixel-ratio: 1.3) and (min-width: 60em), (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-resolution: 1.3dppx) and (min-width: 60em) {
.header--jobs.header--team-sales-marketing {
background-image: url("https://luna1.co/a824a6.jpg"); } }
.header--jobs.header--team-university {
background-image: url("https://luna1.co/82a803.jpg"); }
@media (min-width: 70em) {
.header--jobs.header--team-university {
background-image: url("https://luna1.co/79f28d.jpg"); } }
@media (min--moz-device-pixel-ratio: 1.3) and (min-width: 60em), (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-resolution: 1.3dppx) and (min-width: 60em) {
.header--jobs.header--team-university {
background-image: url("https://luna1.co/79f28d.jpg"); } }
.header--jobs.header--team-product-management-uxr {
background-image: url("https://luna1.co/9768ea.jpg"); }
@media (min-width: 70em) {
.header--jobs.header--team-product-management-uxr {
background-image: url("https://luna1.co/9768ea.jpg"); } }
@media (min--moz-device-pixel-ratio: 1.3) and (min-width: 60em), (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-resolution: 1.3dppx) and (min-width: 60em) {
.header--jobs.header--team-product-management-uxr {
background-image: url("https://luna1.co/9768ea.jpg"); } }
.header--jobs.header--team-design {
background-image: url("https://luna1.co/82f1a8.jpg"); }
@media (min-width: 70em) {
.header--jobs.header--team-design {
background-image: url("https://luna1.co/2ef8ea.jpg"); } }
@media (min--moz-device-pixel-ratio: 1.3) and (min-width: 60em), (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-resolution: 1.3dppx) and (min-width: 60em) {
.header--jobs.header--team-design {
background-image: url("https://luna1.co/2ef8ea.jpg"); } }
.header--jobs.header--team-finance-biz-tech {
background-image: url("https://luna1.co/63fbb7.jpg"); }
@media (min-width: 70em) {
.header--jobs.header--team-finance-biz-tech {
background-image: url("https://luna1.co/99bacb.jpg"); } }
@media (min--moz-device-pixel-ratio: 1.3) and (min-width: 60em), (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-resolution: 1.3dppx) and (min-width: 60em) {
.header--jobs.header--team-finance-biz-tech {
background-image: url("https://luna1.co/99bacb.jpg"); } }
.header--jobs h1, .header--jobs .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .header--jobs .headline, .header--jobs .page--app .app-page h1, .page--app .app-page .header--jobs h1, .header--jobs .page--app .apps-page h1, .page--app .apps-page .header--jobs h1, .header--jobs .page--apps .app-page h1, .page--apps .app-page .header--jobs h1, .header--jobs .page--apps .apps-page h1, .page--apps .apps-page .header--jobs h1 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.header--jobs h1, .header--jobs .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .header--jobs .headline, .header--jobs .page--app .app-page h1, .page--app .app-page .header--jobs h1, .header--jobs .page--app .apps-page h1, .page--app .apps-page .header--jobs h1, .header--jobs .page--apps .app-page h1, .page--apps .app-page .header--jobs h1, .header--jobs .page--apps .apps-page h1, .page--apps .apps-page .header--jobs h1 {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.header--jobs h1, .header--jobs .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .header--jobs .headline, .header--jobs .page--app .app-page h1, .page--app .app-page .header--jobs h1, .header--jobs .page--app .apps-page h1, .page--app .apps-page .header--jobs h1, .header--jobs .page--apps .app-page h1, .page--apps .app-page .header--jobs h1, .header--jobs .page--apps .apps-page h1, .page--apps .apps-page .header--jobs h1 {
margin-left: 16.66667%; } }
.header--jobs .p--large, .header--jobs .mediaGrid-tile--withasana p, .mediaGrid-tile--withasana .header--jobs p, .header--jobs .accordionList--term, .header--jobs .section--jobs-culture .culture-subhead, .section--jobs-culture .header--jobs .culture-subhead, .header--jobs .section--jobs-peers .peers-subhead, .section--jobs-peers .header--jobs .peers-subhead, .header--jobs .page--product .section--screenshots .screenshot-panel p, .page--product .section--screenshots .screenshot-panel .header--jobs p, .header--jobs .page--customers #withasana-carousel .overlay p, .page--customers #withasana-carousel .overlay .header--jobs p, .header--jobs .page--customer .section--customer-stories .stories-subhead, .page--customer .section--customer-stories .header--jobs .stories-subhead, .header--jobs .page--app .app-page p, .page--app .app-page .header--jobs p, .header--jobs .page--app .apps-page p, .page--app .apps-page .header--jobs p, .header--jobs .page--apps .app-page p, .page--apps .app-page .header--jobs p, .header--jobs .page--apps .apps-page p, .page--apps .apps-page .header--jobs p, .header--jobs .page--apply-success p, .page--apply-success .header--jobs p {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
margin-top: 20px; }
@media (min-width: 48em) {
.header--jobs .p--large, .header--jobs .mediaGrid-tile--withasana p, .mediaGrid-tile--withasana .header--jobs p, .header--jobs .accordionList--term, .header--jobs .section--jobs-culture .culture-subhead, .section--jobs-culture .header--jobs .culture-subhead, .header--jobs .section--jobs-peers .peers-subhead, .section--jobs-peers .header--jobs .peers-subhead, .header--jobs .page--product .section--screenshots .screenshot-panel p, .page--product .section--screenshots .screenshot-panel .header--jobs p, .header--jobs .page--customers #withasana-carousel .overlay p, .page--customers #withasana-carousel .overlay .header--jobs p, .header--jobs .page--customer .section--customer-stories .stories-subhead, .page--customer .section--customer-stories .header--jobs .stories-subhead, .header--jobs .page--app .app-page p, .page--app .app-page .header--jobs p, .header--jobs .page--app .apps-page p, .page--app .apps-page .header--jobs p, .header--jobs .page--apps .app-page p, .page--apps .app-page .header--jobs p, .header--jobs .page--apps .apps-page p, .page--apps .apps-page .header--jobs p, .header--jobs .page--apply-success p, .page--apply-success .header--jobs p {
float: left;
width: 50%; } }
@media (min-width: 48em) {
.header--jobs .p--large, .header--jobs .mediaGrid-tile--withasana p, .mediaGrid-tile--withasana .header--jobs p, .header--jobs .accordionList--term, .header--jobs .section--jobs-culture .culture-subhead, .section--jobs-culture .header--jobs .culture-subhead, .header--jobs .section--jobs-peers .peers-subhead, .section--jobs-peers .header--jobs .peers-subhead, .header--jobs .page--product .section--screenshots .screenshot-panel p, .page--product .section--screenshots .screenshot-panel .header--jobs p, .header--jobs .page--customers #withasana-carousel .overlay p, .page--customers #withasana-carousel .overlay .header--jobs p, .header--jobs .page--customer .section--customer-stories .stories-subhead, .page--customer .section--customer-stories .header--jobs .stories-subhead, .header--jobs .page--app .app-page p, .page--app .app-page .header--jobs p, .header--jobs .page--app .apps-page p, .page--app .apps-page .header--jobs p, .header--jobs .page--apps .app-page p, .page--apps .app-page .header--jobs p, .header--jobs .page--apps .apps-page p, .page--apps .apps-page .header--jobs p, .header--jobs .page--apply-success p, .page--apply-success .header--jobs p {
margin-left: 25%; } }
.section--jobs-articles .sectionHeading {
padding-bottom: 0; }
/* repeated sections */
.section--jobs-list .group-title, .section--jobs-list .group {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
margin-bottom: 40px; }
@media (min-width: 48em) {
.section--jobs-list .group-title, .section--jobs-list .group {
float: left;
width: 33.33333%; } }
.section--jobs-list .group-list {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.section--jobs-list .group-list {
float: left;
width: 58.33333%; } }
@media (min-width: 48em) {
.section--jobs-list .group-list {
margin-left: 8.33333%; } }
.section--jobs-footer {
padding-bottom: 100px; }
.section--jobs-footer h2, .section--jobs-footer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .section--jobs-footer h3, .section--jobs-footer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--jobs-footer h3, .section--jobs-footer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .section--jobs-footer h3, .section--jobs-footer .page--app .app-page .block-main h3, .page--app .app-page .block-main .section--jobs-footer h3, .section--jobs-footer .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .section--jobs-footer h3, .section--jobs-footer .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .section--jobs-footer h3, .section--jobs-footer .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .section--jobs-footer h3 {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.section--jobs-footer h2, .section--jobs-footer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .section--jobs-footer h3, .section--jobs-footer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--jobs-footer h3, .section--jobs-footer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .section--jobs-footer h3, .section--jobs-footer .page--app .app-page .block-main h3, .page--app .app-page .block-main .section--jobs-footer h3, .section--jobs-footer .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .section--jobs-footer h3, .section--jobs-footer .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .section--jobs-footer h3, .section--jobs-footer .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .section--jobs-footer h3 {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.section--jobs-footer h2, .section--jobs-footer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .section--jobs-footer h3, .section--jobs-footer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--jobs-footer h3, .section--jobs-footer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .section--jobs-footer h3, .section--jobs-footer .page--app .app-page .block-main h3, .page--app .app-page .block-main .section--jobs-footer h3, .section--jobs-footer .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .section--jobs-footer h3, .section--jobs-footer .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .section--jobs-footer h3, .section--jobs-footer .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .section--jobs-footer h3 {
margin-left: 16.66667%; } }
@media (min-width: 60em) {
.section--jobs-footer h2, .section--jobs-footer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .section--jobs-footer h3, .section--jobs-footer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--jobs-footer h3, .section--jobs-footer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .section--jobs-footer h3, .section--jobs-footer .page--app .app-page .block-main h3, .page--app .app-page .block-main .section--jobs-footer h3, .section--jobs-footer .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .section--jobs-footer h3, .section--jobs-footer .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .section--jobs-footer h3, .section--jobs-footer .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .section--jobs-footer h3 {
float: left;
width: 50%; } }
@media (min-width: 60em) {
.section--jobs-footer h2, .section--jobs-footer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .section--jobs-footer h3, .section--jobs-footer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--jobs-footer h3, .section--jobs-footer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .section--jobs-footer h3, .section--jobs-footer .page--app .app-page .block-main h3, .page--app .app-page .block-main .section--jobs-footer h3, .section--jobs-footer .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .section--jobs-footer h3, .section--jobs-footer .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .section--jobs-footer h3, .section--jobs-footer .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .section--jobs-footer h3 {
margin-left: 25%; } }
.section--jobs-footer .list-signup-form .list-signup-form-input {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.section--jobs-footer .list-signup-form .list-signup-form-input {
float: left;
width: 33.33333%; } }
@media (min-width: 48em) {
.section--jobs-footer .list-signup-form .list-signup-form-input {
margin-left: 25%; } }
@media (min-width: 60em) {
.section--jobs-footer .list-signup-form .list-signup-form-input {
float: left;
width: 25%; } }
@media (min-width: 60em) {
.section--jobs-footer .list-signup-form .list-signup-form-input {
margin-left: 33.33333%; } }
@media (min-width: 768px) {
.section--jobs-footer .list-signup-form .button {
float: left;
margin-top: 0;
margin-left: 15px; } }
.section--jobs-culture {
position: relative;
padding-bottom: 100px; }
.section--jobs-culture:before, .section--jobs-culture:after {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
content: "";
z-index: -1;
-webkit-backface-visibility: hidden; }
.section--jobs-culture:after {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 100%);
-webkit-transform: skewY(-2deg);
transform: skewY(-2deg); }
.section--jobs-culture .culture-feature {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: center;
padding-bottom: 100px;
padding-top: 40px; }
@media (min-width: 60em) {
.section--jobs-culture .culture-feature {
float: left;
width: 33.33333%; } }
.section--jobs-culture .culture-feature h4, .section--jobs-culture .culture-feature .button.button--card {
color: #fff; }
.section--jobs-culture .culture-feature p {
padding: 0 10%; }
.section--jobs-culture .culture-synposis {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.section--jobs-culture .culture-synposis {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.section--jobs-culture .culture-synposis {
margin-left: 16.66667%; } }
@media (min-width: 60em) {
.section--jobs-culture .culture-synposis {
float: left;
width: 50%; } }
@media (min-width: 60em) {
.section--jobs-culture .culture-synposis {
margin-left: 25%; } }
.section--jobs-culture .culture-subhead {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
color: #fff; }
@media (min-width: 48em) {
.section--jobs-culture .culture-subhead {
float: left;
width: 83.33333%; } }
@media (min-width: 48em) {
.section--jobs-culture .culture-subhead {
margin-left: 8.33333%; } }
@media (min-width: 60em) {
.section--jobs-culture .culture-subhead {
float: left;
width: 66.66667%; } }
@media (min-width: 60em) {
.section--jobs-culture .culture-subhead {
margin-left: 16.66667%; } }
.section--jobs-peers {
position: relative;
padding-bottom: 0;
overflow: hidden; }
.section--jobs-peers.no-culture {
padding-top: 50px;
margin-top: 100px; }
.section--jobs-peers.no-culture h2, .section--jobs-peers.no-culture .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .section--jobs-peers.no-culture h3, .section--jobs-peers.no-culture .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--jobs-peers.no-culture h3, .section--jobs-peers.no-culture .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .section--jobs-peers.no-culture h3, .section--jobs-peers.no-culture .page--app .app-page .block-main h3, .page--app .app-page .block-main .section--jobs-peers.no-culture h3, .section--jobs-peers.no-culture .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .section--jobs-peers.no-culture h3, .section--jobs-peers.no-culture .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .section--jobs-peers.no-culture h3, .section--jobs-peers.no-culture .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .section--jobs-peers.no-culture h3, .section--jobs-peers.no-culture .peers-subhead {
color: #fff; }
.section--jobs-peers.no-culture:before, .section--jobs-peers.no-culture:after {
width: 100%;
height: 550px;
position: absolute;
left: 0;
top: -100px;
content: "";
z-index: -1;
-webkit-backface-visibility: hidden; }
.section--jobs-peers.no-culture:after {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 100%);
-webkit-transform: skewY(-3deg);
transform: skewY(-3deg); }
.section--jobs-peers .peer {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
padding-bottom: 40px;
padding-top: 40px; }
@media (min-width: 48em) {
.section--jobs-peers .peer {
margin-left: 8.33333%; } }
@media (min-width: 48em) {
.section--jobs-peers .peer {
float: left;
width: 25%; } }
@media (min-width: 768px) {
.section--jobs-peers .peer:first-child {
margin-left: 4.16667%; } }
.section--jobs-peers .peer p {
padding-right: 5%; }
.section--jobs-peers .peer-photo {
text-align: center;
margin-bottom: 30px; }
.section--jobs-peers .peer-photo img {
max-width: 100%; }
.section--jobs-peers .peers-subhead {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.section--jobs-peers .peers-subhead {
float: left;
width: 83.33333%; } }
@media (min-width: 48em) {
.section--jobs-peers .peers-subhead {
margin-left: 8.33333%; } }
@media (min-width: 60em) {
.section--jobs-peers .peers-subhead {
float: left;
width: 66.66667%; } }
@media (min-width: 60em) {
.section--jobs-peers .peers-subhead {
margin-left: 16.66667%; } }
/* position list */
.tableList {
border: none;
margin-bottom: 60px; }
.tableList th {
padding: 0px 0 10px; }
.tableList td {
padding: 15px 0; }
.tableList th, .tableList td {
border-bottom: 1px solid #E1E2E4; }
.tableList th:first-child, .tableList td:first-child {
width: 60%;
padding-right: 10px; }
.tableList td[colspan="2"] {
border-bottom: none; }
.job-breadcrumbs {
text-align: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
margin-bottom: 20px;
padding-left: 18px; }
@media (min-width: 48em) {
.job-breadcrumbs {
float: left;
width: 100%; } }
.job-breadcrumbs .icon, .job-breadcrumbs .accordionList--term:after, .job-breadcrumbs .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .job-breadcrumbs li:before, .job-breadcrumbs .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .job-breadcrumbs .nav-category:before, .job-breadcrumbs .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .job-breadcrumbs .nav-category:before, .job-breadcrumbs .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .job-breadcrumbs .nav-category:before, .job-breadcrumbs .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .job-breadcrumbs .nav-category:before, .job-breadcrumbs .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .job-breadcrumbs .nav-category:before, .job-breadcrumbs .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .job-breadcrumbs .nav-category:before, .job-breadcrumbs .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .job-breadcrumbs .nav-category:before, .job-breadcrumbs .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .job-breadcrumbs .nav-category:before {
font-size: .6em;
display: inline-block;
height: 1.25em;
vertical-align: middle;
-webkit-font-smoothing: auto; }
/* template-specific overrides */
.page--jobs-team .group-list {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
margin-top: 40px; }
@media (min-width: 48em) {
.page--jobs-team .group-list {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--jobs-team .group-list {
margin-left: 16.66667%; } }
@media (min-width: 60em) {
.page--jobs-team .group-list {
float: left;
width: 50%; } }
@media (min-width: 60em) {
.page--jobs-team .group-list {
margin-left: 25%; } }
.page--jobs-team .section--jobs-culture {
margin-top: 120px;
padding-bottom: 50px; }
.page--jobs-team .section--jobs-culture:after {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 100%);
-webkit-transform: skewY(-3deg);
transform: skewY(-3deg); }
.page--jobs-team .section--jobs-culture:before {
background: #3bf7d1;
background: linear-gradient(45deg, #3bf7d1 0%, #02CEFF 100%);
-webkit-transform: skewY(1deg);
transform: skewY(1deg); }
.page--jobs-team .section--jobs-culture .culture-feature {
padding-bottom: 50px; }
.page--job {
padding-top: 100px; }
.page--job h1, .page--job .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--job .headline, .page--job .page--app .app-page h1, .page--app .app-page .page--job h1, .page--job .page--app .apps-page h1, .page--app .apps-page .page--job h1, .page--job .page--apps .app-page h1, .page--apps .app-page .page--job h1, .page--job .page--apps .apps-page h1, .page--apps .apps-page .page--job h1 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
font-size: 2.75em; }
@media (min-width: 48em) {
.page--job h1, .page--job .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--job .headline, .page--job .page--app .app-page h1, .page--app .app-page .page--job h1, .page--job .page--app .apps-page h1, .page--app .apps-page .page--job h1, .page--job .page--apps .app-page h1, .page--apps .app-page .page--job h1, .page--job .page--apps .apps-page h1, .page--apps .apps-page .page--job h1 {
float: left;
width: 100%; } }
.page--job h3 {
margin-top: 40px; }
.page--job .section--jobs-culture {
padding-bottom: 100px;
margin-top: 100px; }
.page--job .section--jobs-culture:after {
height: 110%; }
.page--job .job-content {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
padding-bottom: 40px; }
@media (min-width: 48em) {
.page--job .job-content {
float: left;
width: 58.33333%; } }
.page--job .job-content .button {
display: inline-block;
margin-bottom: 30px;
margin-top: 10px; }
.page--job .job-sidebar {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--job .job-sidebar {
float: left;
width: 33.33333%; } }
@media (min-width: 48em) {
.page--job .job-sidebar {
margin-left: 8.33333%; } }
.page--job .job-sidebar h3 {
margin-top: 15px; }
@media (min-width: 768px) {
.page--job .job-sidebar {
border-left: 1px solid #E1E2E4;
padding-left: 30px; } }
.page--job .button-container {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--job .button-container {
float: left;
width: 100%; } }
html.device-android .page--jobs .superHero-scrollwrap {
overflow: hidden; }
.page--product .section--product-first {
position: relative;
padding-top: 100px;
padding-bottom: 0px; }
@media (min-width: 1280px) {
.page--product .section--product-first {
padding-top: 140px; } }
.page--product .section--product-first:before, .page--product .section--product-first:after {
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
content: "";
z-index: -1;
-webkit-backface-visibility: hidden; }
.page--product .section--product-first:before {
background: #FF6D92;
background: linear-gradient(45deg, #FF6D92 0%, #a177ff 100%);
-webkit-transform: skewY(-9.5deg);
transform: skewY(-9.5deg);
height: 200px;
bottom: -20px; }
@media (max-width: 959px) {
.page--product .section--product-first:before {
bottom: -45px; } }
@media (min-width: 1280px) {
.page--product .section--product-first:before {
-webkit-transform: skewY(-7.5deg);
transform: skewY(-7.5deg); } }
.page--product .section--product-first:after {
background: #ffd200;
background: linear-gradient(45deg, #ffd200 0%, #FF6D92 70%, #FF6D92 100%);
background-size: 150%;
background-position: top right;
-webkit-transform: skewY(-6deg);
transform: skewY(-6deg);
height: 200px;
bottom: -90px; }
@media (min-width: 1280px) {
.page--product .section--product-first:after {
-webkit-transform: skewY(-4.5deg);
transform: skewY(-4.5deg); } }
@media (max-width: 959px) {
.page--product .section--product-first {
text-align: center;
padding-top: 80px; } }
.page--product .section--product-first .section-content {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--product .section--product-first .section-content {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--product .section--product-first .section-content {
margin-left: 16.66667%; } }
@media (min-width: 60em) {
.page--product .section--product-first .section-content {
float: left;
width: 33.33333%; } }
@media (min-width: 60em) {
.page--product .section--product-first .section-content {
margin-left: 0%; } }
@media (min-width: 1120px) {
.page--product .section--product-first .section-content {
padding-left: 20px; } }
@media (max-width: 1279px) {
.page--product .section--product-first h1, .page--product .section--product-first .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--product .section--product-first .headline {
font-size: 2.5em; } }
.page--product .section--product-first p {
margin-bottom: 30px;
margin-top: 20px; }
@media (max-width: 1279px) {
.page--product .section--product-first p {
font-size: 1.2em; } }
.page--product .section--product-first a {
color: #1AAFD0; }
.page--product .section--product-first .laptop {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
background: no-repeat center bottom url("https://luna1.co/4552ea.png");
background-size: contain;
height: 50vw;
top: 0;
z-index: 200;
position: relative; }
@media (min-width: 48em) {
.page--product .section--product-first .laptop {
float: left;
width: 100%; } }
@media (min-width: 60em) {
.page--product .section--product-first .laptop {
float: left;
width: 66.66667%; } }
@media (max-width: 959px) {
.page--product .section--product-first .laptop {
height: 60vw; } }
@media (min-width: 1120px) {
.page--product .section--product-first .laptop {
height: 45vw; } }
@media (min-width: 1280px) {
.page--product .section--product-first .laptop {
height: 37vw; } }
@media (min-width: 1700px) {
.page--product .section--product-first .laptop {
height: 28vw; } }
@media (min-width: 2000px) {
.page--product .section--product-first .laptop {
height: 23vw; } }
@media (min-width: 70em) {
.page--product .section--product-first .laptop {
background-image: url("https://luna1.co/d7973b.png"); } }
@media (min--moz-device-pixel-ratio: 1.3) and (min-width: 60em), (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-resolution: 1.3dppx) and (min-width: 60em) {
.page--product .section--product-first .laptop {
background-image: url("https://luna1.co/d7973b.png"); } }
.page--product .section--screenshots {
background: #02CEFF;
background: linear-gradient(45deg, #02CEFF 0%, #3bf7d1 100%);
position: relative;
padding-top: 0;
z-index: 0; }
.page--product .section--screenshots:before, .page--product .section--screenshots:after {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
content: "";
z-index: -1;
-webkit-backface-visibility: hidden; }
.page--product .section--screenshots:before {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 100%);
-webkit-transform: skewY(-4deg);
transform: skewY(-4deg);
height: 290px;
top: -70px; }
@media (min-width: 1280px) {
.page--product .section--screenshots:before {
-webkit-transform: skewY(-2.5deg);
transform: skewY(-2.5deg); } }
.page--product .section--screenshots h2, .page--product .section--screenshots .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--product .section--screenshots h3, .page--product .section--screenshots .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--product .section--screenshots h3, .page--product .section--screenshots .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--product .section--screenshots h3, .page--product .section--screenshots .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--product .section--screenshots h3, .page--product .section--screenshots .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--product .section--screenshots h3, .page--product .section--screenshots .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--product .section--screenshots h3, .page--product .section--screenshots .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--product .section--screenshots h3 {
text-align: center;
margin-bottom: 0px;
color: #fff; }
.page--product .section--screenshots .screenshot-panel-form {
z-index: 1;
position: relative; }
.page--product .section--screenshots .screenshot-panel {
position: relative;
padding-bottom: 0px;
padding-top: 100px;
margin-bottom: 0px;
color: #fff;
z-index: 1;
pointer-events: all; }
@media (min-width: 960px) {
.page--product .section--screenshots .screenshot-panel {
padding-top: 60px; } }
@media (max-width: 767px) {
.page--product .section--screenshots .screenshot-panel {
padding-top: 80px;
margin-top: -80px; } }
.page--product .section--screenshots .screenshot-panel:before {
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: -94%;
content: "";
z-index: 1;
-webkit-backface-visibility: hidden;
background: #02CEFF;
background: linear-gradient(45deg, #02CEFF 0%, #3bf7d1 100%);
-webkit-transform: skewY(-4.1deg);
transform: skewY(-4.1deg);
height: 100%;
top: auto;
box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1); }
@media (max-width: 767px) {
.page--product .section--screenshots .screenshot-panel:before {
bottom: -97.2%;
box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1); } }
.page--product .section--screenshots .screenshot-panel h3 {
color: #fff; }
.page--product .section--screenshots .screenshot-panel p {
color: #fff; }
.page--product .section--screenshots .screenshot-panel .button {
margin-top: 15px; }
.page--product .section--screenshots .screenshot-panel.screenshot-panel--1 {
z-index: -2;
padding-top: 190px; }
@media (max-width: 767px) {
.page--product .section--screenshots .screenshot-panel.screenshot-panel--1 {
padding-top: 160px; } }
.page--product .section--screenshots .screenshot-panel.screenshot-panel--1:before {
bottom: -95%;
background: #02CEFF;
background: linear-gradient(-125deg, #02CEFF 0%, #a177ff 100%); }
.page--product .section--screenshots .screenshot-panel.screenshot-panel--2:before {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #FF6D92 100%); }
.page--product .section--screenshots .screenshot-panel:last-child:before {
background: #fff; }
.page--product .section--screenshots .screenshot-panel-content {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--product .section--screenshots .screenshot-panel-content {
float: left;
width: 41.66667%; } }
@media (min-width: 48em) {
.page--product .section--screenshots .screenshot-panel-content {
left: 58.33333%; } }
@media (min-width: 48em) {
.page--product .section--screenshots .screenshot-panel-content {
margin-left: 0%; } }
@media (min-width: 60em) {
.page--product .section--screenshots .screenshot-panel-content {
float: left;
width: 33.33333%; } }
@media (min-width: 60em) {
.page--product .section--screenshots .screenshot-panel-content {
left: 66.66667%; } }
@media (min-width: 60em) {
.page--product .section--screenshots .screenshot-panel-content {
margin-left: 0%; } }
@media (min-width: 768px) {
.page--product .section--screenshots .screenshot-panel-content {
margin-top: 5%; } }
@media (max-width: 767px) {
.page--product .section--screenshots .screenshot-panel-content {
text-align: center;
padding-bottom: 20px; } }
@media (max-width: 1119px) {
.page--product .section--screenshots .screenshot-panel-content h3 {
margin-top: 20px; } }
.page--product .section--screenshots .screenshot-panel-screenshots {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--product .section--screenshots .screenshot-panel-screenshots {
float: left;
width: 58.33333%; } }
@media (min-width: 48em) {
.page--product .section--screenshots .screenshot-panel-screenshots {
right: 41.66667%; } }
@media (min-width: 60em) {
.page--product .section--screenshots .screenshot-panel-screenshots {
margin-left: 8.33333%; } }
.page--product .section--screenshots .screenshot-panel-screenshots img {
max-width: 100%; }
.page--product .section--screenshots .screenshot-panel.switch-sides .screenshot-panel-content {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--product .section--screenshots .screenshot-panel.switch-sides .screenshot-panel-content {
left: 0%; } }
@media (min-width: 60em) {
.page--product .section--screenshots .screenshot-panel.switch-sides .screenshot-panel-content {
float: left;
width: 25%; } }
@media (min-width: 60em) {
.page--product .section--screenshots .screenshot-panel.switch-sides .screenshot-panel-content {
margin-left: 8.33333%; } }
@media (min-width: 80em) {
.page--product .section--screenshots .screenshot-panel.switch-sides .screenshot-panel-content {
left: 0%; } }
@media (min-width: 80em) {
.page--product .section--screenshots .screenshot-panel.switch-sides .screenshot-panel-content {
margin-left: 8.33333%; } }
@media (min-width: 48em) {
.page--product .section--screenshots .screenshot-panel.switch-sides .screenshot-panel-screenshots {
right: 0%; } }
@media (min-width: 960px) {
.page--product .section--screenshots .screenshot-panel.switch-sides .screenshot-panel-screenshots img {
position: relative;
top: -23px; } }
.page--product .section--animation {
position: relative;
overflow: hidden;
padding-top: 0; }
.page--product .section--animation h2, .page--product .section--animation .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--product .section--animation h3, .page--product .section--animation .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--product .section--animation h3, .page--product .section--animation .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--product .section--animation h3, .page--product .section--animation .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--product .section--animation h3, .page--product .section--animation .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--product .section--animation h3, .page--product .section--animation .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--product .section--animation h3, .page--product .section--animation .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--product .section--animation h3 {
text-align: center;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%; }
.page--product .section--animation .section-content {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--product .section--animation .section-content {
float: left;
width: 83.33333%; } }
@media (min-width: 48em) {
.page--product .section--animation .section-content {
margin-left: 8.33333%; } }
@media (min-width: 60em) {
.page--product .section--animation .section-content {
float: left;
width: 25%; } }
@media (min-width: 60em) {
.page--product .section--animation .section-content {
margin-left: 0%; } }
@media (min-width: 60em) {
.page--product .section--animation .section-content {
left: 75%; } }
@media (min-width: 70em) {
.page--product .section--animation .section-content {
float: left;
width: 33.33333%; } }
@media (min-width: 70em) {
.page--product .section--animation .section-content {
left: 66.66667%; } }
@media (min-width: 960px) {
.page--product .section--animation .section-content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.page--product .section--animation .section-content > *:first-child {
margin-top: 0; } }
@media (max-width: 959px) {
.page--product .section--animation .section-content {
text-align: center; } }
.page--product .section--animation .animation {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
overflow: visible; }
@media (min-width: 60em) {
.page--product .section--animation .animation {
float: left;
width: 75%; } }
@media (min-width: 60em) {
.page--product .section--animation .animation {
right: 25%; } }
@media (min-width: 70em) {
.page--product .section--animation .animation {
float: left;
width: 66.66667%; } }
@media (min-width: 70em) {
.page--product .section--animation .animation {
right: 33.33333%; } }
@media (min-width: 960px) {
.page--product .section--animation .animation {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.page--product .section--animation .animation > *:first-child {
margin-top: 0; } }
.page--product .section--animation .animation:before {
content: "";
width: 30vw;
height: 30vw;
max-height: 450px;
max-width: 450px;
position: absolute;
top: 0vw;
left: -10vw;
border-radius: 100%;
background: #3bf7d1;
background: linear-gradient(45deg, #3bf7d1 0%, #02CEFF 100%); }
@media (max-width: 959px) {
.page--product .section--animation .animation:before {
display: none; } }
.page--product .section--animation .animation .laptop {
background: no-repeat center center url("https://luna1.co/568da3.png");
background-size: contain;
width: 100%;
z-index: 200;
position: relative;
padding: 10% 13% 15%;
height: 60vw; }
@media (min-width: 960px) {
.page--product .section--animation .animation .laptop {
height: 40vw;
max-height: 600px;
top: 5vh; } }
@media (min-width: 1120px) {
.page--product .section--animation .animation .laptop {
background-image: url("https://luna1.co/ff8f33.png"); } }
@media (min--moz-device-pixel-ratio: 1.3) and (min-width: 60em), (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-device-pixel-ratio: 1.3) and (min-width: 60em), (min-resolution: 1.3dppx) and (min-width: 60em) {
.page--product .section--animation .animation .laptop {
background-image: url("https://luna1.co/ff8f33.png"); } }
.page--product .section--animation .animation .laptop .screenshot-container {
position: relative;
height: 100%; }
.page--product .section--animation .animation .laptop .screenshots {
width: 100%;
border-radius: 3px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
display: none; }
.page--product .section--animation .animation .laptop .screenshots > *:first-child {
margin-top: 0; }
.page--product .section--animation .content-wrapper {
z-index: 10; }
@media (min-width: 960px) {
.page--product .section--animation .content-wrapper {
height: 55vh;
min-height: 550px; } }
.page--product .section--features {
padding-top: 5vh; }
.page--product .section--features .innerContent {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--product .section--features .innerContent {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--product .section--features .innerContent {
margin-left: 16.66667%; } }
.page--product .section--features .innerContent h2, .page--product .section--features .innerContent .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--product .section--features .innerContent h3, .page--product .section--features .innerContent .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--product .section--features .innerContent h3, .page--product .section--features .innerContent .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--product .section--features .innerContent h3, .page--product .section--features .innerContent .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--product .section--features .innerContent h3, .page--product .section--features .innerContent .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--product .section--features .innerContent h3, .page--product .section--features .innerContent .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--product .section--features .innerContent h3, .page--product .section--features .innerContent .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--product .section--features .innerContent h3 {
margin-bottom: 2vh; }
.page--product .section--features .more-features, .page--product .section--features .more-integrations {
margin-bottom: 50px; }
.page--product .section--product-closer {
text-align: center;
position: relative;
min-height: 60vh;
overflow: hidden;
padding-top: 80px; }
.page--product .section--product-closer:before {
content: "";
width: 20%;
left: 40%;
border-top: 1px solid #E1E2E4;
position: absolute;
top: 0;
height: 1px; }
@media (max-width: 959px) {
.page--product .section--product-closer {
padding-bottom: 100px;
min-height: 0;
padding-top: 40px; } }
.page--product .section--product-closer h2, .page--product .section--product-closer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--product .section--product-closer h3, .page--product .section--product-closer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--product .section--product-closer h3, .page--product .section--product-closer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--product .section--product-closer h3, .page--product .section--product-closer .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--product .section--product-closer h3, .page--product .section--product-closer .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--product .section--product-closer h3, .page--product .section--product-closer .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--product .section--product-closer h3, .page--product .section--product-closer .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--product .section--product-closer h3 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--product .section--product-closer h2, .page--product .section--product-closer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--product .section--product-closer h3, .page--product .section--product-closer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--product .section--product-closer h3, .page--product .section--product-closer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--product .section--product-closer h3, .page--product .section--product-closer .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--product .section--product-closer h3, .page--product .section--product-closer .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--product .section--product-closer h3, .page--product .section--product-closer .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--product .section--product-closer h3, .page--product .section--product-closer .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--product .section--product-closer h3 {
margin-left: 16.66667%; } }
@media (min-width: 48em) {
.page--product .section--product-closer h2, .page--product .section--product-closer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--product .section--product-closer h3, .page--product .section--product-closer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--product .section--product-closer h3, .page--product .section--product-closer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--product .section--product-closer h3, .page--product .section--product-closer .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--product .section--product-closer h3, .page--product .section--product-closer .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--product .section--product-closer h3, .page--product .section--product-closer .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--product .section--product-closer h3, .page--product .section--product-closer .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--product .section--product-closer h3 {
float: left;
width: 66.66667%; } }
.page--product .section--product-closer p {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--product .section--product-closer p {
margin-left: 25%; } }
@media (min-width: 48em) {
.page--product .section--product-closer p {
float: left;
width: 50%; } }
@media (min-width: 60em) {
.page--product .section--product-closer p {
margin-left: 16.66667%; } }
@media (min-width: 60em) {
.page--product .section--product-closer p {
float: left;
width: 66.66667%; } }
.page--product .section--product-closer .bgCircle--product-a {
background: #a177ff;
background: linear-gradient(-45deg, #a177ff 0%, #FF6D92 100%);
right: -15vw;
bottom: 5vh;
height: 20vw;
width: 20vw;
z-index: -1; }
@media (max-width: 1119px) {
.page--product .section--product-closer .bgCircle--product-a {
bottom: 7vh; } }
.page--product .section--product-closer .bgCircle--product-b {
background: #3be8b0;
background: linear-gradient(45deg, #3be8b0 0%, #02CEFF 100%);
background-size: 130%;
left: 85vw;
bottom: -35vh;
height: 40vw;
width: 40vw;
z-index: -3; }
@media (max-width: 1119px) {
.page--product .section--product-closer .bgCircle--product-b {
bottom: -15vh; } }
.page--product .section--product-closer .bgCircle--product-c {
background: #FC636B;
background: linear-gradient(-55deg, #FC636B 0%, #FF6D92 70%, #ffb900 100%);
background-size: 250%;
bottom: -30vh;
right: 85vw;
height: 40vw;
width: 40vw;
z-index: -2; }
@media (max-width: 1119px) {
.page--product .section--product-closer .bgCircle--product-c {
bottom: -15vh; } }
html.asana-is-logged-in .page--product .section--screenshots:before {
height: 140px; }
html.asana-is-logged-in .page--product .section--screenshots .screenshot-panel--1 {
z-index: 1;
padding-top: 150px; }
.page--customers .pageHero {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 100%);
position: relative;
margin-bottom: 0;
overflow: hidden; }
.page--customers .pageHero:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
right: -10%;
top: 0;
display: block;
z-index: 0;
background: url("https://luna1.co/a1b001.png") no-repeat bottom right;
background-size: auto 60%; }
@media (max-width: 959px) {
.page--customers .pageHero:before {
display: none; } }
.page--customers .pageHero .pageHero-content {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--customers .pageHero .pageHero-content {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--customers .pageHero .pageHero-content {
margin-left: 16.66667%; } }
.page--customers .pageHero .pageHero-content h1 .icon, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .icon, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .icon, .page--customers .pageHero .pageHero-content h1 .accordionList--term:after, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .accordionList--term:after, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .accordionList--term:after, .page--customers .pageHero .pageHero-content h1 .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content h1 li:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline li:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline li:before, .page--customers .pageHero .pageHero-content h1 .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--app .app-page h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--app .app-page h1 #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--app .app-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content h1 .nav-category:before, .page--customers .pageHero .pageHero-content h1 .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--app .app-page h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul h1 .nav-category:before, .page--app .app-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content h1 .nav-category:before, .page--customers .pageHero .pageHero-content h1 .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--app .apps-page h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--app .apps-page h1 #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--app .apps-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content h1 .nav-category:before, .page--customers .pageHero .pageHero-content h1 .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--app .apps-page h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul h1 .nav-category:before, .page--app .apps-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content h1 .nav-category:before, .page--customers .pageHero .pageHero-content h1 .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--apps .app-page h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--apps .app-page h1 #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--apps .app-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content h1 .nav-category:before, .page--customers .pageHero .pageHero-content h1 .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--apps .app-page h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul h1 .nav-category:before, .page--apps .app-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content h1 .nav-category:before, .page--customers .pageHero .pageHero-content h1 .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--apps .apps-page h1 #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--apps .apps-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content h1 .nav-category:before, .page--customers .pageHero .pageHero-content h1 .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--apps .apps-page h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul h1 .nav-category:before, .page--apps .apps-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content h1 .nav-category:before {
font-size: 40px;
line-height: 54px; }
@media (max-width: 959px) {
.page--customers .pageHero .pageHero-content h1 .icon, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .icon, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .icon, .page--customers .pageHero .pageHero-content h1 .accordionList--term:after, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .accordionList--term:after, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .accordionList--term:after, .page--customers .pageHero .pageHero-content h1 .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content h1 li:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline li:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline li:before, .page--customers .pageHero .pageHero-content h1 .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--app .app-page h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--app .app-page h1 #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--app .app-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content h1 .nav-category:before, .page--customers .pageHero .pageHero-content h1 .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--app .app-page h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul h1 .nav-category:before, .page--app .app-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content h1 .nav-category:before, .page--customers .pageHero .pageHero-content h1 .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--app .apps-page h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--app .apps-page h1 #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--app .apps-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content h1 .nav-category:before, .page--customers .pageHero .pageHero-content h1 .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--app .apps-page h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul h1 .nav-category:before, .page--app .apps-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content h1 .nav-category:before, .page--customers .pageHero .pageHero-content h1 .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--apps .app-page h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--apps .app-page h1 #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--apps .app-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content h1 .nav-category:before, .page--customers .pageHero .pageHero-content h1 .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--apps .app-page h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul h1 .nav-category:before, .page--apps .app-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content h1 .nav-category:before, .page--customers .pageHero .pageHero-content h1 .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--apps .apps-page h1 #apps-nav .nav-line .nav-category:before, .page--customers .pageHero .pageHero-content .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .page--apps .apps-page #apps-nav .nav-line h1 .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .page--customers .pageHero .pageHero-content h1 .nav-category:before, .page--customers .pageHero .pageHero-content h1 .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content .video-vimeo-with-bg .play-video .headline .nav-category:before, .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .video-vimeo-with-bg .play-video .page--customers .pageHero .pageHero-content .headline .nav-category:before, .page--customers .pageHero .pageHero-content .page--apps .apps-page h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--customers .pageHero .pageHero-content .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul h1 .nav-category:before, .page--apps .apps-page .page--customers .pageHero .pageHero-content h1 #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .pageHero .pageHero-content h1 .nav-category:before {
font-size: 30px;
line-height: inherit; } }
.page--customers #withasana-carousel {
color: #fff !important;
position: relative;
/* Fading Carousel */ }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item {
display: block;
position: absolute;
width: 100%;
height: 50vh;
min-height: 500px;
overflow: hidden;
top: 0;
opacity: 0;
transition: opacity 1s ease-in-out; }
@media (max-width: 959px) {
.page--customers #withasana-carousel.carousel > .carousel-inner > .item {
height: 200px;
min-height: 0; } }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item.active {
opacity: 1;
position: relative; }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item > span {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: block;
width: 100%;
position: absolute;
height: 50vh;
min-height: 500px;
overflow: hidden; }
@media (max-width: 959px) {
.page--customers #withasana-carousel.carousel > .carousel-inner > .item > span {
height: 200px;
min-height: 0; } }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item span.lyft {
background-image: url('//d1gwm4cf8hecp4.cloudfront.net/images/withasana/lyft-carousel.jpg'); }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item span.mission-bike {
background-image: url('//d1gwm4cf8hecp4.cloudfront.net/images/withasana/mission-bike-carousel.jpg'); }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item span.baggu {
background-image: url('//d1gwm4cf8hecp4.cloudfront.net/images/withasana/baggu-carousel.jpg'); }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item span.simplehuman {
background-image: url('//d1gwm4cf8hecp4.cloudfront.net/images/withasana/simplehuman-carousel.jpg'); }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item span.newrelic {
background-image: url('//d1gwm4cf8hecp4.cloudfront.net/images/withasana/newrelic-carousel.jpg'); }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item span.skillshare {
background-image: url('//d1gwm4cf8hecp4.cloudfront.net/images/withasana/skillshare-carousel.jpg'); }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item span.capital-factory {
background-image: url('//d1gwm4cf8hecp4.cloudfront.net/images/withasana/capital-factory-carousel.jpg'); }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item span.tiffs-treats {
background-image: url('//d1gwm4cf8hecp4.cloudfront.net/images/withasana/tiffs-treats-carousel.jpg'); }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item span.ridescout {
background-image: url('//d1gwm4cf8hecp4.cloudfront.net/images/withasana/ridescout-carousel.jpg'); }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item span.do512 {
background-image: url('//d1gwm4cf8hecp4.cloudfront.net/images/withasana/do512-carousel.jpg'); }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item span.wp-engine {
background-image: url('//d1gwm4cf8hecp4.cloudfront.net/images/withasana/wp-engine-carousel.jpg'); }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item span.austin {
background-image: url('//d1gwm4cf8hecp4.cloudfront.net/images/withasana/austin-carousel.jpg'); }
.page--customers #withasana-carousel.carousel > .carousel-inner > .item span.udacity {
background-image: url('https://luna1.co/a3c691.jpg'); }
.page--customers #withasana-carousel .overlay {
width: 36%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
color: #fff;
padding: 5%;
display: block; }
@media (max-width: 959px) {
.page--customers #withasana-carousel .overlay {
display: none; } }
.page--customers #withasana-carousel .overlay .overlay-content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.page--customers #withasana-carousel .overlay .overlay-content > *:first-child {
margin-top: 0; }
.page--customers #withasana-carousel .overlay p {
color: #fff;
margin-bottom: 35px; }
.page--customers #withasana-carousel .overlay h3 {
color: #fff;
margin-bottom: 20px; }
.page--customers #withasana-carousel .overlay:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
display: block;
opacity: .9;
z-index: -1; }
.page--customers #withasana-carousel .overlay.teal-green:before {
background: #02CEFF;
background: linear-gradient(45deg, #02CEFF 0%, #3bf7d1 100%); }
.page--customers #withasana-carousel .overlay.gold-coral:before {
background: #ffd200;
background: linear-gradient(225deg, #ffd200 0%, #FF6D92 100%); }
.page--customers #withasana-carousel .overlay.coral-gold:before {
background: #FF6D92;
background: linear-gradient(45deg, #FF6D92 0%, #ffd200 100%); }
.page--customers #withasana-carousel .overlay.coral-purple:before {
background: #FF6D92;
background: linear-gradient(225deg, #FF6D92 0%, #a177ff 100%); }
.page--customers #withasana-carousel .with-asana-blocks {
position: absolute;
padding: 0 2%;
text-align: center;
width: 64%;
height: 300px;
left: 36%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.page--customers #withasana-carousel .with-asana-blocks > *:first-child {
margin-top: 0; }
@media (min-width: 768px) {
.page--customers #withasana-carousel .with-asana-blocks {
height: 280px; } }
@media (max-width: 959px) {
.page--customers #withasana-carousel .with-asana-blocks {
width: 100%;
left: 0;
height: 80px; } }
.page--customers #withasana-carousel .with-asana-blocks .is, .page--customers #withasana-carousel .with-asana-blocks .with, .page--customers #withasana-carousel .with-asana-blocks .the-logo {
font-size: 50px;
display: inline;
font-weight: 100;
margin-right: 20px;
line-height: 140%;
opacity: 0;
transition: opacity .5s ease-in-out; }
@media (max-width: 959px) {
.page--customers #withasana-carousel .with-asana-blocks .is, .page--customers #withasana-carousel .with-asana-blocks .with, .page--customers #withasana-carousel .with-asana-blocks .the-logo {
font-size: 32px; } }
@media (min-width: 960px) and (max-width: 1279px) {
.page--customers #withasana-carousel .with-asana-blocks .is {
display: block; } }
@media (max-width: 959px) {
.page--customers #withasana-carousel .with-asana-blocks .is {
margin-right: 10px; } }
.page--customers #withasana-carousel .with-asana-blocks .the-logo img {
max-width: 170px;
margin-top: 18px;
margin-left: 5px; }
@media (max-width: 959px) {
.page--customers #withasana-carousel .with-asana-blocks .the-logo img {
max-width: 100px;
margin-top: 10px;
margin-left: 0; } }
.page--customers #withasana-carousel .with-asana-blocks .logos {
opacity: 0;
transition: opacity .5s ease-in-out;
position: relative;
width: 240px;
height: 75px;
display: inline-block;
vertical-align: bottom; }
@media (max-width: 959px) {
.page--customers #withasana-carousel .with-asana-blocks .logos {
width: 130px;
height: 35px; } }
.page--customers #withasana-carousel .with-asana-blocks .logos .item {
display: block;
position: absolute;
top: 0;
left: 0;
width: 220px;
height: 70px;
padding: 15px;
background: #fff;
overflow: hidden;
opacity: 1;
transition: opacity .5s ease-in-out;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); }
@media (max-width: 959px) {
.page--customers #withasana-carousel .with-asana-blocks .logos .item {
width: 120px;
height: 35px;
padding: 5px;
top: -5px; } }
.page--customers #withasana-carousel .with-asana-blocks .logos .item img {
height: 100%;
margin: auto; }
.page--customers #withasana-carousel .with-asana-blocks .verbs {
opacity: 0;
transition: opacity .5s ease-in-out;
position: relative;
width: 240px;
height: 75px;
display: inline-block;
vertical-align: bottom; }
@media (max-width: 959px) {
.page--customers #withasana-carousel .with-asana-blocks .verbs {
width: 120px;
height: 35px;
top: -5px; } }
.page--customers #withasana-carousel .with-asana-blocks .verbs .item {
display: block;
position: absolute;
top: 0;
left: 0;
width: 220px;
height: 70px;
padding: 5px;
background: #fff;
overflow: hidden;
opacity: 1;
transition: opacity .5s ease-in-out;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); }
.page--customers #withasana-carousel .with-asana-blocks .verbs .item.active {
z-index: 1000; }
@media (max-width: 959px) {
.page--customers #withasana-carousel .with-asana-blocks .verbs .item {
width: 120px;
height: 35px;
padding: 0px; } }
.page--customers #withasana-carousel .with-asana-blocks .verbs .item img {
height: 100%;
margin: auto;
display: none; }
.page--customers #withasana-carousel .with-asana-blocks .verbs .item img.play {
display: block; }
.page--customers #withasana-carousel .with-asana-blocks .verbs .item .verb-gif {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 100%;
display: none; }
.page--customers #withasana-carousel .with-asana-blocks .verbs .item .verb-gif.play {
display: block !important; }
.page--customers #withasana-carousel .with-asana-blocks .fading-in {
opacity: 1; }
.page--customers .section--customers-list {
padding-bottom: 60px;
text-align: center; }
.page--customers .section--customers-list h2, .page--customers .section--customers-list .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--customers .section--customers-list h3, .page--customers .section--customers-list #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--customers-list h3, .page--customers .section--customers-list .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--customers .section--customers-list h3, .page--customers .section--customers-list .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--customers .section--customers-list h3, .page--customers .section--customers-list .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--customers .section--customers-list h3, .page--customers .section--customers-list .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--customers .section--customers-list h3, .page--customers .section--customers-list .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--customers .section--customers-list h3 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--customers .section--customers-list h2, .page--customers .section--customers-list .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--customers .section--customers-list h3, .page--customers .section--customers-list #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--customers-list h3, .page--customers .section--customers-list .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--customers .section--customers-list h3, .page--customers .section--customers-list .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--customers .section--customers-list h3, .page--customers .section--customers-list .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--customers .section--customers-list h3, .page--customers .section--customers-list .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--customers .section--customers-list h3, .page--customers .section--customers-list .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--customers .section--customers-list h3 {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--customers .section--customers-list h2, .page--customers .section--customers-list .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--customers .section--customers-list h3, .page--customers .section--customers-list #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--customers-list h3, .page--customers .section--customers-list .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--customers .section--customers-list h3, .page--customers .section--customers-list .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--customers .section--customers-list h3, .page--customers .section--customers-list .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--customers .section--customers-list h3, .page--customers .section--customers-list .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--customers .section--customers-list h3, .page--customers .section--customers-list .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--customers .section--customers-list h3 {
margin-left: 16.66667%; } }
.page--customers .section--customers-list .customer-list {
margin-top: 0px; }
.page--customers .section--customers-grid .mediaGrid {
margin-bottom: 2.25%; }
.page--customers .section--customers-grid .after-grid {
background: #3bf7d1;
background: linear-gradient(45deg, #3bf7d1 0%, #02CEFF 100%);
height: 300px;
text-align: center; }
.page--customers .section--customers-grid .after-grid h2, .page--customers .section--customers-grid .after-grid .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--customers .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--customers .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--customers .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--customers .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--customers .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--customers .section--customers-grid .after-grid h3 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--customers .section--customers-grid .after-grid h2, .page--customers .section--customers-grid .after-grid .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--customers .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--customers .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--customers .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--customers .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--customers .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--customers .section--customers-grid .after-grid h3 {
float: left;
width: 33.33333%; } }
@media (min-width: 48em) {
.page--customers .section--customers-grid .after-grid h2, .page--customers .section--customers-grid .after-grid .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--customers .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--customers .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--customers .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--customers .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--customers .section--customers-grid .after-grid h3, .page--customers .section--customers-grid .after-grid .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--customers .section--customers-grid .after-grid h3 {
margin-left: 33.33333%; } }
.page--customers .section--customers-grid .after-grid .content--background, .page--customers .section--customers-grid .after-grid .page--home .section--home-screenshots .text-container, .page--home .section--home-screenshots .page--customers .section--customers-grid .after-grid .text-container, .page--customers .section--customers-grid .after-grid .page--company .section--company-brand-narrative, .page--company .page--customers .section--customers-grid .after-grid .section--company-brand-narrative {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 5%; }
.page--customers .section--customers-grid .after-grid .content--background > *:first-child, .page--customers .section--customers-grid .after-grid .page--home .section--home-screenshots .text-container > *:first-child, .page--home .section--home-screenshots .page--customers .section--customers-grid .after-grid .text-container > *:first-child, .page--customers .section--customers-grid .after-grid .page--company .section--company-brand-narrative > *:first-child, .page--company .page--customers .section--customers-grid .after-grid .section--company-brand-narrative > *:first-child {
margin-top: 0; }
.page--customers .section--customers-grid .after-grid .iconWrapper a {
display: inline-block; }
.page--customers .section--customers-grid .after-grid .iconWrapper .icon, .page--customers .section--customers-grid .after-grid .iconWrapper .accordionList--term:after, .page--customers .section--customers-grid .after-grid .iconWrapper .page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .page--customers .section--customers-grid .after-grid .iconWrapper li:before, .page--customers .section--customers-grid .after-grid .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .page--customers .section--customers-grid .after-grid .iconWrapper .nav-category:before, .page--customers .section--customers-grid .after-grid .iconWrapper .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .section--customers-grid .after-grid .iconWrapper .nav-category:before, .page--customers .section--customers-grid .after-grid .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .page--customers .section--customers-grid .after-grid .iconWrapper .nav-category:before, .page--customers .section--customers-grid .after-grid .iconWrapper .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .section--customers-grid .after-grid .iconWrapper .nav-category:before, .page--customers .section--customers-grid .after-grid .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .page--customers .section--customers-grid .after-grid .iconWrapper .nav-category:before, .page--customers .section--customers-grid .after-grid .iconWrapper .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .section--customers-grid .after-grid .iconWrapper .nav-category:before, .page--customers .section--customers-grid .after-grid .iconWrapper .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .page--customers .section--customers-grid .after-grid .iconWrapper .nav-category:before, .page--customers .section--customers-grid .after-grid .iconWrapper .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .page--customers .section--customers-grid .after-grid .iconWrapper .nav-category:before {
display: inline-block;
margin: 40px 5px 0; }
.page--customers .section--customers-tweet-wall h2, .page--customers .section--customers-tweet-wall .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--customers .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--customers .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--customers .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--customers .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--customers .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--customers .section--customers-tweet-wall h3 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: center;
margin-bottom: 40px; }
@media (min-width: 48em) {
.page--customers .section--customers-tweet-wall h2, .page--customers .section--customers-tweet-wall .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--customers .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--customers .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--customers .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--customers .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--customers .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--customers .section--customers-tweet-wall h3 {
float: left;
width: 50%; } }
@media (min-width: 48em) {
.page--customers .section--customers-tweet-wall h2, .page--customers .section--customers-tweet-wall .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--customers .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--customers .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--customers .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--customers .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--customers .section--customers-tweet-wall h3, .page--customers .section--customers-tweet-wall .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--customers .section--customers-tweet-wall h3 {
margin-left: 25%; } }
.page--customers .section--customers-tweet-wall .button-container {
text-align: center;
margin: 40px auto; }
.page--customers .section--customers-tweet-wall .tweet {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%; }
@media (min-width: 48em) {
.page--customers .section--customers-tweet-wall .tweet {
float: left;
width: 50%; } }
.page--customers .section--customers-tweet-wall .tweet iframe {
margin: 0 auto; }
.page--customers .section--customers-tweet-wall .tweet-wall {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--customers .section--customers-tweet-wall .tweet-wall {
float: left;
width: 83.33333%; } }
@media (min-width: 48em) {
.page--customers .section--customers-tweet-wall .tweet-wall {
margin-left: 8.33333%; } }
.page--customers .section--customers-tweet-wall .container {
padding-bottom: 40px; }
.page--customers .section--customers-closer {
position: relative;
overflow: hidden;
padding-bottom: 180px;
padding-top: 80px;
text-align: center; }
.page--customers .section--customers-closer:before {
content: "";
width: 20%;
left: 40%;
border-top: 1px solid #E1E2E4;
position: absolute;
top: 0;
height: 1px; }
@media (max-width: 1119px) {
.page--customers .section--customers-closer {
padding-top: 40px;
padding-bottom: 120px; } }
.page--customers .section--customers-closer h2, .page--customers .section--customers-closer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--customers .section--customers-closer h3, .page--customers .section--customers-closer #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--customers-closer h3, .page--customers .section--customers-closer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--customers .section--customers-closer h3, .page--customers .section--customers-closer .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--customers .section--customers-closer h3, .page--customers .section--customers-closer .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--customers .section--customers-closer h3, .page--customers .section--customers-closer .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--customers .section--customers-closer h3, .page--customers .section--customers-closer .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--customers .section--customers-closer h3 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: center; }
@media (min-width: 48em) {
.page--customers .section--customers-closer h2, .page--customers .section--customers-closer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--customers .section--customers-closer h3, .page--customers .section--customers-closer #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--customers-closer h3, .page--customers .section--customers-closer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--customers .section--customers-closer h3, .page--customers .section--customers-closer .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--customers .section--customers-closer h3, .page--customers .section--customers-closer .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--customers .section--customers-closer h3, .page--customers .section--customers-closer .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--customers .section--customers-closer h3, .page--customers .section--customers-closer .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--customers .section--customers-closer h3 {
float: left;
width: 50%; } }
@media (min-width: 48em) {
.page--customers .section--customers-closer h2, .page--customers .section--customers-closer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--customers .section--customers-closer h3, .page--customers .section--customers-closer #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .section--customers-closer h3, .page--customers .section--customers-closer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--customers .section--customers-closer h3, .page--customers .section--customers-closer .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--customers .section--customers-closer h3, .page--customers .section--customers-closer .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--customers .section--customers-closer h3, .page--customers .section--customers-closer .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--customers .section--customers-closer h3, .page--customers .section--customers-closer .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--customers .section--customers-closer h3 {
margin-left: 25%; } }
.page--customers .section--customers-closer .button-container {
text-align: center;
margin: 40px auto; }
.page--customers .section--customers-closer .bgCircle--customers-a {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #FF6D92 100%);
background-size: 100%;
bottom: -15vw;
right: 72vw;
height: 40vw;
width: 40vw; }
@media (max-width: 1119px) {
.page--customers .section--customers-closer .bgCircle--customers-a {
bottom: -20vw; } }
.page--customers .section--customers-closer .bgCircle--customers-b {
background: #3bf7d1;
background: linear-gradient(155deg, #3bf7d1 0%, #02CEFF 100%);
background-size: 100%;
bottom: -18vw;
left: 80vw;
height: 35vw;
width: 35vw; }
@media (max-width: 1119px) {
.page--customers .section--customers-closer .bgCircle--customers-b {
bottom: -20vw; } }
.page--customers .section--customers-closer .bgCircle--customers-c {
background: #a177ff;
background: linear-gradient(-55deg, #a177ff 0%, #02CEFF 100%);
background-size: 100%;
bottom: -12vw;
left: 70vw;
height: 20vw;
width: 20vw; }
@media (max-width: 1119px) {
.page--customers .section--customers-closer .bgCircle--customers-c {
bottom: -15vw; } }
.page--customer .section--customer-header {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 70%, #E8F7FB 100%);
background-size: 150%;
height: 400px;
text-align: center; }
.page--customer .section--customer-header h2, .page--customer .section--customer-header .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--customer .section--customer-header h3, .page--customer .section--customer-header .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--customer .section--customer-header h3, .page--customer .section--customer-header .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--customer .section--customer-header h3, .page--customer .section--customer-header .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--customer .section--customer-header h3, .page--customer .section--customer-header .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--customer .section--customer-header h3, .page--customer .section--customer-header .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--customer .section--customer-header h3, .page--customer .section--customer-header .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--customer .section--customer-header h3 {
color: #fff; }
.page--customer .section--customer-header .logo {
max-height: 80px;
margin-top: 15px; }
.page--customer .section--customer-header .pageHeader-content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.page--customer .section--customer-header .pageHeader-content > *:first-child {
margin-top: 0; }
.page--customer .section--customer-stories.no-video-above {
border-top: 1px solid #E1E2E4;
padding-top: 40px; }
.page--customer .section--customer-stories .stories-subhead {
text-align: center;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
margin-bottom: 60px; }
@media (min-width: 48em) {
.page--customer .section--customer-stories .stories-subhead {
float: left;
width: 50%; } }
@media (min-width: 48em) {
.page--customer .section--customer-stories .stories-subhead {
margin-left: 25%; } }
.page--customer .section--customer-stories .authors {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 16.66667%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
margin-top: 10px; }
@media (min-width: 48em) {
.page--customer .section--customer-stories .authors {
float: left;
width: 16.66667%; } }
@media (min-width: 48em) {
.page--customer .section--customer-stories .authors {
margin-left: 8.33333%; } }
@media (max-width: 959px) {
.page--customer .section--customer-stories .authors {
margin-bottom: 50px;
border-bottom: 1px solid #E1E2E4;
padding-bottom: 30px; } }
.page--customer .section--customer-stories .authors .author .p--label, .page--customer .section--customer-stories .authors .author .card--article-source, .page--customer .section--customer-stories .authors .author .iconList-items h4, .iconList-items .page--customer .section--customer-stories .authors .author h4, .page--customer .section--customer-stories .authors .author .iconList-items .button.button--card, .iconList-items .page--customer .section--customer-stories .authors .author .button.button--card, .page--customer .section--customer-stories .authors .author .siteFooter-column-title, .page--customer .section--customer-stories .authors .author .footer .footer-column-title, .footer .page--customer .section--customer-stories .authors .author .footer-column-title, .page--customer .section--customer-stories .authors .author .section--jobs-culture .culture-feature h4, .section--jobs-culture .culture-feature .page--customer .section--customer-stories .authors .author h4, .page--customer .section--customer-stories .authors .author .section--jobs-culture .culture-feature .button.button--card, .section--jobs-culture .culture-feature .page--customer .section--customer-stories .authors .author .button.button--card, .page--customer .section--customer-stories .authors .author .tableList th, .tableList .page--customer .section--customer-stories .authors .author th, .page--customer .section--customer-stories .authors .author .page--job h3, .page--job .page--customer .section--customer-stories .authors .author h3, .page--customer .section--customer-stories .authors .author .page--pricing .mobile-pricing-table th, .page--pricing .mobile-pricing-table .page--customer .section--customer-stories .authors .author th, .page--customer .section--customer-stories .authors .author .page--app .app-page .app-content h3, .page--app .app-page .app-content .page--customer .section--customer-stories .authors .author h3, .page--customer .section--customer-stories .authors .author .page--app .apps-page .app-content h3, .page--app .apps-page .app-content .page--customer .section--customer-stories .authors .author h3, .page--customer .section--customer-stories .authors .author .page--apps .app-page .app-content h3, .page--apps .app-page .app-content .page--customer .section--customer-stories .authors .author h3, .page--customer .section--customer-stories .authors .author .page--apps .apps-page .app-content h3, .page--apps .apps-page .app-content .page--customer .section--customer-stories .authors .author h3 {
margin-top: 10px; }
.page--customer .section--customer-stories .story {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 16.66667%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
border-left: 1px solid #E1E2E4;
padding-left: 30px; }
@media (min-width: 48em) {
.page--customer .section--customer-stories .story {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--customer .section--customer-stories .story {
margin-left: 8.33333%; } }
@media (max-width: 959px) {
.page--customer .section--customer-stories .story {
border-left: none;
padding-left: 15px; } }
.page--customer .section--customer-stories .story .quotes {
margin-bottom: 50px;
padding-bottom: 30px;
border-bottom: 1px solid #E1E2E4; }
.page--customer .section--customer-stories .story .quotes:last-child {
border-bottom: none;
margin-bottom: 0; }
.page--customer .section--customer-stories .story .quotes .story-quote {
margin-bottom: 30px; }
@media (min-width: 48em) {
.page--customer .section--customer-stories .story .quotes .story-quote {
margin-left: 16.66667%; } }
.page--customer .section--customer-stories .story .quotes h3 {
position: relative;
margin-bottom: 30px;
margin-top: 0; }
.page--customer .section--customer-stories .authors .initials.color--green, .page--customer .section--customer-stories .story .initials.color--green {
background: #3bf7d1;
border-color: #37c597; }
.page--customer .section--customer-stories .authors .initials.color--coral, .page--customer .section--customer-stories .story .initials.color--coral {
background: #FF6D92;
border-color: #e63b3b; }
.page--customer .section--customer-stories .authors .initials.color--purple, .page--customer .section--customer-stories .story .initials.color--purple {
background: #a177ff;
border-color: #4f4da7; }
.page--customer .section--customer-stories .initials-origin {
position: relative; }
.page--customer .section--customer-stories .initials {
font-size: 16px;
font-weight: normal !important;
letter-spacing: 0 !important;
border-width: 1px;
border-style: solid;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke: 0.25px;
width: 50px;
height: 50px;
text-align: center;
line-height: 51px;
border-radius: 50px;
color: #fff;
position: absolute;
left: -70px;
top: 0; }
@media (max-width: 959px) {
.page--customer .section--customer-stories .initials {
width: 35px;
height: 35px;
left: -50px;
line-height: 36px; } }
.page--customer .section--customer-success-stories {
background: #3bf7d1;
background: linear-gradient(45deg, #3bf7d1 0%, #02CEFF 100%);
text-align: center; }
.page--customer .section--customer-success-stories h3 {
margin-bottom: 50px; }
.page--customer .section--customer-success-stories .customer-success-story {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--customer .section--customer-success-stories .customer-success-story {
float: left;
width: 33.33333%; } }
@media (min-width: 48em) {
.page--customer .section--customer-success-stories .customer-success-story {
margin-left: 8.33333%; } }
@media (min-width: 48em) {
.page--customer .section--customer-success-stories .customer-success-story:last-child {
margin-left: 16.66667%; } }
.page--customer .section--customer-success-stories .customer-success-story img {
height: 30px;
margin-bottom: 15px; }
.page--customer .section--customer-success-stories .customer-success-story .button {
margin-top: 30px; }
.customer-list .customer {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 50%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.customer-list .customer {
float: left;
width: 33.33333%; } }
@media (min-width: 60em) {
.customer-list .customer {
float: left;
width: 16.66667%; } }
.customer-list .customer img {
max-width: 150px;
margin: 32px 0; }
@media (max-width: 1200px) and (min-width: 60em) {
.customer-list .customer img {
max-width: 125px; } }
@media (max-width: 959px) {
.customer-list .customer img {
margin: 10px auto; } }
.customer-list-icons {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
margin-top: 60px; }
.customer-list-icons .customer {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 25%; }
.customer-list-icons .customer img {
width: 70px;
max-width: 100%;
margin: 0 auto; }
.page--pricing .pageHero {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 100%); }
@media (min-width: 768px) {
.page--pricing .pageHero:before, .page--pricing .pageHero:after {
content: "";
position: absolute;
width: 30%;
height: 100%;
background-repeat: no-repeat;
background-color: transparent;
background-size: contain; }
.page--pricing .pageHero:before {
background-image: url("https://luna1.co/b0293d.png");
background-position: left top;
bottom: 0;
left: 0; }
.page--pricing .pageHero:after {
background-image: url("https://luna1.co/34e813.png");
background-position: bottom right;
top: 0;
right: 0;
opacity: .6; } }
.page--pricing .section--pricing-slider .pageSection-content {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: center; }
@media (min-width: 48em) {
.page--pricing .section--pricing-slider .pageSection-content {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--pricing .section--pricing-slider .pageSection-content {
margin-left: 16.66667%; } }
.page--pricing .section--pricing-slider p {
text-align: center;
margin-top: 0; }
.page--pricing .section--pricing-slider h3 {
margin-top: 0; }
.page--pricing .section--pricing-slider .slider-wrap {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--pricing .section--pricing-slider .slider-wrap {
float: left;
width: 83.33333%; } }
@media (min-width: 48em) {
.page--pricing .section--pricing-slider .slider-wrap {
margin-left: 8.33333%; } }
@media (min-width: 60em) {
.page--pricing .section--pricing-slider .slider-wrap {
float: left;
width: 50%; } }
@media (min-width: 60em) {
.page--pricing .section--pricing-slider .slider-wrap {
margin-left: 25%; } }
.page--pricing .section--pricing-slider .slider-container {
text-align: center;
margin-top: 180px; }
@media (max-width: 959px) {
.page--pricing .section--pricing-slider .slider-container {
width: 90%;
margin-left: auto;
margin-right: auto; } }
.page--pricing .section--pricing-slider .slider-container .slider {
display: inline-block;
vertical-align: middle;
position: relative; }
.page--pricing .section--pricing-slider .slider-container .slider.slider-horizontal {
width: 210px;
height: 20px; }
.page--pricing .section--pricing-slider .slider-container .slider.slider-horizontal .slider-track {
height: 10px;
width: 100%;
margin-top: -5px;
top: 50%;
left: 0; }
.page--pricing .section--pricing-slider .slider-container .slider.slider-horizontal .slider-selection {
height: 100%;
top: 0;
bottom: 0; }
.page--pricing .section--pricing-slider .slider-container .slider.slider-horizontal .slider-handle {
margin-left: -10px;
margin-top: -5px; }
.page--pricing .section--pricing-slider .slider-container .slider.slider-horizontal .slider-handle.triangle {
border-width: 0 10px 10px 10px;
width: 0;
height: 0;
border-bottom-color: #0480be;
margin-top: 0; }
.page--pricing .section--pricing-slider .slider-container .slider.slider-disabled .slider-handle {
background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0); }
.page--pricing .section--pricing-slider .slider-container .slider.slider-disabled .slider-track {
background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
cursor: not-allowed; }
.page--pricing .section--pricing-slider .slider-container .slider input {
display: none; }
.page--pricing .section--pricing-slider .slider-container .slider .tooltip-inner {
white-space: nowrap; }
.page--pricing .section--pricing-slider .slider-container .slider .hide {
display: none; }
.page--pricing .section--pricing-slider .slider-container .slider.slider-horizontal {
width: 100%;
height: 20px; }
.page--pricing .section--pricing-slider .slider-container .slider-track {
position: absolute;
cursor: pointer;
background: rgba(59, 247, 209, 0.4);
background: linear-gradient(90deg, rgba(59, 247, 209, 0.4) 0%, rgba(2, 206, 255, 0.4) 100%);
background-repeat: repeat-x;
box-shadow: none;
border-radius: 4px;
height: 7px !important;
border: none; }
.page--pricing .section--pricing-slider .slider-container .slider-selection {
position: absolute;
background-image: none;
-webkit-filter: none;
filter: none;
background: #3bf7d1;
background: linear-gradient(90deg, #3bf7d1 0%, #02CEFF 100%);
background-size: 900px;
box-shadow: none;
box-sizing: border-box;
border-radius: 3px;
height: 7px !important; }
.page--pricing .section--pricing-slider .slider-container .slider-handle {
position: absolute;
width: 30px;
height: 30px;
background-color: #3bf7d1;
background-repeat: no-repeat;
background-size: 60% 60%;
background-position: 47.5% 50%;
-webkit-filter: none;
filter: none;
box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.25);
opacity: 1;
border: 2px solid #fff;
margin-top: -10px !important;
margin-left: -15px !important; }
.page--pricing .section--pricing-slider .slider-container .slider-handle.round {
border-radius: 50%; }
.page--pricing .section--pricing-slider .slider-container .slider-handle.triangle {
background: transparent none; }
.page--pricing .section--pricing-slider .slider-container .slider-handle.custom {
background: transparent none; }
.page--pricing .section--pricing-slider .slider-container .slider-handle.custom::before {
line-height: 20px;
font-size: 20px;
content: '\2605';
color: #726204; }
.page--pricing .section--pricing-slider .slider-container .slider-tick {
width: 1px;
border-left: 1px solid #EFF0F1;
height: 26px;
top: -10px;
position: absolute;
z-index: -1; }
.page--pricing .section--pricing-slider .slider-container .slider-tick:nth-child(4) {
display: none; }
.page--pricing .section--pricing-slider .slider-container .slider-tick:nth-last-child(-n+3) {
display: none; }
.page--pricing .section--pricing-slider .slider-container .tooltip {
position: absolute;
display: block;
visibility: visible;
font-size: 12px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0); }
.page--pricing .section--pricing-slider .slider-container .tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90); }
.page--pricing .section--pricing-slider .slider-container .tooltip.top {
margin-top: -3px;
padding: 5px 0; }
.page--pricing .section--pricing-slider .slider-container .tooltip-inner {
max-width: 235px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 2px; }
.page--pricing .section--pricing-slider .slider-container .tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid; }
.page--pricing .section--pricing-slider .slider-container .tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000; }
.page--pricing .section--pricing-slider .slider-container .tooltip {
width: 110px;
height: 120px;
background: url("https://luna1.co/af9ecf.png") no-repeat center;
background-size: 110px 120px;
padding: 0 !important; }
.page--pricing .section--pricing-slider .slider-container .slider .tooltip.tooltip-main.top {
margin-top: -140px !important; }
.page--pricing .section--pricing-slider .slider-container .slider .tooltip.tooltip-main.top .tooltip-inner {
width: 110px;
height: 120px;
padding: 20px 15px;
line-height: 35px;
margin: 0;
background: transparent;
color: #3be8b0;
font-size: 28px;
border-radius: 110px;
box-shadow: none;
border: none; }
.page--pricing .section--pricing-slider .slider-container .slider .tooltip.tooltip-main.top .tooltip-inner:after {
content: "team members";
font-size: 14px;
text-transform: uppercase;
display: block;
letter-spacing: .06em;
line-height: 16px;
white-space: normal;
font-weight: bold;
-webkit-font-smoothing: antialiased;
color: #B9BCC0; }
.page--pricing .section--pricing-slider .slider-container .slider .tooltip.tooltip-main.top .tooltip-arrow {
display: none; }
.page--pricing .section--pricing-slider .count {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: center;
height: 200px; }
@media (min-width: 60em) {
.page--pricing .section--pricing-slider .count {
float: left;
width: 50%; } }
@media (min-width: 70em) {
.page--pricing .section--pricing-slider .count {
margin-left: 25%; } }
@media (min-width: 60em) {
.page--pricing .section--pricing-slider .count {
float: left;
width: 66.66667%; } }
@media (min-width: 60em) {
.page--pricing .section--pricing-slider .count {
margin-left: 16.66667%; } }
@media (min-width: 48em) {
.page--pricing .section--pricing-slider .count {
float: left;
width: 83.33333%; } }
@media (min-width: 48em) {
.page--pricing .section--pricing-slider .count {
margin-left: 8.33333%; } }
.page--pricing .section--pricing-slider .count #less-than-125, .page--pricing .section--pricing-slider .count #more-than-125 {
position: absolute;
width: 100%;
padding: 20px;
margin: 0 -15px; }
.page--pricing .section--pricing-slider .count #less-than-125 h3, .page--pricing .section--pricing-slider .count #more-than-125 h3 {
margin-bottom: 30px; }
.page--pricing .section--pricing-slider .cost-text div, .page--pricing .section--pricing-slider .cost-text span {
display: inline; }
.page--pricing .section--pricing-slider .cost-text .highlight {
font-weight: bold;
color: #3be8b0;
white-space: nowrap; }
.page--pricing .section--pricing-slider .cost-text .button {
margin-top: 30px; }
@media (max-width: 959px) {
.page--pricing .section--pricing-slider .cost-text br {
display: none; }
.page--pricing .section--pricing-slider .cost-text .app-store-button {
margin-top: 30px; } }
.page--pricing .section--pricing-plans .plan {
padding: 10px 30px 30px;
border-width: 3px;
border-style: solid;
border-color: #3bf7d1;
border-image: linear-gradient(-275deg, #3bf7d1 0%, #02CEFF 100%);
border-image-slice: 1;
margin-top: 30px;
background: #fff;
color: #898E95;
float: left; }
@media (max-width: 959px) {
.page--pricing .section--pricing-plans .plan {
margin-top: 0px;
float: none;
margin: 20px 10px; } }
.page--pricing .section--pricing-plans .plan h2, .page--pricing .section--pricing-plans .plan .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--pricing .section--pricing-plans .plan h3, .page--pricing .section--pricing-plans .plan .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--pricing .section--pricing-plans .plan h3, .page--pricing .section--pricing-plans .plan .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .section--pricing-plans .plan h3, .page--pricing .section--pricing-plans .plan .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--pricing .section--pricing-plans .plan h3, .page--pricing .section--pricing-plans .plan .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--pricing .section--pricing-plans .plan h3, .page--pricing .section--pricing-plans .plan .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--pricing .section--pricing-plans .plan h3, .page--pricing .section--pricing-plans .plan .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--pricing .section--pricing-plans .plan h3 {
font-size: 28px;
margin-top: 15px;
margin-bottom: 20px; }
.page--pricing .section--pricing-plans .plan p.plan-more {
font-size: 14px;
line-height: 19px;
margin-top: 20px;
margin-bottom: 0px;
color: #A1A4AA; }
@media (max-width: 959px) {
.page--pricing .section--pricing-plans .plan p.plan-more {
margin-bottom: 10px; } }
.page--pricing .section--pricing-plans .plan ul {
padding-left: 28px;
margin-bottom: 10px; }
.page--pricing .section--pricing-plans .plan ul li, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category {
list-style-type: none;
position: relative;
line-height: 24px;
margin-bottom: 14px;
color: #898E95;
letter-spacing: -.01em; }
.page--pricing .section--pricing-plans .plan ul li:before, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category:before, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category:before, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category:before, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category:before, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category:before {
border-radius: 50%;
font-size: 8px;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
color: #3bf7d1;
position: absolute;
left: -30px;
top: 4px;
font-size: 24px; }
@media (max-width: 959px) {
.page--pricing .section--pricing-plans .plan ul li, .page--pricing .section--pricing-plans .plan ul .page--app .app-page #apps-nav .nav-line .nav-category, .page--app .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category, .page--pricing .section--pricing-plans .plan ul .page--app .apps-page #apps-nav .nav-line .nav-category, .page--app .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category, .page--pricing .section--pricing-plans .plan ul .page--apps .app-page #apps-nav .nav-line .nav-category, .page--apps .app-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category, .page--pricing .section--pricing-plans .plan ul .page--apps .apps-page #apps-nav .nav-line .nav-category, .page--apps .apps-page #apps-nav .nav-line .page--pricing .section--pricing-plans .plan ul .nav-category {
text-align: left !important;
font-size: 17px; } }
.page--pricing .section--pricing-plans .plan .button {
margin-top: 15px; }
.page--pricing .section--pricing-plans .plan.plan-free, .page--pricing .section--pricing-plans .plan.plan-enterprise {
position: relative; }
@media (min-width: 960px) {
.page--pricing .section--pricing-plans .plan.plan-free, .page--pricing .section--pricing-plans .plan.plan-enterprise {
width: 31.625%;
min-height: 470px; } }
@media (min-width: 1120px) {
.page--pricing .section--pricing-plans .plan.plan-free, .page--pricing .section--pricing-plans .plan.plan-enterprise {
min-height: 425px; } }
@media (max-width: 959px) {
.page--pricing .section--pricing-plans .plan.plan-free, .page--pricing .section--pricing-plans .plan.plan-enterprise {
padding: 10px 6% 30px; } }
@media (min-width: 960px) {
.page--pricing .section--pricing-plans .plan.plan-free .button, .page--pricing .section--pricing-plans .plan.plan-enterprise .button {
position: absolute;
bottom: 30px; } }
@media (min-width: 960px) {
.page--pricing .section--pricing-plans .plan.plan-free {
border-right-width: 0;
border-radius: 3px 0 0 3px; } }
@media (min-width: 960px) {
.page--pricing .section--pricing-plans .plan.plan-enterprise {
border-left-width: 0;
border-radius: 0 3px 3px 0; } }
.page--pricing .section--pricing-plans .plan.plan-premium {
position: relative; }
.page--pricing .section--pricing-plans .plan.plan-premium:before {
content: "";
width: 100%;
height: 80px;
display: block;
z-index: 0;
background: #3bf7d1;
background: linear-gradient(45deg, #3bf7d1 0%, #02CEFF 100%);
position: absolute;
left: 0;
top: 0; }
@media (min-width: 960px) {
.page--pricing .section--pricing-plans .plan.plan-premium {
width: 36.75%;
padding: 10px 40px 30px;
margin-top: 0px; } }
@media (max-width: 959px) {
.page--pricing .section--pricing-plans .plan.plan-premium {
padding: 10px 6% 30px; } }
.page--pricing .section--pricing-plans .plan.plan-premium h2, .page--pricing .section--pricing-plans .plan.plan-premium .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--pricing .section--pricing-plans .plan.plan-premium h3, .page--pricing .section--pricing-plans .plan.plan-premium .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--pricing .section--pricing-plans .plan.plan-premium h3, .page--pricing .section--pricing-plans .plan.plan-premium .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .section--pricing-plans .plan.plan-premium h3, .page--pricing .section--pricing-plans .plan.plan-premium .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--pricing .section--pricing-plans .plan.plan-premium h3, .page--pricing .section--pricing-plans .plan.plan-premium .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--pricing .section--pricing-plans .plan.plan-premium h3, .page--pricing .section--pricing-plans .plan.plan-premium .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--pricing .section--pricing-plans .plan.plan-premium h3, .page--pricing .section--pricing-plans .plan.plan-premium .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--pricing .section--pricing-plans .plan.plan-premium h3 {
color: #fff;
position: relative;
margin-bottom: 50px; }
.page--pricing .section--pricing-social-proof {
text-align: center; }
.page--pricing .section--pricing-social-proof .button {
margin-top: 30px;
margin-bottom: 30px; }
.page--pricing .section--pricing-social-proof .customer-list-icons {
margin-bottom: 30px; }
.page--pricing .section--pricing-faqs {
background: #F8F8F9;
padding-bottom: 100px; }
.page--pricing .section--pricing-faqs .pageSection-content {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--pricing .section--pricing-faqs .pageSection-content {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--pricing .section--pricing-faqs .pageSection-content {
margin-left: 16.66667%; } }
.page--pricing .section--pricing-faqs h2, .page--pricing .section--pricing-faqs .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--pricing .section--pricing-faqs h3, .page--pricing .section--pricing-faqs .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--pricing .section--pricing-faqs h3, .page--pricing .section--pricing-faqs .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .section--pricing-faqs h3, .page--pricing .section--pricing-faqs .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--pricing .section--pricing-faqs h3, .page--pricing .section--pricing-faqs .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--pricing .section--pricing-faqs h3, .page--pricing .section--pricing-faqs .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--pricing .section--pricing-faqs h3, .page--pricing .section--pricing-faqs .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--pricing .section--pricing-faqs h3 {
text-align: center; }
.page--pricing .section--pricing-faqs .accordionList {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--pricing .section--pricing-faqs .accordionList {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--pricing .section--pricing-faqs .accordionList {
margin-left: 16.66667%; } }
.page--pricing .mobile-pricing-table {
text-align: center;
vertical-align: middle;
font-size: 14px;
width: 90% !important;
margin: 30px auto 20px;
border: none;
border-spacing: 5px; }
.page--pricing .mobile-pricing-table th {
padding: 10px;
text-align: center;
width: 50% !important;
color: #676D76;
font-size: 14px;
border-width: 0 0 0;
background: #fff; }
.page--pricing .mobile-pricing-table th + th {
border-left: 1px solid #CDCFD2; }
.page--pricing .mobile-pricing-table th span {
font-size: 11px;
display: block; }
.page--pricing .mobile-pricing-table tr td {
background: #fff;
color: #676D76;
font-size: 15px;
padding: 10px;
border-bottom: 1px solid #CDCFD2; }
.page--pricing .mobile-pricing-table tr td + td {
border-left: 1px solid #CDCFD2; }
.page--pricing .mobile-pricing-table tr td.gradient-border {
background: linear-gradient(90deg, #3bf7d1 0%, #02CEFF 100%);
height: 3px;
border-bottom: none;
padding: 0; }
.page--pricing .mobile-pricing-table + p {
text-align: center;
font-size: 14px;
color: #898E95; }
.page--pricing .buttons--cta {
text-align: center; }
.page--pricing .app-store-button {
max-width: 220px;
width: 60%;
margin: 40px 0 0;
text-align: left;
display: block; }
.page--pricing .app-store-button img {
width: 100%; }
.page--404 {
text-align: center; }
.page--404 .fourohfour-title {
margin-top: 150px;
margin-bottom: 60px; }
.page--404 .dot-people {
background: url("https://luna1.co/93fb54.png") no-repeat center center;
background-size: contain;
height: 20vw;
margin-bottom: 60px; }
.page--404 .buttons--cta .button-column {
margin-bottom: 50px;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--404 .buttons--cta .button-column {
float: left;
width: 25%; } }
.page--404 .buttons--cta .button-column p {
padding: 30px 10% 0; }
.page--signup-thank-you {
text-align: center;
overflow: hidden; }
.page--signup-thank-you .page-content {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
margin-top: 10vw;
margin-bottom: 10vw; }
@media (min-width: 60em) {
.page--signup-thank-you .page-content {
float: left;
width: 66.66667%; } }
@media (min-width: 60em) {
.page--signup-thank-you .page-content {
margin-left: 16.66667%; } }
.page--signup-thank-you .page-content:before {
background: url("https://luna1.co/223c13.png") no-repeat;
position: relative;
top: 0;
display: block;
background-size: contain;
height: 45px;
width: 58px;
max-width: 100%;
content: "";
margin: 0 auto; }
.page--signup-thank-you .bgCircle {
border-radius: 100%;
position: absolute; }
.page--signup-thank-you .bgCircle.bgCircle--thankyou-a {
height: 30vw;
width: 30vw;
background-size: 130%;
top: -10vw;
right: -10vw;
background: #FC636B;
background: linear-gradient(-55deg, #FC636B 0%, #FF6D92 70%, #ffd200 100%);
background-size: 140%; }
.page--signup-thank-you .bgCircle.bgCircle--thankyou-b {
height: 30vw;
width: 30vw;
background-size: 170%;
background: #02CEFF;
background: linear-gradient(-125deg, #02CEFF 0%, #3bf7d1 100%);
bottom: -10vw;
left: -10vw; }
.page--signup-thank-you .bgCircle.bgCircle--thankyou-c {
height: 15vw;
width: 15vw;
background-size: 110%;
background: #FF6D92;
background: linear-gradient(-125deg, #FF6D92 0%, #a177ff 100%);
bottom: 10vw;
left: -5vw;
z-index: -1; }
.page--app .app-page #apps-nav .nav-line, .page--app .apps-page #apps-nav .nav-line, .page--apps .app-page #apps-nav .nav-line, .page--apps .apps-page #apps-nav .nav-line {
font-size: 16px; }
.page--app .app-page #apps-nav .nav-line .nav-category, .page--app .apps-page #apps-nav .nav-line .nav-category, .page--apps .app-page #apps-nav .nav-line .nav-category, .page--apps .apps-page #apps-nav .nav-line .nav-category {
color: #A1A4AA; }
.page--app .app-page #apps-nav .nav-line .nav-category.active, .page--app .apps-page #apps-nav .nav-line .nav-category.active, .page--apps .app-page #apps-nav .nav-line .nav-category.active, .page--apps .apps-page #apps-nav .nav-line .nav-category.active {
color: #FC636B; }
.page--app .app-page #apps-nav .nav-line .nav-category:hover, .page--app .apps-page #apps-nav .nav-line .nav-category:hover, .page--apps .app-page #apps-nav .nav-line .nav-category:hover, .page--apps .apps-page #apps-nav .nav-line .nav-category:hover {
color: #49505B;
text-decoration: none; }
.page--app .app-page .block-main .app .well > a, .page--app .apps-page .block-main .app .well > a, .page--apps .app-page .block-main .app .well > a, .page--apps .apps-page .block-main .app .well > a {
border-bottom: none; }
.page--app .app-page .block-main .app .well .title, .page--app .apps-page .block-main .app .well .title, .page--apps .app-page .block-main .app .well .title, .page--apps .apps-page .block-main .app .well .title {
font-size: 22px; }
.page--app .app-page .block-main .app .well .title a, .page--app .apps-page .block-main .app .well .title a, .page--apps .app-page .block-main .app .well .title a, .page--apps .apps-page .block-main .app .well .title a {
color: #1B2432; }
.page--app .app-page .block-main .app .well .category, .page--app .apps-page .block-main .app .well .category, .page--apps .app-page .block-main .app .well .category, .page--apps .apps-page .block-main .app .well .category {
font-size: 14px;
font-style: normal; }
.page--app .app-page .block-main .app .well p, .page--app .apps-page .block-main .app .well p, .page--apps .app-page .block-main .app .well p, .page--apps .apps-page .block-main .app .well p {
font-size: 16px;
color: #676D76; }
.page--app .app-page .block-main .app .well .learn-more-wrap a, .page--app .apps-page .block-main .app .well .learn-more-wrap a, .page--apps .app-page .block-main .app .well .learn-more-wrap a, .page--apps .apps-page .block-main .app .well .learn-more-wrap a {
font-size: 16px;
color: #179DBA;
font-weight: normal; }
.page--app .app-page .block-footer, .page--app .apps-page .block-footer, .page--apps .app-page .block-footer, .page--apps .apps-page .block-footer {
background: #3bf7d1;
background: linear-gradient(45deg, #3bf7d1 0%, #02CEFF 100%);
font-size: 16px; }
.page--app .app-page .block-footer h2, .page--app .app-page .block-footer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--app .app-page .block-footer h3, .page--app .app-page .block-footer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--app .app-page .block-footer h3, .page--app .app-page .block-footer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--app .app-page .block-footer h3, .page--app .app-page .block-footer .block-main h3, .page--app .app-page .block-main .block-footer h3, .page--app .apps-page .block-main .app-page .block-footer h3, .page--apps .apps-page .block-main .page--app .app-page .block-footer h3, .page--app .apps-page .block-footer h2, .page--app .apps-page .block-footer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--app .apps-page .block-footer h3, .page--app .apps-page .block-footer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--app .apps-page .block-footer h3, .page--app .apps-page .block-footer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--app .apps-page .block-footer h3, .page--app .app-page .block-main .apps-page .block-footer h3, .page--app .apps-page .block-footer .block-main h3, .page--app .apps-page .block-main .block-footer h3, .page--apps .app-page .block-main .page--app .apps-page .block-footer h3, .page--apps .app-page .block-footer h2, .page--apps .app-page .block-footer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--apps .app-page .block-footer h3, .page--apps .app-page .block-footer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--apps .app-page .block-footer h3, .page--apps .app-page .block-footer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--apps .app-page .block-footer h3, .page--app .apps-page .block-main .page--apps .app-page .block-footer h3, .page--apps .app-page .block-footer .block-main h3, .page--apps .app-page .block-main .block-footer h3, .page--apps .apps-page .block-main .app-page .block-footer h3, .page--apps .apps-page .block-footer h2, .page--apps .apps-page .block-footer .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--apps .apps-page .block-footer h3, .page--apps .apps-page .block-footer .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--apps .apps-page .block-footer h3, .page--apps .apps-page .block-footer .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--apps .apps-page .block-footer h3, .page--app .app-page .block-main .page--apps .apps-page .block-footer h3, .page--apps .app-page .block-main .apps-page .block-footer h3, .page--apps .apps-page .block-footer .block-main h3, .page--apps .apps-page .block-main .block-footer h3 {
color: #fff;
margin-bottom: 40px; }
.page--app .app-page .video-vimeo-with-bg .play-video .headline span.asi-checkmark, .video-vimeo-with-bg .play-video .page--app .app-page .headline span.asi-checkmark, .page--app .app-page h1 span.asi-checkmark, .page--app .app-page .block-main .app .well h4 span.asi-checkmark, .page--app .app-page .block-main .app .well .button.button--card span.asi-checkmark, .page--app .app-page .block-main .recommended-app-key span.asi-checkmark, .page--app .apps-page .video-vimeo-with-bg .play-video .headline span.asi-checkmark, .video-vimeo-with-bg .play-video .page--app .apps-page .headline span.asi-checkmark, .page--app .apps-page h1 span.asi-checkmark, .page--app .apps-page .block-main .app .well h4 span.asi-checkmark, .page--app .apps-page .block-main .app .well .button.button--card span.asi-checkmark, .page--app .apps-page .block-main .recommended-app-key span.asi-checkmark, .page--apps .app-page .video-vimeo-with-bg .play-video .headline span.asi-checkmark, .video-vimeo-with-bg .play-video .page--apps .app-page .headline span.asi-checkmark, .page--apps .app-page h1 span.asi-checkmark, .page--apps .app-page .block-main .app .well h4 span.asi-checkmark, .page--apps .app-page .block-main .app .well .button.button--card span.asi-checkmark, .page--apps .app-page .block-main .recommended-app-key span.asi-checkmark, .page--apps .apps-page .video-vimeo-with-bg .play-video .headline span.asi-checkmark, .video-vimeo-with-bg .play-video .page--apps .apps-page .headline span.asi-checkmark, .page--apps .apps-page h1 span.asi-checkmark, .page--apps .apps-page .block-main .app .well h4 span.asi-checkmark, .page--apps .apps-page .block-main .app .well .button.button--card span.asi-checkmark, .page--apps .apps-page .block-main .recommended-app-key span.asi-checkmark {
background: #3be8b0; }
.page--app .app-page .block-main h3, .page--app .apps-page .block-main h3, .page--apps .app-page .block-main h3, .page--apps .apps-page .block-main h3 {
color: #1B2432; }
.page--app .app-page {
padding-top: 90px; }
.page--app .app-page .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--app .app-page .headline, .page--app .app-page h1 {
margin-top: 0; }
.page--app .app-page a {
color: #1AAFD0; }
.body--mobile {
background: #a177ff;
background: linear-gradient(45deg, #a177ff 0%, #02CEFF 100%);
height: 100vh; }
.body--mobile .container {
height: 100vh; }
.container--mobile {
color: #fff;
margin: 15% auto 0;
text-align: center;
width: 75%; }
@media (min-width: 768px) {
.container--mobile {
width: 360px; } }
.container--mobile h1, .container--mobile .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .container--mobile .headline, .container--mobile .page--app .app-page h1, .page--app .app-page .container--mobile h1, .container--mobile .page--app .apps-page h1, .page--app .apps-page .container--mobile h1, .container--mobile .page--apps .app-page h1, .page--apps .app-page .container--mobile h1, .container--mobile .page--apps .apps-page h1, .page--apps .apps-page .container--mobile h1, .container--mobile h2, .container--mobile .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .container--mobile h3, .container--mobile .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .container--mobile h3, .container--mobile .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .container--mobile h3, .container--mobile .page--app .app-page .block-main h3, .page--app .app-page .block-main .container--mobile h3, .container--mobile .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .container--mobile h3, .container--mobile .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .container--mobile h3, .container--mobile .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .container--mobile h3, .container--mobile h3 {
color: #fff; }
.container--mobile .button {
width: 100%; }
.heading--success {
line-height: 1.25; }
#open_ios_app {
margin-top: 20px; }
.cta--mobile {
margin-top: 80px; }
.cta--mobile p {
margin-bottom: 10px; }
.cta--mobile img {
width: 175px; }
.cta--mobile .img--android {
width: auto; }
.page--default {
padding-top: 100px; }
.page--default h1, .page--default .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--default .headline, .page--default .page--app .app-page h1, .page--app .app-page .page--default h1, .page--default .page--app .apps-page h1, .page--app .apps-page .page--default h1, .page--default .page--apps .app-page h1, .page--apps .app-page .page--default h1, .page--default .page--apps .apps-page h1, .page--apps .apps-page .page--default h1 {
margin-bottom: 50px; }
.page--default .pageContent {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
margin-left: 0%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
padding-bottom: 100px; }
@media (min-width: 48em) {
.page--default .pageContent {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--default .pageContent {
margin-left: 16.66667%; } }
.page--default .pageContent iframe, .page--default .pageContent img {
max-width: 100%; }
.page--legal {
padding-top: 100px; }
.page--legal .header--center {
margin-bottom: 0px;
text-align: center;
z-index: 2;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%; }
.page--legal .header--center h1, .page--legal .header--center .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--legal .header--center .headline {
margin-bottom: 50px; }
.page--legal .tab-pane {
padding-bottom: 60px;
display: none;
margin-top: -140px;
padding-top: 140px;
z-index: 1; }
.page--legal .tab-pane:target {
display: block; }
.page--legal .tab-content {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
margin-left: 0%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--legal .tab-content {
float: left;
width: 83.33333%; } }
@media (min-width: 48em) {
.page--legal .tab-content {
margin-left: 8.33333%; } }
@media (min-width: 60em) {
.page--legal .tab-content {
float: left;
width: 66.66667%; } }
@media (min-width: 60em) {
.page--legal .tab-content {
margin-left: 16.66667%; } }
.page--legal h2, .page--legal .mediaGrid-tile--withasana h3, .mediaGrid-tile--withasana .page--legal h3, .page--legal .page--customers #withasana-carousel .overlay h3, .page--customers #withasana-carousel .overlay .page--legal h3, .page--legal .page--pricing .section--pricing-social-proof h3, .page--pricing .section--pricing-social-proof .page--legal h3, .page--legal .page--app .app-page .block-main h3, .page--app .app-page .block-main .page--legal h3, .page--legal .page--app .apps-page .block-main h3, .page--app .apps-page .block-main .page--legal h3, .page--legal .page--apps .app-page .block-main h3, .page--apps .app-page .block-main .page--legal h3, .page--legal .page--apps .apps-page .block-main h3, .page--apps .apps-page .block-main .page--legal h3 {
margin-top: 50px; }
.page--legal h3 {
margin-top: 50px; }
.page--legal .legal-address {
margin: 20px;
margin-left: 16px; }
.page--legal li ol, .page--legal .page--app .app-page #apps-nav .nav-line .nav-category ol, .page--app .app-page #apps-nav .nav-line .page--legal .nav-category ol, .page--legal .page--app .apps-page #apps-nav .nav-line .nav-category ol, .page--app .apps-page #apps-nav .nav-line .page--legal .nav-category ol, .page--legal .page--apps .app-page #apps-nav .nav-line .nav-category ol, .page--apps .app-page #apps-nav .nav-line .page--legal .nav-category ol, .page--legal .page--apps .apps-page #apps-nav .nav-line .nav-category ol, .page--apps .apps-page #apps-nav .nav-line .page--legal .nav-category ol {
list-style-type: lower-alpha; }
.page--legal ul li, .page--legal ul .page--app .app-page #apps-nav .nav-line .nav-category, .page--app .app-page #apps-nav .nav-line .page--legal ul .nav-category, .page--legal ul .page--app .apps-page #apps-nav .nav-line .nav-category, .page--app .apps-page #apps-nav .nav-line .page--legal ul .nav-category, .page--legal ul .page--apps .app-page #apps-nav .nav-line .nav-category, .page--apps .app-page #apps-nav .nav-line .page--legal ul .nav-category, .page--legal ul .page--apps .apps-page #apps-nav .nav-line .nav-category, .page--apps .apps-page #apps-nav .nav-line .page--legal ul .nav-category {
margin-bottom: 15px; }
.page--burningman {
padding-top: 100px; }
.page--burningman h1, .page--burningman .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--burningman .headline, .page--burningman .page--app .app-page h1, .page--app .app-page .page--burningman h1, .page--burningman .page--app .apps-page h1, .page--app .apps-page .page--burningman h1, .page--burningman .page--apps .app-page h1, .page--apps .app-page .page--burningman h1, .page--burningman .page--apps .apps-page h1, .page--apps .apps-page .page--burningman h1 {
margin-bottom: 50px; }
.page--burningman .pageContent {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
margin-left: 0%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: center;
padding-bottom: 50px; }
@media (min-width: 48em) {
.page--burningman .pageContent {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--burningman .pageContent {
margin-left: 16.66667%; } }
.page--burningman .pageContent iframe, .page--burningman .pageContent img {
max-width: 100%; }
.page--burningman .pageContent .p--label + h3, .page--burningman .pageContent .card--article-source + h3, .page--burningman .pageContent .iconList-items h4 + h3, .iconList-items .page--burningman .pageContent h4 + h3, .page--burningman .pageContent .iconList-items .button.button--card + h3, .iconList-items .page--burningman .pageContent .button.button--card + h3, .page--burningman .pageContent .siteFooter-column-title + h3, .page--burningman .pageContent .footer .footer-column-title + h3, .footer .page--burningman .pageContent .footer-column-title + h3, .page--burningman .pageContent .section--jobs-culture .culture-feature h4 + h3, .section--jobs-culture .culture-feature .page--burningman .pageContent h4 + h3, .page--burningman .pageContent .section--jobs-culture .culture-feature .button.button--card + h3, .section--jobs-culture .culture-feature .page--burningman .pageContent .button.button--card + h3, .page--burningman .pageContent .tableList th + h3, .tableList .page--burningman .pageContent th + h3, .page--burningman .pageContent .page--job h3 + h3, .page--job .page--burningman .pageContent h3 + h3, .page--burningman .pageContent .page--pricing .mobile-pricing-table th + h3, .page--pricing .mobile-pricing-table .page--burningman .pageContent th + h3, .page--burningman .pageContent .page--app .app-page .app-content h3 + h3, .page--app .app-page .app-content .page--burningman .pageContent h3 + h3, .page--burningman .pageContent .page--app .apps-page .app-content h3 + h3, .page--app .apps-page .app-content .page--burningman .pageContent h3 + h3, .page--burningman .pageContent .page--apps .app-page .app-content h3 + h3, .page--apps .app-page .app-content .page--burningman .pageContent h3 + h3, .page--burningman .pageContent .page--apps .apps-page .app-content h3 + h3, .page--apps .apps-page .app-content .page--burningman .pageContent h3 + h3 {
margin-top: -15px;
margin-bottom: 30px; }
.page--burningman .pageContent .button {
margin-bottom: 90px; }
.page--support, .page--sales {
padding-top: 60px; }
.page--support .sales-form-submitted, .page--sales .sales-form-submitted {
text-align: left;
margin-bottom: 60px; }
.page--support .pageContent, .page--sales .pageContent {
text-align: center;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--support .pageContent, .page--sales .pageContent {
float: left;
width: 100%; } }
@media (min-width: 48em) {
.page--support .pageContent, .page--sales .pageContent {
margin-left: 0%; } }
.page--support .pageContent h1, .page--support .pageContent .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--support .pageContent .headline, .page--sales .pageContent h1, .page--sales .pageContent .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--sales .pageContent .headline {
margin-bottom: 60px; }
.page--support .pageContent .form, .page--sales .pageContent .form {
margin-top: 80px;
margin-bottom: 80px; }
.page--support .pageContent .form select, .page--sales .pageContent .form select {
color: #6a67ce;
width: 100%; }
.page--support .pageContent .form input[type="file"], .page--sales .pageContent .form input[type="file"] {
margin-bottom: 10px;
font-size: 12px; }
.page--support .pageContent .form .button--container, .page--sales .pageContent .form .button--container {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--support .pageContent .form .button--container, .page--sales .pageContent .form .button--container {
float: left;
width: 16.66667%; } }
@media (min-width: 48em) {
.page--support .pageContent .form .button--container, .page--sales .pageContent .form .button--container {
margin-left: 33.33333%; } }
.page--support .pageContent .form .button--container .button, .page--sales .pageContent .form .button--container .button {
width: auto;
display: block; }
.page--support .pageContent .form .p--note, .page--sales .pageContent .form .p--note {
font-size: 11px;
color: #A1A4AA; }
.page--support .pageContent .control-label-null, .page--sales .pageContent .control-label-null {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
padding-right: 0;
text-align: right; }
@media (min-width: 48em) {
.page--support .pageContent .control-label-null, .page--sales .pageContent .control-label-null {
float: left;
width: 16.66667%; } }
@media (min-width: 48em) {
.page--support .pageContent .control-label-null, .page--sales .pageContent .control-label-null {
margin-left: 16.66667%; } }
.page--support .pageContent .control-label-null label, .page--sales .pageContent .control-label-null label {
margin-top: 10px; }
@media (max-width: 767px) {
.page--support .pageContent .control-label-null, .page--sales .pageContent .control-label-null {
text-align: left; } }
.page--support .pageContent .control-content, .page--sales .pageContent .control-content {
text-align: left;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--support .pageContent .control-content, .page--sales .pageContent .control-content {
float: left;
width: 33.33333%; } }
.page--support .pageContent .control-content--bordered, .page--sales .pageContent .control-content--bordered {
border-left: 1px solid #E1E2E4;
padding-left: 10px;
padding-top: 10px; }
.page--support .pageContent .control-content-wider, .page--sales .pageContent .control-content-wider {
text-align: left;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--support .pageContent .control-content-wider, .page--sales .pageContent .control-content-wider {
float: left;
width: 50%; } }
.page--support .pageContent .row, .page--sales .pageContent .row {
margin-bottom: 30px; }
.page--support .pageContent .form, .page--support .sales-form-submitted {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
margin-top: 30px;
text-align: left; }
@media (min-width: 48em) {
.page--support .pageContent .form, .page--support .sales-form-submitted {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--support .pageContent .form, .page--support .sales-form-submitted {
margin-left: 0%; } }
.page--support .pageContent .form .sales-form-error, .page--support .sales-form-submitted .sales-form-error {
font-size: 14px;
font-weight: bold;
margin-top: 5px;
padding-bottom: 15px;
text-align: left;
color: #FC636B; }
.page--support .pageSidebar {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: left; }
@media (min-width: 48em) {
.page--support .pageSidebar {
float: left;
width: 33.33333%; } }
@media (min-width: 48em) {
.page--support .pageSidebar {
margin-left: 0%; } }
@media (min-width: 768px) {
.page--support .pageSidebar .sidebar-content {
border-left: 1px solid #E1E2E4;
padding-left: 20px;
margin-top: 40px; } }
.page--support .pageSidebar .snippet {
display: none; }
.page--contact {
padding-top: 60px; }
.page--contact h1, .page--contact .video-vimeo-with-bg .play-video .headline, .video-vimeo-with-bg .play-video .page--contact .headline, .page--contact .page--app .app-page h1, .page--app .app-page .page--contact h1, .page--contact .page--app .apps-page h1, .page--app .apps-page .page--contact h1, .page--contact .page--apps .app-page h1, .page--apps .app-page .page--contact h1, .page--contact .page--apps .apps-page h1, .page--apps .apps-page .page--contact h1 {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
text-align: center; }
.page--contact .pageContent {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
padding-bottom: 60px; }
@media (min-width: 48em) {
.page--contact .pageContent {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--contact .pageContent {
margin-left: 0%; } }
.page--contact .pageContent h4, .page--contact .pageContent .button.button--card {
margin-top: 40px;
margin-bottom: 20px; }
.page--contact .pageContent .button + .button {
margin-left: 5px; }
.page--contact .pageSidebar {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 83.33333%;
margin-left: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: left; }
@media (min-width: 48em) {
.page--contact .pageSidebar {
float: left;
width: 33.33333%; } }
@media (min-width: 48em) {
.page--contact .pageSidebar {
margin-left: 0%; } }
@media (min-width: 768px) {
.page--contact .pageSidebar .sidebar-content {
border-left: 1px solid #E1E2E4;
padding-left: 20px;
margin-top: 40px; } }
.page--contact .pageSidebar .sidebar-content .button {
margin-bottom: 60px; }
.page--contact .pageSidebar .sidebar-content .p--label, .page--contact .pageSidebar .sidebar-content .card--article-source, .page--contact .pageSidebar .sidebar-content .iconList-items h4, .iconList-items .page--contact .pageSidebar .sidebar-content h4, .page--contact .pageSidebar .sidebar-content .iconList-items .button.button--card, .iconList-items .page--contact .pageSidebar .sidebar-content .button.button--card, .page--contact .pageSidebar .sidebar-content .siteFooter-column-title, .page--contact .pageSidebar .sidebar-content .footer .footer-column-title, .footer .page--contact .pageSidebar .sidebar-content .footer-column-title, .page--contact .pageSidebar .sidebar-content .section--jobs-culture .culture-feature h4, .section--jobs-culture .culture-feature .page--contact .pageSidebar .sidebar-content h4, .page--contact .pageSidebar .sidebar-content .section--jobs-culture .culture-feature .button.button--card, .section--jobs-culture .culture-feature .page--contact .pageSidebar .sidebar-content .button.button--card, .page--contact .pageSidebar .sidebar-content .tableList th, .tableList .page--contact .pageSidebar .sidebar-content th, .page--contact .pageSidebar .sidebar-content .page--job h3, .page--job .page--contact .pageSidebar .sidebar-content h3, .page--contact .pageSidebar .sidebar-content .page--pricing .mobile-pricing-table th, .page--pricing .mobile-pricing-table .page--contact .pageSidebar .sidebar-content th, .page--contact .pageSidebar .sidebar-content .page--app .app-page .app-content h3, .page--app .app-page .app-content .page--contact .pageSidebar .sidebar-content h3, .page--contact .pageSidebar .sidebar-content .page--app .apps-page .app-content h3, .page--app .apps-page .app-content .page--contact .pageSidebar .sidebar-content h3, .page--contact .pageSidebar .sidebar-content .page--apps .app-page .app-content h3, .page--apps .app-page .app-content .page--contact .pageSidebar .sidebar-content h3, .page--contact .pageSidebar .sidebar-content .page--apps .apps-page .app-content h3, .page--apps .apps-page .app-content .page--contact .pageSidebar .sidebar-content h3 {
margin-top: 0px;
margin-bottom: 10px; }
.page--apply-success .page-wrap {
padding-bottom: 520px;
background: url("https://luna1.co/27422d.gif") no-repeat center bottom, url("https://luna1.co/40026c.png") repeat-x center bottom;
border-bottom: 60px #3bf7d1 solid; }
.page--apply-success .page-wrap .footer-mini {
top: 640px; }
@media (max-width: 600px) {
.page--apply-success .page-wrap {
padding-bottom: 320px;
background-size: 100% auto, 0px 0px; }
.page--apply-success .page-wrap .footer-mini {
top: 430px; } }
.page--apply-success .pageContent {
text-align: center;
margin-top: 100px;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative; }
@media (min-width: 48em) {
.page--apply-success .pageContent {
float: left;
width: 66.66667%; } }
@media (min-width: 48em) {
.page--apply-success .pageContent {
margin-left: 16.66667%; } }
@media (min-width: 70em) {
.page--apply-success .pageContent {
float: left;
width: 50%; } }
@media (min-width: 70em) {
.page--apply-success .pageContent {
margin-left: 25%; } }
.page--apply-success img[src*="glassdoor"] {
float: left; }