* {
    margin:0 auto;
    padding:0;
    outline:none;
    list-style: none;
    list-style-type:none;

    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.preload * {
    -webkit-transition:none!important;
    -moz-transition:none!important;
    -ms-transition:none!important;
    -o-transition:none!important;
}


body,html {
    position:relative;
    font-size:16px;
    font-family: 'Mulish', sans-serif;
    overflow-x:hidden;
}
.hidden {
    display:none;
}
header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#FFF;
    padding:25px 5px 15px;
    z-index:99;
}
header.home-header {
    background:transparent;
}
header.home-header.fixed,
header.fixed {
    background:#FFF;
}

p.capitalize {
    text-transform:uppercase;
}

.headspace {
    margin-top:100px;
}

.page-wrap {
    width:1200px;
}
.splash .page-wrap {
    z-index:10;
    position:relative;
}

.center {
    display:table;
    width:100%;
    height:100%;
}
.center-wrap {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

@media only screen and (max-width:1267px){
    .page-wrap {
        width:1023px;
    }
}

@media only screen and (max-width:1067px){
    .page-wrap {
        width:90%;
    }
}


header.blue {
    background:#1c5896;
}


.logo,
.menu,
nav,
nav ul li,
.contact,
.contact ul li {
    display:inline-block;
    vertical-align:middle;
    box-sizing:border-box;
}
.logo {
    width:150px;
}
.logo img {
    width:100%;
}

.menu {
    width:calc(100% - 150px);
    padding-left:25px;
}

nav {
    width:60%;
    text-align:left;
}
nav,
.contact {
    margin-top:-12px;
}

nav ul li,
.contact ul li {
    padding:0 12px;
}
nav ul li a,
.contact ul li a,
.contact ul li {
    color:#666;
    text-decoration:none;
    font-size:14px;
    transition:400ms;
    padding-bottom:3px;
    border-bottom:2px transparent solid;
}

nav ul li a:hover,
.contact ul li a:hover {
    color:#000;
    border-bottom:2px #000 solid;
    transition:400ms;
}


.contact {
    width:40%;
    text-align:right;
}
.contact ul li.get-started {
    padding:0;
}
.contact ul li.get-started a,
.mobile-started ul li.get-started a,
.splash-cta a,
.plan-cta a,
.input a {
    display:block;
    padding:10px 15px;
    border-radius:5px;
    background:#1E5695;
    color:#FFF;
    text-decoration:none;
    border-bottom:0;
    transition:400ms;
}
.plan-cta a {
    text-decoration:none;
    text-align:center;
}

.blue .contact ul li.get-started a {
    color:#1E5695;
    background:#FFF;
    border-bottom:2px transparent solid;
}
.blue nav ul li a,
.blue .contact ul li,
.blue .contact ul li a {
    color:#FFF;
    border-bottom:2px #1c5896 solid;
}
.blue nav ul li a:hover,
.blue .contact ul li a:hover {
    border-bottom:2px #FFF solid;
    transition:400ms;
}



.contact ul li.get-started a:hover,
.blue .contact ul li.get-started a:hover,
.splash-cta a:hover,
.plan-cta a:hover,
.input a:hover {
    border-bottom:0;
    background:#222;
}
.splash-cta a {
    transition:400ms;
    text-decoration:none;
}

.splash {
    text-align:center;
    padding:75px 0;
    width:100%;
}
.splash,
.splash-background-area {
    height:79vh;
}
.splash.how-it-works {
    height:45vh;
    background-size:cover;
}
.splash.careers {
    height:300px;
}
.splash.careers.blue {
    background:#1E5695;
}
.splash.how-it-works.blue p {
    color:#FFF;
}
.splash.careers.general {
    height:auto;
}
.splash.careers.general.blue p {
    color:#FFF;
}
.splash.get-started-splash {
    height:auto;
}
.splash.get-started-splash.grey,
.splash.how-it-works.grey {
    background:#F7F7F7;
}
.splash.get-started-splash.blue,
.splash.how-it-works.blue {
    background:#1E5695;
    color:#FFF;
}
.splash.subscribe {
    height:150px;
    background:#F7F7F7;
}
.splash.faq-frame {
    background:#F7F7F7;
    height:auto;
}
.splash.white,
.waitlist-form.white {
    background:#FFF;
}

.splash.solutions {
    position:relative;
    padding:35px 0 0;
    height:auto;
    overflow:hidden;
}
.splash.solutions.blue {
    background:#1c5896;
}
.splash.large-solutions .page-wrap {
    padding-top:65px;
}

@media only screen and (max-width:967px){
    .splash.solutions img {
        margin-top:-44px;
    }
}

.section-splash {
    position:relative;
    padding:45px 0;
}
.splash.short-height {
    height:52vh;
}
.splash.dark-blue {
    background:#1E5695;
    color:#FFF;
}
h1.dark {
    color:#444!important;
}
.splash h1 {
    font-size:52px;
    color:#444;
    width:80%;
}
.splash.blue h1 {
    color:#FFF;
}
.section-splash h2 {
    font-size:27px;
    padding:10px 0 0;
    color:#444;
}
@media only screen and (max-width:676px){
    h1.homesplash {
        width:100%;
        padding-top:35px;
    }
    h1.homesplash,
    .splash h1 {
        font-size:29px;
    }
}

.background-section {
    position:relative;
    display:block;
    width:100%;
    height:550px;
}
.background-section .page-wrap {
    height:100%;
    display:block;
}
.background-section .center-frame {
    display:table;
    width:100%;
    height:100%;
}
.background-section .center-wrap {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
.background-section .section-block {
    position:relative;
    width:100%;
    text-align:left;
    color:#FFF;
}
.section-block h3 {
    font-size:36px;
    font-weight:600;
}
.section-block p {
    margin:10px 0 0;
    width:50%;
    font-size:32px;
}
.section-block p a {
    color:#FFF;
}

.splash.core-b {
    height:auto;
}
.core-beliefs-wrap h3 {
    font-size:36px;
    margin-bottom:-20px;
}
.core-beliefs {
    display:block;
    padding:35px 0;
}





@media only screen and (max-width:967px){
    .background-section {
        height:400px;
    }
    .section-block h3 {
        font-size:27px;
    }
    .section-block p {
        font-size:24px;
        width:70%;
    }
}

.splash p,
.ib-info p,
.ib-types-header p,
.section-splash p,
.mesh-left p {
    width:55%;
    padding-top:35px;
    font-size:18px;
    line-height:32px;
    color:#777;
}
.section-splash p {
    width:80%;
    padding-top:15px;
}
.section-splash p a,
.splash p a {
    color:#1E5695;
    text-decoration:none;
    transition:400ms;
}
.section-splash p a:hover {
    color:#333;
}
@media only screen and (max-width:676px){
    .splash p, .ib-info p, .ib-types-header p, .section-splash p {
        width:100%;
        font-size:14px;
        line-height:27px;
    }
}
.ib-info p.smaller-space {
    padding-top:15px;
}
.splash.how-it-works p {
    width:70%;
}
.splash .page-wrap {
    height:100%;
}

.ib-info p.topspace {
    padding-top:15px;
}

.splash.dark-blue h1 {
    color:#DDD;
}
.splash.dark-blue p {
    color:#FFF;
}

.dark-blue .splash-cta a,
.blue .splash-cta a {
    color:#1E5695;
    background:#FFF;
}
.blue .splash-cta a:hover {
    color:#FFF;
    background:#232323;
}
@media only screen and (max-width:1267px){
    .splash h1 {
        width:80%;
    }
    .splash p {
        width:70%;
    }
}

@media only screen and (max-width:1067px){
    .splash h1, .splash p {
        width:100%;
    }
}

.splash-cta {
    position:relative;
    width:120px;
    margin:35px auto 0;
}
.guarantee p {
    font-size:12px;
    color:#999;
}

.teams {
    position:relative;
    margin-top:-15px;
    margin-bottom:45px;
}
@media only screen and (max-width:967px){
    .teams.home-teams {
        margin-top:65px;
    }
}

.team,
.plan-col,
.cb {
    display:inline-block;
    vertical-align:top;
    height:350px;
    background:#FFF;
    box-sizing: border-box;
    width:calc(94% / 3);
    padding:45px;
    border-radius:10px;
    box-shadow:0 0 10px 0 rgba(0,0,0,0.07);
    transition:400ms;
}

.cb {
    height:200px;
    margin-bottom:35px;
}

@media only screen and (max-width:1267px){
    .team,
    .plan-col,
    .cb {
        padding:35px 25px;
    }
}
@media only screen and (max-width:1067px){
    .team,
    .plan-col,
    .cb {
        width:100%;
        height:auto;
    }
}
.plan-col {
    height:auto;
    padding-bottom:15px;
}

.team:nth-child(2),
.plan-col:nth-child(2),
.cb:nth-child(2),
.cb:nth-child(5) {
    margin:0 3%;
}
@media only screen and (max-width:1067px){
    .team:nth-child(2),
    .plan-col:nth-child(2) {
        margin:15px 0;
    }
    .cb:nth-child(2),
    .cb:nth-child(5),
    .cb {
        margin:15px 0;
    }
}


.team:hover,
.plan-col:hover,
.cb:hover {
    transform:scale(1.1);
    box-shadow:0 0 50px 0 rgba(0,0,0,0.2);
    transition:400ms;
}
.team-header,
.plan-title {
    color:#777;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
}
.team-title,
.plan-price {
    font-size:24px;
    line-height:32px;
    font-weight:700;
    padding:20px 0;
}
.plan-price span {
    display:inline-block;
    box-sizing: border-box;
    padding-left:10px;
    font-size:20px;
    color:#999;
    text-decoration:line-through;
}
.bespoke-packages .plan-title,
.bespoke-packages .plan-price {
    text-align:center;
}
.bespoke-packages .plan-price {
    color:#1E5695;
}
.bespoke-packages .plan-price span {
    font-size:14px;
    text-decoration:none;
}
.plan-usd {
    text-align:center;
    font-size:10px;
    color:#323232!important;
}
.team-desc,
.plan-details,
.plan-details ul li {
    color:#777;
    font-size:14px;
    line-height:27px;
}
.plan-details ul {
    position:relative;
    margin-bottom:20px;
    border-top:1px #EEE solid;
    border-bottom:1px #EEE solid;
    padding:15px 0;
}
.plan-details ul li {
    background-image: url('/assets/img/unlimited.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size:20px 20px;
    padding:5px 0 5px 28px;
}
.plan-details ul li a {
    color:#1E5695;
}
.plan-details ul li.designer {
    background-image: url('/assets/img/designer.svg');
    background-size:16px 20px;
}
.plan-details ul li.developer {
    background-image: url('/assets/img/developer.svg');
}
.plan-details ul li.pod {
    background-image: url('/assets/img/pod.svg');
    background-size:20px 16px;
}
.plan-details ul li.time {
    background-image: url('/assets/img/time.svg');
    background-size:20px 16px;
}
.plan-details ul li.ai {
    background-image: url('/assets/img/ai.svg');
    background-size:20px 16px;
}
.plan-details ul li.server {
    background-image: url('/assets/img/server.svg');
    background-size:20px 16px;
}
.plan-details ul li.gig {
    background-image: url('/assets/img/gig.svg');
    background-size:16px 20px;
    background-position:2px;
}
.plan-details ul li.selected {
    background-image: url('/assets/img/selected.svg');
    background-size:16px 20px;
}
.plan-details ul li.dollar {
    background-image: url('/assets/img/dollar.svg');
    background-size:20px 16px;
}
.plan-details ul li.dollar i {
    text-decoration:line-through;
    font-style: normal; 
}
.plan-details ul li.empty {
    background-image:none;
    background-size:20px 16px;
    padding:19px 0;
}
.team-cta {
    padding:15px 0 0;
}
.team-cta a {
    color:#1E5695;
    font-weight:700;
    text-decoration:none;
    transition:400ms;
}
.team-cta a:hover {
    color:#222;
    transition:400ms;
}

.plan-cta {
    position:relative;
    width:100%;
    margin:15px 0;
}

.pricing-title {
    position:relative;
    text-align:center;
    padding-bottom:35px;
}
.pricing-title h2 {
    font-size:32px;
}
@media only screen and (max-width:967px){
    .pricing-title h2 {
        font-size:18px;
    }
}

.mesh-plan {
    position:relative;
    padding:90px 0 15px;
}
.mesh-left,
.mesh-right {
    display:inline-block;
    vertical-align:middle;
    box-sizing:border-box;
}
.mesh-left {
    width:calc(100% - calc(94% / 3));
}
.mesh-right {
    width:calc(94% / 3);
}
.mesh-right .plan-col {
    width:100%;
}

.mesh-left h3 {
    font-size:32px;
    color:#323232;
}
.mesh-left p {
    width:90%;
    margin:-5px 0;
}

.info-box {
    position:relative;
    width:100%;
    padding:25px 0 0;
}
.info-box.no-headspace {
    padding-top:0;
    margin-top:-50px;
}
.ib-left,
.ib-right {
    display:inline-block;
    vertical-align:middle;
    box-sizing: border-box;
    width:50%;
}
lottie-player {
    position:relative;
    width:100%;
    height:auto;
}
.pull-right lottie-player {
    margin-right:-120px;
}

.ib-header h3 {
    font-size:27px;
    font-weight:700;
    padding-bottom:10px;
}
.ib-info p {
    padding-top:0;
}

.ib-header h3,
.ib-info p {
    width:100%;
}

.ib-info p a {
    color:#1E5695;
    text-decoration:none;
}

.tool-icons {
    position:relative;
    width:100%;
    text-align:left;
    padding:25px 0 0;
}
.tool-icons img {
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
    width:30px;
    opacity:0.6;
    transition:400ms;
}
.tool-icons img:hover {
    opacity:1;
    transition:400ms;
    transform:scale(1.1);
}

.logo-wall {
    position:relative;
    z-index:1;
    border-top:1px #CCC solid;
    padding:65px 0 45px;
}
.logo-wall.no-border {
    border-top:0;
}
.logo-wall.no-space {
    padding:0 0 200px;
    margin-top:-55px;
}
.logo-wall .team-header {
    text-align:center;
}
.logo-wall.grey {
    background:#F2F2F2;
}
.logos {
    text-align:center;
    padding-top:25px;
}
.logos img {
    display:inline-block;
    vertical-align:middle;
    width:80px;
    margin:25px 45px;
}



footer {
    position:relative;
    width:100%;
    background:#1E5695;
}
footer .page-wrap:nth-child(1){
    padding:45px 0;
}


.footer-col {
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
    width:calc(100% / 5);
    text-align:left;
    color:#FFF;
}
.footer-logo {
    width:150px;
    margin:0;
}
.footer-logo img {
    width:100%;
}

.footer-col h4 {
    font-size:16px;
    text-transform:uppercase;
    font-weight:700;
    padding-bottom:15px;
}
.footer-col a,
.footer-col ul li  {
    font-size:12px;
    color:#FFF;
    text-decoration:none;
    font-weight:100;
    padding-bottom:10px;
}

.disclaimer {
    position:relative;
    border-top:1px rgba(255,255,255,0.4) solid;
    padding:15px 0;
}
.disclaimer-left,
.disclaimer-right {
    display:inline-block;
    width:50%;
    box-sizing: border-box;
    font-size:11px;
    font-weight:100;
    color:#FFF;
}
.disclaimer-right {
    text-align:right;
}
.disclaimer-right a {
    color:#FFF;
}
.social img,
.social-block img {
    display:inline-block;
    width:25px;
    vertical-align: middle;
    margin-right:5px;
}
.social-block {
    padding-top:15px;
}
.social-block img {
    width:35px;
    margin-right:8px;
}
.social a img,
.social-block a img {
    text-decoration:none;
}
.plans {
    padding-bottom:75px;
}
.bespoke-plans {
    background:#1E5695;
    color:#FFF;
    padding:75px 0;
}

.hiw-points {
    background:#FCFCFC;
    padding:95px 0;
}
.point-box {
    margin-bottom:175px;
}
.point-box .ib-left,
.point-box .ib-right {
    vertical-align:top;
}
.point-box .ib-left,
.point-box.right-txt .ib-right {
    width:40%;
}
.point-box .ib-right,
.point-box.right-txt .ib-left {
    width:60%;
    padding:0 0 0 100px;
}
.point-box.right-txt .ib-left {
    padding:0 100px 0 0;
}
.point-box.right-txt .ib-right {
    padding:0 0 0 0;
}

.ib-right.pad-top-1 {
    padding-top:75px;
}

.point-box .ib-left img,
.point-box .ib-right img {
    width:96%;
}
.ib-types {
    padding-top:15px;
}
.ib-types a {
    display:block;
    color:#1E5695;
    text-decoration:none;
    font-weight:600;
    padding-bottom:10px;
}
.ib-types ul {
    display:none;
    padding-bottom:25px;
}
.ib-types ul li {
    font-size:12px;
    background-image: url('/assets/img/check.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size:15px 15px;
    padding:5px 0 5px 28px;
}
.ib-types-header {
    padding-top:0;
    padding-bottom:15px;
}
.ib-types-header p {
    padding:0;
    width:100%;
}

.mobile-menu-icon,
#mobile-menu-frame {
    display:none;
}

.waitlist-form {
    position:relative;
    padding:75px 0;
    text-align:center;
}
.waitlist-form.grey {
    background:#F7F7F7;
}


.input {
    position:relative;
    width:70%;
    margin:0 auto;
    text-align:left;
    padding-bottom:15px;
}
.input label,
.input input,
.input textarea {
    display:inline-block;
    box-sizing: border-box;
    vertical-align:middle;
}
.input label {
    width:200px;
}
.input input,
.input textarea {
    width:calc(100% - 200px)!important;
    box-sizing: border-box;
    font-size:16px;
    padding:15px 20px;
    outline:none;
    border:1px #CCC solid;
}
.input textarea {
    height:250px!important;
    vertical-align:top;
}
.input input.error,
.input textarea.error {
    border:1px #FF0000 solid;
}
.input input.clean,
.input textarea.clean {
    border:1px #008000 solid;
}
.input.submit {
    text-align:right;
}
.input a {
    display:inline-block;
    width:100px;
    text-align:center;
}
.input.submit svg {
    width:45px;
}


#notification-bar {
    position:fixed;
    top:-80px;
    left:50%;
    border-radius:5px;
    font-size:14px;
    text-align:center;
    margin-left:-150px;
    box-shadow:0 5px 5px 0 rgba(0,0,0,0.1);
    padding:0;
    width:300px;
    overflow:hidden;
    z-index:101;
  }
  #notification-text {
    padding:10px 0;
    display:block;
    position:relative;
    text-transform:uppercase;
  }
  #notification-timer {
    position:relative;
    width:0%;
    height:7px;
    background:#144620;
  }
  #notification-bar.green {
    color:#FFF;
    background:#28a745;
  }
  #notification-bar.red {
      color:#FFF;
      background:#FF0000;
  }

  #notification-bar.red #notification-timer {
      background:rgba(0,0,0,0.4);
  }

  .faqs {
      position:relative;
      width:100%;
      padding:60px 0 50px;
  }
  .faq {
      position:relative;
      width:100%;
      margin:0 0 30px;
  }
  .faq-question {
      font-weight:500;
      font-size:20px;
      text-align:left;
      width:55%;
  }
  .faq-question a {
      color:#000;
      text-decoration:none;
      transition:400ms;
  }
  .faq-question a:hover {
      color:#1E5695;
  }
  .faq-answer {
      text-align:left;
      padding-top:10px;
  }
  .faq-answer p {
      padding:0;
      font-size:18px;
      margin:0 auto 15px;
  }
  .faq-answer.hidden {
    display:none;
  }



.solutions-left,
.solutions-right {
    display:inline-block;
    vertical-align:middle;
    box-sizing: border-box;
    width:50%;
    text-align:left;
}
.solutions-right img,
.solutions-left img {
    width:100%;
}

.for-agencies img {
    margin-bottom:-5px;
}

.blue {
    color:#FFF;
}

.solutions-left h1,
.solutions-right h1 {
    color:#FFF;
    width:100%;
}
.solutions-left h3,
.solutions-right h3 {
    font-size:27px;
    font-weight:600;
}
.solutions-left p,
.solutions-right p {
    width:100%;
    color:#222;
    margin:-15px 0 0;
}
.blue .solutions-left p,
.blue .solutions-right p {
    color:#FFF;
}

.solutions .splash-cta {
    text-align:left;
    margin:35px 0 0;
}

.solutions .splash-cta a {
    text-align:center;
}
.splash-cta.white a {
    background:#FFF;
    color:#222;
}
.splash-cta.white a:hover {
    background:#222;
    color:#FFF;
}

.bottom-pullup {
    margin-bottom:-4px;
}

.currency {
    width:140px;
    margin-left:30px;
    padding-left:30px;
    border-left:1px #CCC dotted;
}
.currency.mobile {
    margin-left:auto;
    padding-left:0;
    border-left:0;
    padding:10px 0;
    margin-bottom:15px;
    border-top:1px #CCC dotted;
    border-bottom:1px #CCC dotted;
}
.currency span,
.currency input,
.currency label {
    display:inline-block;
    box-sizing:border-box;
    vertical-align:middle;
}
.currency span {
    width:30px;
    font-size:10px;
}
.usd {
    padding-right:10px;
}

/* Custom Checkbox */
input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
}
label.toggle {
	cursor: pointer;
	text-indent: -9999px;
	width: 40px;
	height: 23px;
	background: #323232;
	display: inline-block;
	border-radius: 35px;
	position: relative;
}
label.toggle:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 15px;
	height: 15px;
	background: #FFF;
	border-radius: 30px;
	transition: 0.3s;
}
input[type=checkbox]:checked + label.toggle {
	background: #1E5695;
}
.blue input[type=checkbox]:checked + label.toggle {
    background:#666;
}
input[type=checkbox]:checked + label.toggle:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}
label.toggle:active:after {
	width: 30px;
}

.roles-wrap {
    position: relative;
    overflow: auto;

  }
  


.roles {
    position:relative;
    width:100%;
    margin-top:25px;
}
.role {
    border-top:1px rgba(255,255,255,0.3) solid;
    padding:15px 0;
    text-align:left;
}

@media only screen and (max-width:1067px){
    .roles-wrap {
        height:750px;
        overflow-y:hidden;
    }
    .roles {
        position: absolute;
        width: auto;
        height: 100%;
        width:1067px;
      }
}

.role-name,
.role-description,
.role-type,
.role-location,
.role-action {
    display:inline-block;
    vertical-align:middle;
    box-sizing:border-box;
}
.role.header {
    font-weight:900;
    font-size:12px;
}
.role-name {
    width:250px;
}
.role-description {
    width:calc(100% - 575px);
}
.role-type {
    width:75px;
}
.role-location {
    width:150px;
}
.role-action {
    width:100px;
}
.role-action a {
    display:block;
    color:#1E5695;
    background:#FFF;
    border-radius:10px;
    padding:7px 0;
    text-align:center;
    text-decoration:none;
    font-size:12px;
    transition:400ms;
}
.role-action a:hover {
    background:#232323;
    color:#FFF;
}



@media only screen and (max-width:1067px){
    .menu {
        display:none;
    }

    .logo {
        width:120px;
    }
    .mobile-menu-icon {
        display:inline-block;
        width:calc(100% - 120px);
    }
    #mobile-menu-frame {
        display:none;
        box-sizing: border-box;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        z-index:98;
        background: rgb(255,255,255);
        background: linear-gradient(190deg, rgba(255,255,255,1) 52%, rgba(255,255,255,0.835171568627451) 72%, rgba(255,255,255,0) 100%);
        width:100%;
        height:100vh;
        opacity:0;
        padding-top:100px;
    }
    #mobile-menu-frame ul li {
        position:relative;
    }
    #mobile-menu-frame ul li a,
    .mobile-started ul li {
        display:block;
        width:100%;
        padding:10px 0;
        color:#222;
        font-size:16px;
        text-align:center;
        text-decoration:none;
    }

    .mobile-started {
        position:relative;
        padding-top:25px;
    }
    .mobile-started ul li {
        padding-bottom:5px;
    }
    .mobile-started ul li.get-started a {
        color:#FFF!important;
        width:150px!important;
    }
    .mobile-nav-icon {
        width:25px;
        margin-top:-3px;
        float:right;
        margin-bottom:-1px;
    }
    .mobile-nav-icon a,
    .mobile-nav-icon span {
        display:block;
        width:100%;
        height:auto;
    }
    .mobile-nav-icon div {
        width:100%;
        height:3px;
        background:#222;
        margin-bottom:3px;
    }
    .blue .mobile-nav-icon div {
        background:#FFF;
    }
    .faq-question {
        width:100%;
    }
    .faq-question a {
        font-size:16px;
    }
    .faq-answer p {
        font-size:14px;
    }

    .solutions-left p,
    .solutions-right p {
        font-size:14px;
        line-height:20px;
    }

    .solutions-left h3,
    .solutions-right h3 {
        font-size:20px;
    }

    .mesh-left,
    .mesh-right {
        display:block;
        width:100%;
    }
    .mesh-left {
        padding-bottom:50px;
    }
    .logos img:last-child {
        display:none;
    }


}

@media only screen and (max-width: 967px){
    .ib-left,
    .ib-right,
    .point-box .ib-left, 
    .point-box.right-txt .ib-right, 
    .point-box .ib-right, 
    .point-box.right-txt .ib-left {
        display:block;
        width:100%;
        padding:0;
        margin:15px auto;
    }
    .point-box {
        margin-bottom:25px;
    }
    .point-box.right-txt,
    .info-box.mobile-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .splash.how-it-works p {
        width:100%;
    }
    .footer-col,
    .footer-logo,
    .disclaimer-left,
    .disclaimer-right {
        display:block;
        width:100%;
        margin:15px auto;
        text-align:center;
    }

    .footer-logo img {
        width:150px;
    }
    .info-box.no-headspace {
        margin-top:15px;

    }

    .logos img {
        width:80px;
        margin:25px 15px;
    }

    .guarantee p {
        font-size:9px;
    }

    .input label,
    .input input,
    .input textarea {
        width:100%!important;
        display:block;
    }
    .input label {
        padding-bottom:7px;
    }
    .input {
        width:100%;
    }
    .splash,
    .splash-background-area {
        height:63vh;
    }
    .splash-background-area {
        height:89vh;
    }
    .logo-wall.no-space {
        padding:0 0 80px;
        margin-top:-85px;
    }
    .logo-wall.home-logos .logos img {
        width:12.5%;
        margin:15px 10px;
    }
    .team-header {
        font-size:10px;
    }
    .ib-left,
    .mobile-reverse .ib-right {
        z-index:2;
    }
    .mobile-reverse .ib-left,
    .ib-right {
        position:relative;
        margin-top:-45px;
        z-index:3;
    }
    .tool-icons img {
        width:20px;
        margin-top:-10px;
    }
    
    .solutions-left,
    .solutions-right {
        width:100%;
        text-align:center;
    }
    .solutions .splash-cta {
        margin:35px auto;
    }
    .splash.solutions {
        padding:50px 0 0;
    }
    .reverse-solution {
        display: flex;
        flex-direction: column-reverse;
    }
    .splash.how-it-works.autoresize {
        height:auto;
    }

}




/** Experimental **/

.splash-background-area {
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    background: #FFF;  
    background: -webkit-linear-gradient(to left, #FFF, #CCC);  
    width: 100%;
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, 0.1);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 0;
        border-radius: 0;
    }

    20% {
        opacity:0;
    }

    70% {
        border-radius:50%;
    }

    95% {
        opacity:1;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}