/*!
 * bootstrap-grid 2.0.1
 * Copyright 2015-present, Santeri Hiltunen
 * Licensed under MIT (https://github.com/Hilzu/bootstrap-grid/blob/master/LICENSE)
 */.container, .container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@-ms-viewport{width:device-width}.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs, th.visible-xs{display:table-cell!important}.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm, th.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md, th.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg, th.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print, th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before{content:" ";display:table}.clearfix:after, .container-fluid:after, .container:after, .row:after{clear:both}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}[data-tip] {
  position: relative;
}[data-tip]:hover:after {display: inline-block;}[data-tip]:after {display: none;position: absolute;z-index: 1000000;pointer-events: none;background: rgba(0, 0, 0, .8);color: white;padding: 4px 8px;border-radius: 2px;content: attr(data-tip);white-space: nowrap;font-size: 8pt;}[data-tip][data-tip-above]:after {left: 50%;bottom: 100%;-webkit-transform: translate(-50%, -4px);transform: translate(-50%, -4px);}[data-tip][data-tip-below]:after {left: 50%;top: 100%;-webkit-transform: translate(-50%, 4px);transform: translate(-50%, 4px);}[data-tip][data-tip-right]:after {left: 100%;top: 50%;-webkit-transform: translate(4px, -50%);transform: translate(4px, -50%);}[data-tip][data-tip-left]:after {right: 100%;top: 50%;-webkit-transform: translate(-4px, -50%);transform: translate(-4px, -50%);}*{
  box-sizing:border-box;
}body{
  margin:0;
  padding:0;
  color:#252525;
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  background-position:center top;
  font-size:14pt;
  overflow-x:hidden;
}h1, h2, h3, h4, h5, h6{
  font-family:'Avenir Next','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:500;
}body, button, input{
  font-family:'Avenir Next','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
}.landing{
  text-align:center;
}img{
  max-width:100%;
}a{
  text-decoration:underline;
}a, a:hover, a:focus, a:active{
  color:inherit;
}strong{
  font-weight:600;
}.text--primary{
  color:#6f6fda;
}.text--pink{
  color:#D400A0;
}.text--green{
  color:#00C8AC;
}.swal2-modal *{
  font-family:inherit !important;
}.align-right{
  text-align:right;
}

body{
  background-color:#171734;
  color:#FFFFFF;
  font-weight:400;
}
body.light{
  background:#FFFFFF;
  color:#252525;
}
h1, h2, h3, h4, h5, h6{
  text-transform:uppercase;
}
::-moz-selection{
  background:#6f6fda;
  color:#FFFFFF;
}
::selection{
  background:#6f6fda;
  color:#FFFFFF;
}
.site-menu{
  padding:24px;
  font-size:11pt;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:2pt;
}
.site-menu .container{
  width:100%;
  padding:0;
}
.site-menu a{
  text-decoration:none;
}
.site-menu .logo-vector{
  position:relative;
  vertical-align:middle;
  top:-2px;
}
.container{
  max-width:100%;
}
.site-nav a{
  text-decoration:none;
  transition-property:opacity;
  transition-duration:0.3s;
  display:inline-block;
  padding:2px 0;
  margin:0 8px;
}
.site-nav a:hover{
  opacity:0.8;
}
.site-nav .divider{
  margin:0 8px;
  font-size:8pt;
  color:#F1EFF8;
}
.site-menu-mobile-menu{
  display:none;
}
.site-menu-center{
  text-align:center;
}
.site-menu-left{
  text-align:left;
}
.site-menu-right{
  text-align:right;
}
.site-menu-logo{
  vertical-align:middle;
}
.site-footer{
  text-align:left;
  font-size:11pt;
  font-weight:300;
  letter-spacing:1pt;
  background:#07061d;
  color:#FFFFFF;
  margin-top:64px;
}
.button{
  display:inline-block;
  background:#FFFFFF;
  color:#252525;
  border:0;
  font-size:11pt;
  font-weight:400;
  padding:.8em 1.6em;
  text-decoration:none;
  outline:none;
  height:auto;
  line-height:normal;
  text-transform:inherit;
  border-radius:10em;
  -webkit-transform:translateY(0);
          transform:translateY(0);
  transition-property:-webkit-transform;
  transition-property:transform;
  transition-property:transform, -webkit-transform;
  transition-duration:300ms;
}
.button:hover{
  -webkit-transform:translateY(-2px);
          transform:translateY(-2px);
  box-shadow:inset 0 0 0 1000px rgba(255, 255, 255, .1);
}
.button-big{
  font-size:14pt;
}
.button-medium{
  font-size:12pt;
}
.button-small{
  font-size:9pt;
  line-height:1.5em;
}
.button-tiny{
  padding:.6em 1em;
  font-size:10pt;
}
.button a{
  text-decoration:none;
}
.button-primary{
  background:#6f6fda;
  color:#FFFFFF;
}
.button-pink{
  background:#D400A0;
  color:#FFFFFF;
}
.button-green{
  background:#00C8AC;
  color:#FFFFFF;
}
.button-dark{
  color:#FFFFFF;
  background:#252525;
}
.button-light{
  color:#252525;
  background:#FFFFFF;
}
.button-outline{
  background:none;
  border:solid 1px #252525;
}
.button-outline.button-primary{
  color:#6f6fda;
  border-color:#6f6fda;
}
.button-outline.button-pink{
  color:#D400A0;
  border-color:#D400A0;
}
.button-outline.button-green{
  color:#00C8AC;
  border-color:#00C8AC;
}
.button-outline.button-light{
  color:#FFFFFF;
  border-color:#FFFFFF;
}
.button-outline.button-dark{
  color:#252525;
  border-color:#252525;
}
.button-outline:hover{
  background:rgba(255, 255, 255, .1);
}
.button:hover{
  cursor:pointer;
}
.button:active{

}
.button:disabled{
  opacity:0.5;
}
.button:focus{

}
.button-wow{
  font-weight:500;
  box-shadow:0 0 0 10px rgba(255, 255, 255, 0);
  transition-duration:0.3s;
  transition-property:box-shadow;
  padding-left:24px;
}
.button-wow:hover{
  box-shadow:0 0 0 10px rgba(255, 255, 255, .1);
  transition-duration:0.5s;
}
.button-wow:active{
  box-shadow:0 0 0 20px rgba(255, 255, 255, .1);
  transition-duration:0.3s;
}
.toggle{
  padding:4px 10px;
  border:solid 1px #F1EFF8;
  border-radius:1em;
  background:transparent;
  outline:none;
  color:#6E6A81;
  cursor:pointer;
  margin-bottom:4px;
  display:inline-block;
}
.toggle:hover{
  color:#6f6fda;
  border-color:#6f6fda;
}
.toggle-active{
  color:#FFFFFF;
  background:#00C8AC;
  border-color:#00C8AC;
}
.toggle-active{

}
.mobile-menu-icon{
  cursor:pointer;
}
.mobile-only{
  display:none;
}
@media (max-width: 550px){
  .mobile-only{
    display:inline;
  }

  .desktop-only{
    display:none;
  }
}
.init-app{
  background:#6f6fda;
  color:#FFFFFF;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  height:100vh;
  text-align:center;
}
.init-app h1{
  font-weight:normal;
  margin:0;
}
.message{
  border-radius:4px;
  border:solid 1px #F1EFF8;
  padding:24px;
  margin-bottom:8px;
}
.message h1, .message h2, .message h3, .message h4, .message h5, .message h6{
  margin:0;
}
.message p{
  margin:8px 0;
}
.message-warning{
  background:rgba(255, 193, 52, 0.1);
  border-color:#FFC134;
}
.message-danger{
  background:rgba(218, 24, 46, 0.1);
  border-color:#DA182E;
}
.message-info{
  background:rgba(111, 111, 218, 0.1);
  border-color:#6f6fda;
}
.message-success{
  background:rgba(0, 200, 172, 0.1);
  border-color:#00C8AC;
}
.divider-dots{
  border:0;
  margin:32px 0;
  text-align:center;
  font-size:16pt;
}
.divider-dots:before{
  content:'...';
  letter-spacing:12px;
  color:#B1B1B1;
}
.footer-heading{
  font-weight:400;
  font-size:10pt;
  text-transform:uppercase;
  letter-spacing:2pt;
  margin-bottom:16px;
}
.footer-buttons{
  margin:24px 0;
  text-transform:uppercase;
}
.footer-links{
  font-weight:300;
  list-style-type:none;
  padding:0;
  margin:0;
  margin-bottom:32px;
}
.footer-links li{
  margin:12px 0;
}
.footer-links a{
  color:#FFFFFF;
  opacity:0.6;
  text-decoration:none;
}
.footer-links a:hover{
  opacity:1;
}
.footer-content{
  padding:32px;
}
.footer-footer{
  background:rgba(0, 0, 0, 0.2);
  padding:24px;
  text-align:center;
}
.footer-footer span{
  opacity:0.6;
}
.footer-credits{
  opacity:1;
}
.footer-credits a{
  font-weight:600;
  text-decoration:none;
}
.footer-credits a:hover{
  opacity:1;
}
.highlight-link{
  background:rgba(111, 111, 218, 0.3);
  border-radius:2px;
  padding:0 4px;
  text-decoration:none;
}
.highlight-link:hover{
  background:rgba(111, 111, 218, 0.6);
}
.site-page-title{
  font-size:20pt;
  text-align:center;
}
.site-page-heading{
  font-size:16pt;
  text-align:center;
}
.site-card{
  margin:4em auto;
  text-align:center;
  max-width:500px;
  padding:48px;
  background:#FFFFFF;
  color:#252525;
  border-radius:4px;
}
.site-card-title{
  font-size:10pt;
}

.landing{
  font-size:14pt;
}
.landing .site-menu{
  position:absolute;
  top:0;
  left:0;
  right:0;
  transition-property:box-shadow;
  transition-duration:1s;
  z-index:20;
}
.landing-opening{
  padding:32px;
  box-shadow:inset 0 -2px 8px rgba(0, 0, 0, .1);
}
.landing-opening .landing-video{
  margin-bottom:64px;
}
.landing-header{
  text-align:center;
}
.landing-header .site-menu .button{
  color:#FFFFFF;
  border-color:#FFFFFF;
}
.landing-hero{
  text-align:center;
  display:inline-block;
}
.landing-title{
  margin-bottom:8px;
  font-size:27pt;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:2pt;
  margin:0;
  text-shadow:1px 1px 2px black;
}
.landing-tagline{
  letter-spacing:1pt;
  font-size:14pt;
  margin-top:16px 0;
  font-weight:300;
  opacity:0.9;
  text-shadow:1px 1px 2px black;
}
.landing-buttons{
  margin:32px 0;
}
.landing-buttons .button{
  margin:0 8px;
}
.landing-screenshot{
  box-shadow:0 4px 30px 2px rgba(0, 0, 0, .4);
  border-radius:4px;
  max-width:100%;
  margin-bottom:32px 0;
}
.landing-section{
  min-height:100vh;
  padding:96px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.landing-section-tight{
  padding:8px;
}
.landing-section-dark{
  background-color:#6f6fda;
  color:#FFFFFF;
}
.landing-section-light{
  background-color:#FFFFFF;
  color:#252525;
  border-bottom:solid 1px #F1EFF8;
}
.landing-section-title{
  font-size:18pt;
  margin:0;
  margin-bottom:16px;
}
.landing-card{
  background:#FFFFFF;
  color:#252525;
  border-radius:8px;
  padding:16px;
  box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);
}
.landing-section-heading{
  font-size:16pt;
  font-weight:400;
  margin:32px 0;
}
.landing-section-description{
  font-size:14pt;
  font-weight:300;
  max-width:624px;
  margin:0 auto;
  margin-bottom:16px;
}
.landing-section-light .landing-section-description{
  font-weight:400;
}
.landing-text-right{
  text-align:right;
}
.landing-text-left{
  text-align:left;
}
.landing-text-center{
  text-align:center;
}
.landing-section-cta{
  min-height:0;
}
.landing-video{
  max-width:100%;
  border-radius:4px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0, 0, 0, 0.3);
  display:inline-block;
}
.landing-video iframe{
  display:block;
}
.landing-column-image{
  height:180px;
  border-radius:50%;
  display:inline-block;
  background:#171734;
  box-shadow:0 2px 8px rgba(0, 0, 0, 0.3);
  margin-bottom:32px;
  transition-property:-webkit-transform box-shadow;
  transition-property:transform box-shadow;
  transition-property:transform box-shadow, -webkit-transform box-shadow;
  transition-duration:400ms;
}
.landing-column-image:hover{
  -webkit-transform:translateY(-4px);
          transform:translateY(-4px);
  box-shadow:0 6px 8px rgba(0, 0, 0, 0.3);
}
.landing-column-title{
  font-size:14pt;
  font-weight:600;
  margin:0;
}
.landing-column-description{
  color:#9e9ab1;
  font-size:12pt;
}
.landing-links{
  list-style-type:none;
  padding:0;
  margin:0;
}
.landing-links li{
  display:inline-block;
}
.landing hr{
  border:0;
  border-bottom:solid 1px rgba(255, 255, 255, 0.1);
  margin:32px 0;
}
.landing-section-header{
  margin-bottom:64px;
}
.landing-section-light hr{
  border-color:#F1EFF8;
}
.landing-section-light .landing-column-description{
  color:#6E6A81;
}
.be-happy{
  background-color:#6f6fda;
  background-image:url(https://assets.compasshq.com/media/be-happy.7772e2c3.jpg);
  background-size:cover;
  background-position:center;
  color:#FFFFFF;
}
#landing-hero-background{
  top:0;
  left:0;
  bottom:0;
  right:0;
  position:absolute;
  opacity:0.1;
}
#landing-hero-foreground{
  z-index:10;
  position:relative;
}
@media (max-width: 550px){
  .landing-section{
    padding:24px;
  }
}
hr.landing-hidden-divider{
  border-color:transparent;
}
@media only screen and (max-width: 767px){
  .landing-text-right, .landing-text-left{
    text-align:center;
  }

  .landing-section{
    padding:48px 24px;
  }

  .landing-column{
    margin-bottom:48px;
  }

  .site-footer{
    text-align:center;
  }
}

.signup{
  background-color:#6f6fda;
  color:#fff;
  padding-bottom:60px;
}
.signup .landing-strapline{
  margin:40px 0 0;
}
.signup .signup-description{
  max-width:500px;
  margin:0 auto 32px;
}
.signup .signup-form{
  margin:0;
}
.signup .signup-group{
  margin-bottom:24px;
}
.signup .signup-input{
  background:#FFFFFF;
  display:inline-block;
  position:relative;
  border-radius:5px;
  color:#252525;
  padding:8px;
  padding-top:16px;
  padding-bottom:4px;
  margin-bottom:8px;
  font-size:16pt;
}
.signup .signup-input label{
  position:absolute;
  top:6px;
  left:8px;
  color:#B1B1B1;
  font-weight:400;
  font-size:10pt;
}
.signup .signup-input input{
  background:none;
  border:0;
  margin:0;
  padding:0;
  width:200px;
  outline:none;
  font-size:10pt;
}

.pricing{
  text-align:center;
  background:#FFFFFF;
  color:#252525;
  padding:48px 16px;
  border-radius:4px;
}
.pricing-name{
  font-size:16pt;
  color:#252525;
  font-weight:500;
}
.pricing-hint{
  font-size:10pt;
  color:#6E6A81;
}
.pricing-price{
  font-size:22pt;
  font-weight:600;
}
.pricing-main{
  margin:20px 0;
}
@media (max-width: 768px){
  .pricing-plan:not(:last-child){
    width:80vw;
    border-bottom:solid 1px #F1EFF8;
    margin-bottom:24px;
    padding-bottom:24px;
  }
}
@media (min-width: 768px){
  .pricing-plan:not(:last-child){
    border-right:solid 1px #F1EFF8;
  }
}

body{
  background:#171734;
}
.mock-navbar{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  width:56px;
  background:#252525;
}
.mock-sidebar{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  width:440px;
  background:white;
}
.mock-navbar-icon{
  height:32px;
  width:32px;
  margin:11px;
  background:#333;
  border-radius:4px;
}
.mock-navbar-avatar{
  height:32px;
  width:32px;
  background:#333;
  border-radius:4px;
  position:absolute;
  bottom:11px;
  left:11px;
}
.mock-overlay{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0, 0, 0, 0.4);
}
.lock-modal{
  position:fixed;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  color:#252525;
  font-size:12pt;
  box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
  border-radius:4px;
  background:white;
  overflow:hidden;
  max-width:450px;
}
.lock-modal-header{
  padding:32px;
}
.lock-modal-footer{
  padding:16px;
  background:#eee;
  text-align:center;
}
.lock-modal-title{
  font-size:16pt;
  font-weight:600;
  text-align:center;
  margin-bottom:16px;
}
.lock-modal-button{
  background:#6f6fda;
  border-radius:4px;
  color:#fff;
  border:0;
  padding:8px 12px;
  font-size:10pt;
  cursor:pointer;
  border:solid 1px #4242b7;
  text-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
  display:inline-block;
  text-decoration:none;
  transition-property:box-shadow;
  transition-duration:0.3s;
  color:#FFFFFF;
}
.lock-modal-button:hover{
  box-shadow:0 0 0 4px rgba(111, 111, 218, 0.4);
}
.lock-modal-icon{
  color:#B1B1B1;
  font-size:16pt;
  text-align:center;
}
.lock-modal-header p:last-child{
  margin-bottom:0;
}
.lock-modal a{
  color:#6f6fda;
  text-decoration:none;
}
.lock-modal a:hover{
  text-decoration:underline;
}


/*# sourceMappingURL=marketing.ac24f901.css.map*/