.chrome-install {
  background: #EEF4F5;
  min-height: 100vh; }
  .chrome-install .logo {
    height: 38px;
    padding: 20px;
    display: block; }
    .chrome-install .logo img {
      height: 100%;
      width: auto; }
  .chrome-install .content {
    border: none;
    width: 70%;
    margin: 0 auto; }
  .chrome-install h2 {
    font-size: 40px; }
  .chrome-install .btn-green {
    background-color: #30BF64;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    margin-top: 20px;
    box-sizing: border-box;
    padding: 20px 25px;
    width: 400px;
    text-decoration: none;
    font-size: 20px;
    position: relative; }
    .chrome-install .btn-green::after {
      content: "";
      background: url("/img/arrow-right.png") no-repeat center center/cover;
      width: 35px;
      height: 35px;
      display: block;
      position: absolute;
      top: 16px;
      right: 30px; }

.onboarding {
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  height: 100%;
  width: 100%;
  overflow: scroll; }
  .onboarding a {
    text-decoration: none; }
  .onboarding .content {
    background: #E7E7E7;
    border: 14px solid #F85656;
    border-radius: 8px;
    width: 37%;
    min-width: 480px;
    margin: 0 auto;
    top: 100px;
    margin-bottom: 20px;
    font-family: 'proxima-nova';
    position: relative;
    padding: 30px 30px 20px 30px;
    box-sizing: border-box; }
    .onboarding .content.hide {
      opacity: 0;
      visibility: hidden; }
    .onboarding .content img {
      align-self: auto;
      height: auto;
      object-fit: cover;
      display: block;
      margin-bottom: 7px; }
    .onboarding .content h3 {
      font-size: 28px;
      margin: 0;
      line-height: 32px;
      font-weight: 900; }
    .onboarding .content p {
      font-weight: normal;
      font-size: 20px;
      line-height: 24px;
      padding: 0;
      margin: 22px 0px; }
    .onboarding .content form {
      margin-top: 25px;
      margin-bottom: 0px; }
      .onboarding .content form fieldset {
        margin-bottom: 6px;
        margin-right: 0px !important; }
        .onboarding .content form fieldset .error {
          color: red;
          width: 100%;
          font-size: 12px;
          height: 14px;
          display: block; }
      .onboarding .content form .col-35 {
        width: 35%; }
      .onboarding .content form .col-60 {
        width: 60%;
        margin-left: 15px; }
      .onboarding .content form .full {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 20px; }
        .onboarding .content form .full label {
          width: 90%; }
        .onboarding .content form .full input {
          margin-top: 15px;
          width: 65%; }
      .onboarding .content form img {
        width: 81px;
        height: 81px;
        background: #D8D8D8;
        border: 1px solid #979797;
        border-radius: 50%; }
      .onboarding .content form input, .onboarding .content form textarea {
        border: 1px solid #EECDCD;
        background: #fff;
        border-radius: 6px;
        height: 33px;
        line-height: 33px;
        outline: none;
        width: 100%;
        font-size: 16px;
        padding: 0px 10px;
        color: #000; }
        .onboarding .content form input::placeholder, .onboarding .content form textarea::placeholder {
          color: #9a9a9a; }
      .onboarding .content form textarea {
        padding: 10px;
        box-sizing: border-box;
        height: 93px;
        resize: none;
        margin-bottom: 0; }
      .onboarding .content form .btn-upload {
        background: #000;
        color: #EECDCD;
        font-size: 16px;
        font-weight: 900;
        height: 33px;
        width: 111px;
        margin-top: 10px;
        padding: 0px 32px 0px 15px;
        box-sizing: border-box;
        line-height: 33px;
        border-radius: 6px;
        text-transform: uppercase; }
      .onboarding .content form label {
        display: block;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 5px;
        -webkit-font-smoothing: antialiased; }
        .onboarding .content form label small {
          font-size: 14px !important; }
          .onboarding .content form label small b {
            font-weight: normal; }
    .onboarding .content .btn-black {
      background: #000;
      border-radius: 8px;
      color: #fff;
      display: inline-block;
      font-weight: bold;
      font-size: 20px;
      float: right;
      outline: none;
      cursor: pointer;
      text-transform: uppercase;
      text-decoration: none;
      padding: 16px 25px;
      margin-right: -20px; }
      .onboarding .content .btn-black i.loading {
        display: none;
        position: relative;
        top: 3px;
        width: 30px;
        height: 20px;
        background: url("/img/loader.gif") no-repeat center center/cover; }
      .onboarding .content .btn-black.with-icon {
        height: 59px;
        box-sizing: border-box;
        padding: 0px 20px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        margin-top: 10px; }
      .onboarding .content .btn-black i {
        width: 34px;
        height: 43px;
        position: relative;
        top: 6px;
        margin-left: 10px;
        display: inline-block;
        background: url("/img/thumbs-up.svg") no-repeat center center/cover; }
  .onboarding.info {
    text-align: center; }
    .onboarding.info.invite {
      background: none; }
      .onboarding.info.invite.header-invite {
        position: absolute;
        height: 310px;
        top: 105px;
        overflow: initial; }
        .onboarding.info.invite.header-invite .content {
          left: -300px;
          top: 0; }
      .onboarding.info.invite.hide {
        display: none; }
      .onboarding.info.invite .content {
        width: 450px !important;
        left: 83px;
        top: 119px;
        border: 1px solid #979797;
        border-radius: 8px; }
        .onboarding.info.invite .content.top-icon:after {
          left: auto;
          right: 47px; }
        .onboarding.info.invite .content .btn-black {
          float: right;
          margin-top: 55px; }
    .onboarding.info .content {
      border: none;
      display: inline-block;
      position: relative;
      text-align: left;
      top: 130px;
      min-width: auto !important;
      width: 360px !important;
      margin-right: 45px;
      z-index: 9999;
      padding: 30px 30px 40px 30px;
      box-shadow: rgba(101, 101, 101, 0.5) 0px 10px 10px;
      transition: all 0.2s ease; }
      .onboarding.info .content .ref-link {
        float: left;
        position: relative;
        top: 3px; }
        .onboarding.info .content .ref-link .tooltip {
          position: absolute;
          opacity: 0;
          z-index: -1;
          left: 0;
          right: 0;
          top: -17px;
          background: #6A2B8F;
          width: 100px;
          margin: auto;
          color: #fff;
          border-radius: 2px;
          padding: 5px;
          text-align: center;
          border-radius: 5px;
          font-weight: bold;
          font-size: 15px;
          transition: all 0.3s ease; }
        .onboarding.info .content .ref-link .tooltip.show {
          opacity: 1;
          z-index: 9999;
          top: -28px; }
        .onboarding.info .content .ref-link .tooltip:after {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          left: 0;
          right: 0;
          bottom: -8px;
          margin: auto;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 10px solid #6A2B8F; }
      .onboarding.info .content .refLink {
        background: #6A2B8F;
        border-radius: 7px;
        color: #fff !important;
        width: 220px;
        display: block;
        border: 1px solid #8D7FD1;
        text-align: center;
        margin: 13px 3px;
        cursor: pointer;
        font-size: 15px;
        padding: 12px 0px;
        font-weight: bold;
        -webkit-font-smoothing: antialiased;
        outline: none; }
        .onboarding.info .content .refLink::placeholder {
          color: #fff; }
      .onboarding.info .content .social-share {
        display: inline-block;
        margin: 15px 0px 0px 0px;
        justify-content: center; }
      .onboarding.info .content .social-share a {
        text-decoration: none;
        margin-left: 5px;
        display: inline-block; }
      .onboarding.info .content .social-share div.fb-share-button {
        display: inline-block; }
      .onboarding.info .content .social-share a img {
        width: 46px;
        height: 46px;
        margin: 0; }
      .onboarding.info .content:last-child {
        margin-right: 0px; }
      .onboarding.info .content.left-icon:after {
        content: '';
        display: block;
        position: absolute;
        width: 50px;
        height: 100px;
        background: url("/img/left.png") no-repeat center center/cover;
        top: 50px;
        left: -50px; }
      .onboarding.info .content.top-icon:after {
        content: '';
        display: block;
        position: absolute;
        width: 100px;
        height: 50px;
        top: -50px;
        left: 0;
        right: 0;
        margin: auto;
        background: url("/img/top.png") no-repeat center center/cover; }
      .onboarding.info .content.bottom-icon:before {
        content: '';
        display: block;
        position: absolute;
        width: 100px;
        height: 50px;
        bottom: -50px;
        left: 0;
        right: 0;
        margin: auto;
        background: url("/img/bottom.png") no-repeat center center/cover; }
      .onboarding.info .content.right-icon:after {
        content: '';
        display: block;
        position: absolute;
        width: 50px;
        height: 100px;
        background: url("/img/right.png") no-repeat center center/cover;
        top: 50px;
        right: -50px; }
      .onboarding.info .content .btn-black {
        height: 59px;
        box-sizing: border-box;
        padding: 0px 16px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        float: none;
        margin-right: 0px; }
        .onboarding.info .content .btn-black i {
          width: 34px;
          height: 43px;
          position: relative;
          top: 9px;
          margin-left: 10px;
          display: inline-block;
          background: url("/img/thumbs-up.svg") no-repeat center center/cover; }

.edu-features {
  max-width: 1088px;
  margin: 65px auto; }
  .edu-features img {
    width: 100%; }
  .edu-features .feature {
    margin-bottom: 85px; }
    .edu-features .feature:first-child {
      padding: 0px 20px; }
    .edu-features .feature.right {
      text-align: right; }
    .edu-features .feature.line {
      position: relative;
      height: 400px;
      overflow: hidden;
      align-items: center;
      display: flex; }
      .edu-features .feature.line img {
        width: 60%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        right: 0;
        top: 0; }
      .edu-features .feature.line div {
        width: 70%;
        position: relative;
        z-index: 999; }
      .edu-features .feature.line h3 {
        margin: 0 0 13px 0; }
      .edu-features .feature.line p {
        width: 65%; }
    .edu-features .feature h3 {
      font-size: 28px;
      margin-bottom: 22px; }
      .edu-features .feature h3.mt-30 {
        margin-top: -30; }
      .edu-features .feature h3.mt-50 {
        margin-top: -50px; }
      .edu-features .feature h3.mt-135 {
        margin-top: -135px; }
      .edu-features .feature h3.mt-150 {
        margin-top: -150px; }
    .edu-features .feature p {
      width: 45%;
      font-size: 1.125rem;
      margin: 0;
      color: #141414;
      font-weight: 500;
      display: inline-block; }

h2.edu-title {
  font-size: 56px;
  text-align: center;
  margin: 141px 0px 112px 0px; }

.edu {
  margin-bottom: 291px; }

.edu .btn.btn-black {
  font-weight: bold;
  left: -20px; }

.journalism-features {
  max-width: 1088px;
  margin: 0 auto; }
  .journalism-features h2 {
    margin: 0 0 53px 0;
    text-align: center;
    font-size: 44px; }
  .journalism-features .feature {
    display: flex;
    align-items: center;
    margin-bottom: 32px; }
    .journalism-features .feature img {
      margin-right: 43px; }
    .journalism-features .feature .text {
      padding-right: 125px; }
      .journalism-features .feature .text p {
        font-size: 18px;
        color: #141414;
        line-height: 24px;
        font-weight: 500; }
    .journalism-features .feature.right {
      text-align: right; }
      .journalism-features .feature.right .text {
        padding-left: 65px;
        padding-right: 0; }
      .journalism-features .feature.right img {
        margin-right: 0px;
        margin-left: 43px; }
    .journalism-features .feature h3 {
      font-size: 28px;
      line-height: 28px;
      font-weight: bold;
      margin: 0px 0px 23px 0px; }
  .journalism-features .digest {
    justify-content: center; }
    .journalism-features .digest .text {
      text-align: right;
      width: 42%;
      padding-right: 71px;
      box-sizing: border-box; }
    .journalism-features .digest img {
      padding: 0; }
  .journalism-features .title-big {
    line-height: 52px;
    margin: 114px auto 70px auto; }

.journalism-title {
  font-size: 64px;
  line-height: 60px;
  margin: 126px auto 60px auto;
  text-align: center; }

.journalism-black-btn {
  width: 320px !important;
  font-weight: bold;
  box-sizing: border-box; }

.overlay-journalism {
  top: 0 !important;
  padding: 0 !important; }
  .overlay-journalism .logo {
    height: 34px !important; }
  .overlay-journalism .logo img {
    height: 34px !important;
    margin-right: 0 !important; }
  .overlay-journalism img {
    margin: 0 auto;
    display: block; }
  .overlay-journalism h3 {
    text-align: center;
    margin-bottom: 43px !important; }
  .overlay-journalism .form-content {
    display: flex;
    width: 70%;
    justify-content: space-between;
    margin: 60px auto; }
    .overlay-journalism .form-content .col {
      width: 48%; }
    .overlay-journalism .form-content fieldset {
      width: 100%;
      float: none;
      display: flex; }
      .overlay-journalism .form-content fieldset label {
        font-size: 18px;
        color: #141414;
        font-weight: 500;
        margin-bottom: 5px; }
      .overlay-journalism .form-content fieldset input {
        border: solid 1px #979797;
        background-color: #f6f6f6;
        padding: 18px 10px;
        outline: none; }
      .overlay-journalism .form-content fieldset textarea {
        width: 100%;
        outline: none;
        padding: 18px 10px;
        border: solid 1px #979797;
        background-color: #f6f6f6; }
  .overlay-journalism .form-msg.error {
    text-align: center; }
  .overlay-journalism .send-demo-request {
    padding: 30px 65px 30px 56px !important;
    text-transform: initial !important;
    float: none !important;
    width: auto !important; }

footer.journalism {
  margin-top: 304px !important; }

.top-banner.mission {
  height: 400px;
  background: url(../img/edu/illlustration-edu.png) no-repeat !important;
  background-size: 43% !important;
  background-position: bottom left !important; }
  .top-banner.mission div {
    top: 0px;
    left: -10%;
    margin-left: 0;
    max-width: 55%; }
    .top-banner.mission div h2 {
      font-size: 43px; }

.mission-text {
  margin-top: 20px; }
  .mission-text p {
    width: 40%;
    margin: 0 auto 40px auto;
    font-size: 1.125rem;
    color: #141414;
    line-height: 28px; }
    .mission-text p a {
      border-bottom: solid 1px #02de74;
      padding-bottom: 3px;
      cursor: pointer; }
  .mission-text img {
    width: 55%;
    margin: 0 auto;
    display: inherit; }
  .mission-text blockquote {
    width: 40%;
    margin: 18px auto 58px auto;
    font-size: 32px;
    color: #141414;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    position: relative;
    left: 110px; }
    .mission-text blockquote small {
      display: block;
      font-size: 14px !important;
      margin-top: 24px !important;
      letter-spacing: -0.77px;
      font-family: 'Montserrat', sans-serif; }

.mission .btn.btn-black {
  font-weight: bold;
  left: -20px; }

.library-border-container {
  width: 100%;
  height: 0;
  overflow: hidden;
  border-bottom: 0px solid transparent;
  transition: height 0.5s ease; }

.library-border-container.open {
  border-bottom: 5px solid #d8d8d8;
  height: 100%;
  max-height: 405px; }

.hub-header {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 0px 11px;
  width: 100%;
  box-sizing: border-box;
  z-index: 99;
  font-family: proxima-nova, sans-serif;
  position: relative; }
  .hub-header.vertical-menu {
    margin-bottom: 100px; }
    .hub-header.vertical-menu .hamburger-menu {
      display: none; }
    .hub-header.vertical-menu .back-button {
      display: inline-flex !important; }
    .hub-header.vertical-menu nav {
      width: 100%;
      min-height: auto;
      opacity: 1;
      display: block; }
      .hub-header.vertical-menu nav a {
        display: inline-block;
        width: auto; }
    .hub-header.vertical-menu .switcher {
      background: none; }
      .hub-header.vertical-menu .switcher i {
        opacity: 0; }
  .hub-header div {
    display: flex; }
    .hub-header div a, .hub-header div .menu {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin-right: 10px;
      padding: 0px 11px;
      background: #2a1a30;
      width: 50px;
      height: 45px;
      position: relative;
      box-sizing: border-box;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      transition: all 0.2s ease; }
      .hub-header div a i, .hub-header div .menu i {
        display: block;
        background-size: cover !important; }
  .hub-header .menu {
    cursor: pointer;
    z-index: 999; }
    .hub-header .menu span {
      width: 22px;
      height: 4px;
      background: #FFF;
      border-radius: 3px;
      display: block;
      margin-bottom: 3px;
      transition: transform 0.5s ease; }
    .hub-header .menu.open {
      background: #2ecd6e; }
      .hub-header .menu.open span {
        height: 2px; }
        .hub-header .menu.open span:nth-child(1) {
          transform: rotate(-130deg); }
        .hub-header .menu.open span:nth-child(2) {
          transform: rotate(130deg);
          top: -5px;
          position: relative; }
        .hub-header .menu.open span:nth-child(3) {
          display: none; }
  .hub-header.open nav {
    display: block;
    opacity: 1;
    -webkit-box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.75);
    min-height: inherit; }
    .hub-header.open nav a {
      margin-bottom: 10px; }
  .hub-header.open .switcher {
    background: none; }
    .hub-header.open .switcher i {
      opacity: 0; }
  .hub-header .back-button {
    display: none !important; }
  .hub-header nav {
    width: 100%;
    min-height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 99;
    opacity: 0;
    display: none; }
    .hub-header nav:before {
      content: '';
      background: #1a1a1a;
      height: 101px;
      display: block;
      width: 100%; }
    .hub-header nav a {
      width: auto;
      display: inline-block;
      height: auto;
      background: none;
      color: #807f7f;
      border-radius: 0;
      padding: 25px 3px 7px 3px;
      margin-left: 10px;
      font-size: 20px;
      border-bottom: 6px solid transparent;
      cursor: pointer;
      text-decoration: none;
      font-weight: 600;
      -webkit-font-smoothing: antialiased; }
      .hub-header nav a:hover, .hub-header nav a.selected {
        border-bottom: 6px solid #1a1a1a;
        color: #1a1a1a; }
      .hub-header nav a:first-child {
        margin-left: 40px; }
  .hub-header .search {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: 10px;
    padding: 0px 11px;
    background: #2a1a30;
    width: 50px;
    height: 45px;
    position: relative;
    box-sizing: border-box;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    transition: all 0.2s ease; }
    .hub-header .search button {
      width: 20px;
      height: 20px;
      background: url(../img/icons/search.png) no-repeat;
      display: inline-block;
      background-size: cover !important;
      border: none;
      outline: none; }
    .hub-header .search:hover fieldset {
      display: block; }
    .hub-header .search form {
      height: 45px;
      display: flex;
      align-items: center;
      margin: 0; }
      .hub-header .search form fieldset {
        display: none;
        height: 45px;
        left: 32px;
        position: absolute;
        padding: 0px 10px;
        z-index: 999;
        width: 246px;
        background: #2a1a30;
        border-bottom-right-radius: 8px; }
      .hub-header .search form input {
        border: none;
        border-radius: 6px;
        height: 22px;
        padding: 5px 10px;
        box-sizing: border-box;
        margin-left: 13px;
        outline: none;
        position: relative;
        top: 11px; }
      .hub-header .search form a {
        display: inline-block;
        height: auto;
        padding: 1px 10px;
        margin: 0;
        position: absolute;
        color: #fff;
        text-transform: uppercase;
        border-radius: 4px;
        border: 1px solid #FFf;
        width: auto;
        top: 12px;
        font-size: 0.875rem;
        right: 16px;
        cursor: pointer;
        background: #000; }
  .hub-header .select {
    position: relative;
    align-items: center;
    width: 100px;
    height: 45px;
    background: #2a1a30;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px; }
    .hub-header .select.show {
      display: flex !important; }
      .hub-header .select.show .list.show {
        display: block !important; }
    .hub-header .select div.selected {
      display: flex !important;
      width: 100%;
      background: #2a1a30;
      padding: 5px 20px 5px 10px;
      color: #fff;
      height: 45px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
      box-sizing: border-box;
      position: relative;
      align-items: center;
      font-weight: bold;
      cursor: pointer; }
      .hub-header .select div.selected span {
        width: 65px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        white-space: nowrap; }
    .hub-header .select div.selected:after {
      content: "";
      position: absolute;
      right: 9px;
      background: url(../img/icons/arrow-down.png) no-repeat center center/cover !important;
      width: 12px;
      height: 8px; }
    .hub-header .select .list {
      position: absolute;
      left: 0;
      overflow: hidden;
      top: 45px;
      white-space: nowrap;
      margin-top: -15px;
      padding: 15px 5px 20px 5px;
      box-sizing: border-box;
      display: none !important;
      background: #2a1a30;
      min-width: 120px;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }
      .hub-header .select .list div {
        display: block !important;
        max-height: 400px;
        overflow: scroll; }
    .hub-header .select a {
      display: block !important;
      background: none;
      width: auto;
      height: auto;
      margin-bottom: 5px;
      padding: 5px 10px;
      margin-right: 0;
      text-decoration: none;
      color: #FFF;
      cursor: pointer;
      border-bottom: 1px solid #818181;
      border-radius: 0; }
      .hub-header .select a:last-child {
        border: 0; }
      .hub-header .select a:hover {
        color: #2ecd6e; }
  .hub-header .logo {
    width: 72px;
    background: none;
    margin-left: 10px; }
    .hub-header .logo img {
      height: 24px;
      object-fit: cover; }
  .hub-header .library i {
    width: 24px;
    height: 25px;
    background: url(../img/icons/library.svg) no-repeat;
    display: inline-block;
    background-size: cover !important; }
  .hub-header .post:hover .create-options {
    display: block; }
  .hub-header .post i {
    width: 23px;
    height: 20px;
    background: url(../img/icons/pen.png) no-repeat;
    display: inline-block;
    background-size: cover !important; }
  .hub-header .post .create-options {
    display: none;
    top: 46px;
    position: absolute; }
    .hub-header .post .create-options a {
      display: flex;
      margin-right: 0px;
      border-radius: 8px;
      margin-bottom: 2px; }
      .hub-header .post .create-options a.pdf i {
        width: 23px;
        height: 24px;
        background: url(../img/icons/pdf.svg) no-repeat;
        display: inline-block;
        background-size: cover !important; }
      .hub-header .post .create-options a.ebook i {
        width: 25px;
        height: 25px;
        background: url(../img/icons/ebook.svg) no-repeat;
        display: inline-block;
        background-size: cover !important; }
  .hub-header .explore i {
    width: 23px;
    height: 23px;
    background: url(../img/icons/explore.png) no-repeat;
    display: inline-block;
    background-size: cover !important; }
  .hub-header .statistics i {
    width: 23px;
    height: 20px;
    background: url(../img/icons/statistics.png) no-repeat;
    display: inline-block;
    background-size: cover !important; }
  .hub-header .profile i {
    width: 16px;
    height: 21px;
    background: url(../img/icons/profile.png) no-repeat;
    display: inline-block;
    background-size: cover !important; }
  .hub-header .notification {
    color: #FFF;
    font-weight: bold;
    font-size: 1.25rem; }
    .hub-header .notification.red {
      background: #f63247; }
  .hub-header .switcher-wrapper {
    padding: 0px 24px 40px 24px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    width: 338px;
    margin: 0 auto;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
    display: block;
    height: 96px;
    overflow: hidden; }
    .hub-header .switcher-wrapper.open-menu .switcher {
      background: none; }
      .hub-header .switcher-wrapper.open-menu .switcher i {
        opacity: 0; }
    .hub-header .switcher-wrapper.open {
      background: #2a1a30;
      height: auto; }
      .hub-header .switcher-wrapper.open .switcher {
        padding-bottom: 37px; }
        .hub-header .switcher-wrapper.open .switcher i {
          display: none; }
    .hub-header .switcher-wrapper div {
      display: block; }
    .hub-header .switcher-wrapper .library-list {
      margin-top: 33px; }
      .hub-header .switcher-wrapper .library-list ul {
        margin: 0 0 30px 0;
        padding: 25px 0px 33px 0px;
        border-bottom: 1px solid #979797;
        border-top: 1px solid #979797; }
        .hub-header .switcher-wrapper .library-list ul li {
          list-style-type: none;
          padding: 0;
          margin: 0 0 12px 0; }
          .hub-header .switcher-wrapper .library-list ul li:last-child {
            margin-bottom: 0px; }
          .hub-header .switcher-wrapper .library-list ul li a {
            color: #000000;
            font-weight: bold;
            text-decoration: none;
            width: auto;
            height: auto;
            padding: 12px 0px;
            display: block;
            text-align: center;
            border-radius: 8px;
            position: relative;
            -webkit-font-smoothing: antialiased;
            margin-right: 0px; }
            .hub-header .switcher-wrapper .library-list ul li a:after {
              content: '';
              background: url(../img/icons/arrow-right.png) no-repeat;
              background-size: cover;
              width: 25px;
              height: 19px;
              position: absolute;
              right: 14px;
              top: 12px; }
            .hub-header .switcher-wrapper .library-list ul li a:hover {
              opacity: 0.8; }
            .hub-header .switcher-wrapper .library-list ul li a.purple {
              background: #b194ff; }
            .hub-header .switcher-wrapper .library-list ul li a.yellow {
              background: #ffc626; }
            .hub-header .switcher-wrapper .library-list ul li a.blue {
              background: #6292ff; }
      .hub-header .switcher-wrapper .library-list button {
        border-radius: 8px;
        border: solid 1px #a1a1a1;
        background-color: #000000;
        color: #fff;
        padding: 12px 22px;
        font-size: 1rem;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        outline: none; }
  .hub-header .switcher {
    background: #2ecd6e;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    flex-direction: column;
    padding: 0px 8px 0px 8px;
    margin: 0 auto;
    width: 287px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    color: #FFF; }
    .hub-header .switcher .content {
      background: #fff;
      display: block;
      width: auto;
      height: auto;
      margin: 0;
      color: #000;
      padding: 3px 0px;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }
      .hub-header .switcher .content span, .hub-header .switcher .content a:link, .hub-header .switcher .content a:visited {
        font-size: 1.125rem;
        font-weight: 600;
        width: 100%;
        padding: 20px 15px;
        height: 100%;
        border: none;
        text-align: center;
        background: none;
        outline: none;
        display: block;
        box-sizing: border-box;
        color: #000;
        text-decoration: none; }
      .hub-header .switcher .content.purple {
        background: #b194ff; }
      .hub-header .switcher .content.yellow {
        background: #ffc626; }
      .hub-header .switcher .content.blue {
        background: #6292ff; }
    .hub-header .switcher i {
      width: 20px;
      height: 13px;
      background: url(../img/icons/arrow-down.png) no-repeat;
      display: inline-block;
      background-size: cover !important;
      margin: 12px auto;
      position: relative; }
  .hub-header .header-info-box {
    display: block;
    position: relative;
    left: 150px;
    width: 145px;
    font-family: proxima-nova, sans-serif;
    z-index: 999; }
    .hub-header .header-info-box div {
      flex-direction: column;
      margin-top: 8px; }
      .hub-header .header-info-box div.used b {
        background: #2ecd6e;
        width: 5%; }
    .hub-header .header-info-box span {
      width: 100%;
      display: block;
      border-radius: 3px;
      background-color: #cfcfcf;
      height: 13px;
      margin-bottom: 2px;
      position: relative; }
      .hub-header .header-info-box span b {
        width: 5%;
        height: 13px;
        display: block;
        border-radius: 3px;
        position: absolute;
        left: 0; }
    .hub-header .header-info-box label {
      color: #5e5e5e;
      font-size: 0.75rem;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      display: block; }
    .hub-header .header-info-box a {
      width: auto !important;
      height: auto !important;
      background: none !important;
      padding: 0;
      cursor: pointer;
      margin: 0;
      color: #5e5e5e;
      text-decoration: underline; }
      .hub-header .header-info-box a:hover {
        color: #2ecd6e; }

.hub-container {
  display: flex;
  justify-content: space-between;
  margin-top: 0px;
  position: relative;
  z-index: 9;
  font-family: proxima-nova, sans-serif;
  min-height: 660px;
  height: calc(100vh - 94px); }
  .hub-container.edit-content {
    height: calc(100% - 94px); }
    .hub-container.edit-content .content-col {
      height: auto;
      position: relative; }
      .hub-container.edit-content .content-col .field {
        margin-bottom: 15px; }
      .hub-container.edit-content .content-col label {
        display: block;
        margin-bottom: 5px;
        color: #5e5e5e; }
      .hub-container.edit-content .content-col input {
        width: 50% !important;
        border-radius: 4px;
        border: 1px solid #cfcfcf;
        padding: 8px 10px;
        color: #5e5e5e;
        box-sizing: border-box;
        outline: none; }
      .hub-container.edit-content .content-col input:focus {
        border-color: #2ecd6e; }
      .hub-container.edit-content .content-col input[type="submit"] {
        margin-top: 10px;
        background: #2ecd6e;
        color: #FFF;
        font-size: 1rem;
        font-weight: bold;
        text-transform: uppercase;
        padding: 12px 25px;
        width: 50%;
        box-sizing: border-box;
        border: none; }
      .hub-container.edit-content .content-col a {
        background: #000;
        color: #fff;
        display: inline-block;
        padding: 10px 20px;
        text-decoration: none;
        position: absolute;
        right: 0px;
        top: 0;
        font-size: 1.125rem;
        border-radius: 4px; }
  .hub-container .personal-invite.personal-invite h2 {
    margin: 20px 0px;
    font-size: 35px; }
  .hub-container .personal-invite.personal-invite label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: 4px;
    margin-bottom: 4px;
    color: #4737ff;
    text-transform: uppercase; }
  .hub-container .personal-invite.personal-invite input {
    border-radius: 5px;
    border: solid 2px #4737ff;
    background-color: #f5f4ff;
    padding: 9px 16px;
    color: #4737ff;
    font-size: 1.125rem; }
  .hub-container .personal-invite.personal-invite span.error {
    display: block;
    color: red; }
  .hub-container .personal-invite.personal-invite input[type='submit'] {
    cursor: pointer; }
  .hub-container .personal-invite.personal-invite .err-list label {
    color: red;
    letter-spacing: normal;
    text-transform: initial; }
    .hub-container .personal-invite.personal-invite .err-list label.success {
      color: #2ecd6e; }
  .hub-container .left-col {
    background: #2ecd6e;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px;
    left: 0; }
  .hub-container .right-col {
    background: #2ecd6e;
    border-top-left-radius: 23px;
    border-bottom-left-radius: 23px;
    right: 0;
    overflow: initial !important; }
    .hub-container .right-col a {
      position: relative; }
      .hub-container .right-col a .tooltip {
        opacity: 0;
        background: #000;
        border-radius: 4px;
        padding: 10px 15px;
        color: #fff;
        font-size: 14px;
        right: 90px;
        font-weight: bold;
        top: 7px;
        width: 130px;
        box-sizing: border-box;
        position: absolute;
        transition: all 0.3s ease; }
        .hub-container .right-col a .tooltip::after {
          content: "";
          width: 0;
          height: 0;
          position: absolute;
          right: -10px;
          top: 10px;
          border-top: 10px solid transparent;
          border-left: 10px solid #000;
          border-bottom: 10px solid transparent; }
      .hub-container .right-col a:hover {
        border: none; }
        .hub-container .right-col a:hover .tooltip {
          opacity: 1;
          right: 100px; }
        .hub-container .right-col a:hover img {
          border: none !important;
          filter: none !important; }
    .hub-container .right-col a.all {
      filter: brightness(0.5); }
    .hub-container .right-col a:not(.all) img {
      filter: brightness(0.5);
      border: none; }
  .hub-container .right-col, .hub-container .left-col {
    padding: 42px 0px;
    width: 110px;
    min-height: 645px;
    height: calc(100% - 30px);
    box-sizing: border-box;
    overflow: scroll;
    position: relative;
    top: 20px;
    text-align: center; }
    .hub-container .right-col h3, .hub-container .left-col h3 {
      font-size: 0.75rem;
      text-transform: uppercase;
      color: #5e5e5e;
      font-weight: 900;
      -webkit-font-smoothing: antialiased;
      text-align: center;
      margin-bottom: 28px; }
    .hub-container .right-col a, .hub-container .left-col a {
      display: block;
      margin-bottom: 15px;
      cursor: pointer; }
      .hub-container .right-col a.active img, .hub-container .right-col a:hover img, .hub-container .left-col a.active img, .hub-container .left-col a:hover img {
        border: 4px solid white; }
      .hub-container .right-col a.placeholder, .hub-container .left-col a.placeholder {
        width: 56px;
        background: #189a4d;
        height: 56px;
        border-radius: 50%;
        border: 4px solid #40dd80; }
      .hub-container .right-col a.all, .hub-container .left-col a.all {
        background: #3c3c3c;
        color: #FFF;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1rem;
        font-weight: bold;
        text-transform: uppercase;
        width: 51px;
        height: 51px;
        margin: 0px auto 15px auto;
        border-radius: 50%;
        cursor: pointer; }
        .hub-container .right-col a.all.active, .hub-container .left-col a.all.active {
          border: 7px solid white; }
      .hub-container .right-col a:hover img, .hub-container .left-col a:hover img {
        transform: scale(1.1); }
      .hub-container .right-col a img, .hub-container .left-col a img {
        width: 53px;
        height: 53px;
        border-radius: 50%;
        object-fit: cover;
        transition: all 0.2s ease;
        border: 4px solid #40dd80; }
  .hub-container.env-library .right-col, .hub-container.env-library .left-col, .hub-container.env-library .content-col {
    height: auto;
    min-height: 100vh; }
  .hub-container .content-col {
    width: calc(80% - 220px);
    min-width: 870px;
    min-height: 580px;
    margin: 75px auto 0px auto;
    overflow: scroll;
    height: calc(100vh - 175px); }
    .hub-container .content-col .row {
      margin-bottom: 8px; }
      .hub-container .content-col .row.item-list.loader:after {
        content: "";
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.8) url(/img/loader.svg) no-repeat center center/cover;
        background-size: 10%;
        top: 0;
        z-index: 9999; }
      .hub-container .content-col .row .box {
        height: 197px;
        background-size: cover !important;
        width: 32.8%;
        position: relative;
        transition: all 0.2s ease;
        flex-direction: column;
        font-family: proxima-nova, sans-serif;
        font-weight: bold;
        display: inline-block; }
        .hub-container .content-col .row .box.list-item {
          margin-right: 4px;
          margin-bottom: 4px; }
        .hub-container .content-col .row .box img {
          width: 100%;
          height: 197px;
          object-fit: cover;
          background-color: black; }
          .hub-container .content-col .row .box img.lazy-image {
            opacity: 0.1;
            will-change: opacity;
            transition: all 0.3s; }
          .hub-container .content-col .row .box img.lazy-image.loaded {
            opacity: 1; }
        .hub-container .content-col .row .box:hover .info-box {
          background: rgba(0, 0, 0, 0.8);
          height: 100%;
          position: absolute;
          z-index: 999;
          padding: 15px 33px 33px 20px;
          box-sizing: border-box;
          font-family: proxima-nova, sans-serif;
          -webkit-font-smoothing: antialiased;
          transition: height 0.2s ease; }
          .hub-container .content-col .row .box:hover .info-box label {
            display: none; }
          .hub-container .content-col .row .box:hover .info-box p {
            display: -webkit-box !important;
            overflow: hidden;
            display: block; }
          .hub-container .content-col .row .box:hover .info-box .btn-content {
            display: flex !important; }
          .hub-container .content-col .row .box:hover .info-box p, .hub-container .content-col .row .box:hover .info-box span {
            color: #a6a6a6;
            font-size: 0.875rem;
            font-weight: 600; }
        .hub-container .content-col .row .box .info-box {
          background: rgba(0, 0, 0, 0.7);
          padding: 10px 15px 15px 15px;
          color: #FFF;
          height: 85px;
          box-sizing: border-box;
          flex-direction: column;
          justify-content: space-between;
          overflow: hidden;
          position: absolute;
          bottom: 0;
          width: 100%; }
          .hub-container .content-col .row .box .info-box .btn-content {
            display: none;
            background: #000000;
            height: 40px;
            align-items: center;
            padding: 0px 25px;
            bottom: 0;
            position: absolute;
            width: 100%;
            left: 0; }
          .hub-container .content-col .row .box .info-box h3 {
            margin: 0;
            font-size: 1.125rem;
            font-weight: bold;
            max-height: 43px;
            overflow: hidden; }
            .hub-container .content-col .row .box .info-box h3 a {
              color: #fff;
              font-size: 1.125rem;
              text-decoration: none;
              text-transform: initial;
              font-family: 'proxima-nova';
              overflow: hidden;
              font-weight: bold;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical; }
          .hub-container .content-col .row .box .info-box a {
            color: #0CFF6E;
            font-size: 12px;
            font-weight: 900;
            margin-right: 15px;
            text-transform: uppercase;
            display: inline-block;
            text-decoration: none;
            font-family: 'proxima-nova'; }
          .hub-container .content-col .row .box .info-box b {
            color: #a2a5a3;
            font-weight: normal;
            font-size: 1.125rem;
            margin-right: 5px;
            font-weight: bold;
            display: inline-block;
            font-family: proxima-nova, sans-serif; }
          .hub-container .content-col .row .box .info-box p {
            display: none;
            margin: 5px 0px;
            font-family: 'proxima-nova';
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical; }
          .hub-container .content-col .row .box .info-box label a {
            color: #0cff6e;
            font-size: 0.75rem;
            font-weight: bold;
            font-family: 'proxima-nova';
            text-transform: uppercase; }
        .hub-container .content-col .row .box .author {
          position: absolute;
          top: 10px;
          left: 10px;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          border: 4px solid #fff;
          object-fit: cover;
          z-index: 999; }
        .hub-container .content-col .row .box .cat {
          position: absolute;
          top: 15px;
          left: 15px;
          width: auto;
          box-sizing: border-box;
          font-size: 0.75rem;
          font-weight: bold;
          border-radius: 50%;
          border-radius: 5px;
          text-transform: uppercase;
          padding: 5px 12px;
          background: #b293ff;
          display: block;
          z-index: 99; }
          .hub-container .content-col .row .box .cat.white {
            background: #fff; }
          .hub-container .content-col .row .box .cat.yellow {
            background: #ffc625; }

.library-plan, .activate-library, .profile-edit, .profile-sections, .plan-popup .library-plan {
  width: 1024px;
  margin: 0 auto;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex; }
  .library-plan h2, .activate-library h2, .profile-edit h2, .profile-sections h2, .plan-popup .library-plan h2 {
    font-size: 32px;
    margin-top: 54px;
    margin-bottom: 0px; }
    .library-plan h2 b, .activate-library h2 b, .profile-edit h2 b, .profile-sections h2 b, .plan-popup .library-plan h2 b {
      text-transform: capitalize; }
  .library-plan div.checkbox, .activate-library div.checkbox, .profile-edit div.checkbox, .profile-sections div.checkbox {
    display: flex;
    height: 50px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 45px 0px 51px 51px; }
    .library-plan div.checkbox label, .activate-library div.checkbox label, .profile-edit div.checkbox label, .profile-sections div.checkbox label {
      width: 73px;
      height: 40px;
      border-radius: 25px;
      border: solid 5px #979797;
      background-color: #d8d8d8;
      display: inline-block;
      position: relative;
      margin: 0px 15px; }
      .library-plan div.checkbox label:after, .activate-library div.checkbox label:after, .profile-edit div.checkbox label:after, .profile-sections div.checkbox label:after {
        content: '';
        width: 40px;
        height: 40px;
        display: block;
        position: absolute;
        border-radius: 50%;
        background: #4737ff;
        left: 33px;
        transition: all 0.2s ease; }
    .library-plan div.checkbox span, .activate-library div.checkbox span, .profile-edit div.checkbox span, .profile-sections div.checkbox span {
      color: #979797 !important; }
      .library-plan div.checkbox span b, .activate-library div.checkbox span b, .profile-edit div.checkbox span b, .profile-sections div.checkbox span b {
        font-weight: normal;
        color: #4737ff; }
    .library-plan div.checkbox span:nth-child(4), .activate-library div.checkbox span:nth-child(4), .profile-edit div.checkbox span:nth-child(4), .profile-sections div.checkbox span:nth-child(4) {
      color: #4737ff !important; }
    .library-plan div.checkbox input, .activate-library div.checkbox input, .profile-edit div.checkbox input, .profile-sections div.checkbox input {
      display: none; }
    .library-plan div.checkbox input:checked ~ label:after, .activate-library div.checkbox input:checked ~ label:after, .profile-edit div.checkbox input:checked ~ label:after, .profile-sections div.checkbox input:checked ~ label:after {
      background: #4737ff;
      left: 0px; }
    .library-plan div.checkbox input:checked ~ span:nth-child(2), .activate-library div.checkbox input:checked ~ span:nth-child(2), .profile-edit div.checkbox input:checked ~ span:nth-child(2), .profile-sections div.checkbox input:checked ~ span:nth-child(2) {
      color: #4737ff !important; }
    .library-plan div.checkbox input:checked ~ span:nth-child(4), .activate-library div.checkbox input:checked ~ span:nth-child(4), .profile-edit div.checkbox input:checked ~ span:nth-child(4), .profile-sections div.checkbox input:checked ~ span:nth-child(4) {
      color: #979797 !important; }
      .library-plan div.checkbox input:checked ~ span:nth-child(4) b, .activate-library div.checkbox input:checked ~ span:nth-child(4) b, .profile-edit div.checkbox input:checked ~ span:nth-child(4) b, .profile-sections div.checkbox input:checked ~ span:nth-child(4) b {
        color: #979797 !important; }
  .library-plan .plans, .activate-library .plans, .profile-edit .plans, .profile-sections .plans {
    display: flex;
    position: relative; }
    .library-plan .plans .loading, .activate-library .plans .loading, .profile-edit .plans .loading, .profile-sections .plans .loading {
      display: none;
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      right: 0;
      background: rgba(255, 255, 255, 0.8) url(/img/loader.svg) no-repeat center center/cover;
      background-size: 10%;
      top: 0;
      z-index: 9999; }
    .library-plan .plans div, .activate-library .plans div, .profile-edit .plans div, .profile-sections .plans div {
      flex-direction: column; }
      .library-plan .plans div:first-child .plan-box, .activate-library .plans div:first-child .plan-box, .profile-edit .plans div:first-child .plan-box, .profile-sections .plans div:first-child .plan-box {
        margin-left: 0px; }
    .library-plan .plans.personal, .activate-library .plans.personal, .profile-edit .plans.personal, .profile-sections .plans.personal {
      margin-bottom: -20px; }
      .library-plan .plans.personal .plan-box, .activate-library .plans.personal .plan-box, .profile-edit .plans.personal .plan-box, .profile-sections .plans.personal .plan-box {
        height: 385px;
        padding: 35px 10px;
        margin-left: 15px;
        width: 32%;
        font-size: 1.005rem; }
        .library-plan .plans.personal .plan-box.selected, .activate-library .plans.personal .plan-box.selected, .profile-edit .plans.personal .plan-box.selected, .profile-sections .plans.personal .plan-box.selected, .library-plan .plans.personal .plan-box:hover, .activate-library .plans.personal .plan-box:hover, .profile-edit .plans.personal .plan-box:hover, .profile-sections .plans.personal .plan-box:hover {
          height: calc(385px - 10px); }
    .library-plan .plans input:checked ~ .plan-box, .activate-library .plans input:checked ~ .plan-box, .profile-edit .plans input:checked ~ .plan-box, .profile-sections .plans input:checked ~ .plan-box {
      background-color: #f5f4ff;
      height: calc(456px - 10px);
      position: relative;
      top: 5px;
      color: #4737ff; }
      .library-plan .plans input:checked ~ .plan-box span, .activate-library .plans input:checked ~ .plan-box span, .profile-edit .plans input:checked ~ .plan-box span, .profile-sections .plans input:checked ~ .plan-box span {
        color: #4737ff; }
      .library-plan .plans input:checked ~ .plan-box:after, .activate-library .plans input:checked ~ .plan-box:after, .profile-edit .plans input:checked ~ .plan-box:after, .profile-sections .plans input:checked ~ .plan-box:after {
        content: '';
        border: solid 10px #4737ff;
        border-radius: 5px;
        display: block;
        position: absolute;
        left: -10px;
        top: -10px;
        width: 100%;
        height: 100%; }
    .library-plan .plans .plan-box, .activate-library .plans .plan-box, .profile-edit .plans .plan-box, .profile-sections .plans .plan-box {
      flex-direction: column;
      align-items: center;
      border-radius: 5px;
      border: solid 4px #9e9ea1;
      background-color: #ffffff;
      width: 320px;
      margin-left: 32px;
      height: 456px;
      padding: 35px 15px;
      box-sizing: border-box;
      color: #727279;
      position: relative;
      display: inline-flex;
      font-size: 1.125rem;
      -webkit-font-smoothing: antialiased;
      transition: background-color 0.5s ease; }
      .library-plan .plans .plan-box.selected, .activate-library .plans .plan-box.selected, .profile-edit .plans .plan-box.selected, .profile-sections .plans .plan-box.selected, .library-plan .plans .plan-box:hover, .activate-library .plans .plan-box:hover, .profile-edit .plans .plan-box:hover, .profile-sections .plans .plan-box:hover {
        background-color: #f5f4ff;
        height: calc(456px - 10px);
        position: relative;
        top: 5px;
        color: #4737ff; }
        .library-plan .plans .plan-box.selected span, .activate-library .plans .plan-box.selected span, .profile-edit .plans .plan-box.selected span, .profile-sections .plans .plan-box.selected span, .library-plan .plans .plan-box:hover span, .activate-library .plans .plan-box:hover span, .profile-edit .plans .plan-box:hover span, .profile-sections .plans .plan-box:hover span {
          color: #4737ff; }
        .library-plan .plans .plan-box.selected:after, .activate-library .plans .plan-box.selected:after, .profile-edit .plans .plan-box.selected:after, .profile-sections .plans .plan-box.selected:after, .library-plan .plans .plan-box:hover:after, .activate-library .plans .plan-box:hover:after, .profile-edit .plans .plan-box:hover:after, .profile-sections .plans .plan-box:hover:after {
          content: '';
          border: solid 10px #4737ff;
          border-radius: 5px;
          display: block;
          position: absolute;
          left: -10px;
          top: -10px;
          width: 100%;
          height: 100%; }
      .library-plan .plans .plan-box div, .activate-library .plans .plan-box div, .profile-edit .plans .plan-box div, .profile-sections .plans .plan-box div {
        margin-top: 20px;
        line-height: 1.56; }
        .library-plan .plans .plan-box div ul, .activate-library .plans .plan-box div ul, .profile-edit .plans .plan-box div ul, .profile-sections .plans .plan-box div ul {
          margin: 0;
          padding: 0; }
          .library-plan .plans .plan-box div ul li, .activate-library .plans .plan-box div ul li, .profile-edit .plans .plan-box div ul li, .profile-sections .plans .plan-box div ul li {
            list-style-type: none; }
            .library-plan .plans .plan-box div ul li i, .activate-library .plans .plan-box div ul li i, .profile-edit .plans .plan-box div ul li i, .profile-sections .plans .plan-box div ul li i {
              font-style: normal;
              text-transform: capitalize; }
      .library-plan .plans .plan-box:first-child, .activate-library .plans .plan-box:first-child, .profile-edit .plans .plan-box:first-child, .profile-sections .plans .plan-box:first-child {
        margin-left: 0; }
      .library-plan .plans .plan-box label, .activate-library .plans .plan-box label, .profile-edit .plans .plan-box label, .profile-sections .plans .plan-box label {
        letter-spacing: 4px;
        text-transform: uppercase;
        font-size: 0.875rem; }
      .library-plan .plans .plan-box span, .activate-library .plans .plan-box span, .profile-edit .plans .plan-box span, .profile-sections .plans .plan-box span {
        font-size: 60px;
        font-weight: bold;
        color: #727279;
        display: block; }

.start-plan {
  font-size: 14px;
  letter-spacing: 4px;
  border-radius: 5px;
  background-color: #4737ff;
  padding: 13px;
  margin-top: 51px;
  text-transform: uppercase;
  color: #fff;
  width: 219px;
  margin-bottom: 20px; }

.invite-popup .invite-content {
  background: #fff;
  width: 100%;
  box-sizing: border-box;
  border-radius: 13px;
  display: flex;
  flex-direction: column;
  margin: 0px auto 20px auto;
  position: relative; }
  .invite-popup .invite-content .close-btn {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 35px;
    height: 35px;
    border: 2px solid #979797;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    background: #fff;
    color: #979797;
    font-weight: bold;
    cursor: pointer; }
  .invite-popup .invite-content h3 {
    margin: 0;
    font-size: 1.74rem; }
    .invite-popup .invite-content h3 a {
      background: #000;
      color: #FFF;
      text-decoration: none;
      padding: 10px 15px;
      font-size: 1rem;
      float: right;
      border-radius: 5px; }
  .invite-popup .invite-content span {
    font-size: 1.125rem;
    font-weight: bold; }
  .invite-popup .invite-content form {
    display: flex;
    flex-direction: column;
    margin-top: 42px;
    border-bottom: 1px solid #979797;
    padding-bottom: 34px;
    margin-bottom: 40px; }
    .invite-popup .invite-content form fieldset {
      width: 100%;
      margin-bottom: 20px; }
      .invite-popup .invite-content form fieldset.half {
        width: 33%;
        display: inline-block; }
        .invite-popup .invite-content form fieldset.half input {
          width: 100%; }
    .invite-popup .invite-content form span.error {
      display: block;
      color: red;
      margin-top: 3px; }
    .invite-popup .invite-content form .err-list label {
      color: #000;
      font-size: 1.5rem;
      font-weight: bold;
      letter-spacing: normal;
      text-transform: initial; }
    .invite-popup .invite-content form label {
      line-height: 1.71;
      font-size: 14px;
      letter-spacing: 4px;
      color: #4737ff;
      font-weight: 600;
      display: block;
      margin-bottom: 4px;
      text-transform: uppercase; }
    .invite-popup .invite-content form input, .invite-popup .invite-content form textarea {
      border-radius: 5px;
      border: solid 2px #4737ff;
      background-color: #f5f4ff;
      padding: 11px 18px;
      display: block;
      font-size: 18px;
      color: #4737ff;
      resize: none;
      width: 54%;
      margin: 0; }
      .invite-popup .invite-content form input::placeholder, .invite-popup .invite-content form textarea::placeholder {
        color: #4737ff; }
    .invite-popup .invite-content form textarea {
      height: 98px; }
    .invite-popup .invite-content form button {
      border-radius: 5px;
      background-color: #2ecd6e;
      color: #FFF;
      font-size: 22px;
      font-weight: bold;
      letter-spacing: 5.1px;
      padding: 23px 10px;
      border: none;
      text-transform: uppercase;
      box-sizing: border-box;
      width: 311px; }
  .invite-popup .invite-content ul {
    margin: 30px 0px 0px 0px;
    padding: 0; }
    .invite-popup .invite-content ul li {
      list-style-type: none;
      height: 34px;
      margin-bottom: 10px;
      color: #aaaaaa;
      font-size: 1.125rem;
      font-weight: 600;
      text-transform: uppercase;
      -webkit-font-smoothing: antialiased; }
      .invite-popup .invite-content ul li label {
        display: inline-block;
        margin-left: 30px;
        text-transform: initial; }
      .invite-popup .invite-content ul li.active {
        color: #000; }
        .invite-popup .invite-content ul li.active i {
          background: #4737ff; }
      .invite-popup .invite-content ul li i {
        display: block;
        background: #aaaaaa;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        font-size: 1.125rem;
        color: #FFF;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        margin-right: 15px;
        font-style: inherit;
        -webkit-font-smoothing: antialiased; }

.activate-library, .profile-edit, .profile-sections {
  align-items: flex-start;
  display: flex; }
  .activate-library h2, .profile-edit h2, .profile-sections h2 {
    margin-bottom: 50px;
    text-transform: capitalize; }
  .activate-library .row, .profile-edit .row, .profile-sections .row {
    display: flex; }
    .activate-library .row .form, .profile-edit .row .form, .profile-sections .row .form {
      flex-direction: column;
      text-align: left;
      margin-left: 36px; }
      .activate-library .row .form h4, .profile-edit .row .form h4, .profile-sections .row .form h4 {
        border-bottom: solid 1px #979797;
        padding: 0px 30px 20px 30px;
        box-sizing: border-box;
        font-size: 1.125rem;
        margin-top: 0px; }
      .activate-library .row .form form, .profile-edit .row .form form, .profile-sections .row .form form {
        padding: 0px 30px;
        box-sizing: border-box; }
      .activate-library .row .form .seperator, .profile-edit .row .form .seperator, .profile-sections .row .form .seperator {
        border-bottom: solid 1px #979797;
        margin-bottom: 20px; }
      .activate-library .row .form fieldset, .profile-edit .row .form fieldset, .profile-sections .row .form fieldset {
        width: 100%;
        float: none;
        margin-bottom: 20px; }
        .activate-library .row .form fieldset label, .profile-edit .row .form fieldset label, .profile-sections .row .form fieldset label {
          display: block;
          font-size: 14px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.71;
          letter-spacing: 4px;
          margin-bottom: 4px;
          color: #4737ff;
          text-transform: uppercase; }
        .activate-library .row .form fieldset input, .profile-edit .row .form fieldset input, .profile-sections .row .form fieldset input, .activate-library .row .form fieldset textarea, .profile-edit .row .form fieldset textarea, .profile-sections .row .form fieldset textarea {
          border-radius: 5px;
          border: solid 2px #4737ff;
          background-color: #f5f4ff;
          padding: 9px 16px;
          color: #4737ff;
          font-size: 1.125rem;
          width: 90%; }
          .activate-library .row .form fieldset input::placeholder, .profile-edit .row .form fieldset input::placeholder, .profile-sections .row .form fieldset input::placeholder, .activate-library .row .form fieldset textarea::placeholder, .profile-edit .row .form fieldset textarea::placeholder, .profile-sections .row .form fieldset textarea::placeholder {
            color: #4737ff; }
      .activate-library .row .form button, .profile-edit .row .form button, .profile-sections .row .form button {
        border-radius: 5px;
        background-color: #2ecd6e;
        color: #FFF;
        font-weight: bold;
        letter-spacing: 5.1px;
        font-size: 1.375rem;
        padding: 23px 35px;
        margin-top: 39px;
        margin-bottom: 60px;
        float: right;
        border: none; }
      .activate-library .row .form .half, .profile-edit .row .form .half, .profile-sections .row .form .half {
        width: 45%;
        margin-right: 0;
        display: inline-block; }
        .activate-library .row .form .half input, .profile-edit .row .form .half input, .profile-sections .row .form .half input {
          width: 100%; }
        .activate-library .row .form .half .half, .profile-edit .row .form .half .half, .profile-sections .row .form .half .half {
          width: 49%;
          display: inline-block; }
      .activate-library .row .form .quarter, .profile-edit .row .form .quarter, .profile-sections .row .form .quarter {
        width: 15%;
        display: inline-block;
        margin: 0; }
        .activate-library .row .form .quarter input, .profile-edit .row .form .quarter input, .profile-sections .row .form .quarter input {
          width: 100%;
          padding: 9px 6px 9px 12px; }

.plan-popup {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  display: none;
  opacity: 0;
  z-index: 99; }
  .plan-popup.show {
    display: block;
    opacity: 1; }
  .plan-popup .plan-content {
    background: #FFF;
    border-radius: 13px;
    width: 85%;
    margin: 110px auto 30px auto;
    padding: 32px 37px 37px 37px;
    box-sizing: border-box; }
  .plan-popup .activate-library, .plan-popup .profile-edit, .plan-popup .profile-sections {
    z-index: -1;
    opacity: 0;
    transition: all 0.2s ease 0.1s;
    display: none; }
    .plan-popup .activate-library.show, .plan-popup .show.profile-edit, .plan-popup .show.profile-sections {
      opacity: 1;
      z-index: 999;
      display: block; }
  .plan-popup .activate-library, .plan-popup .profile-edit, .plan-popup .profile-sections, .plan-popup .library-plan {
    transition: opacity 0.2s ease; }
    .plan-popup .hide.activate-library, .plan-popup .hide.profile-edit, .plan-popup .hide.profile-sections, .plan-popup .hide.library-plan {
      opacity: 0;
      z-index: -9999;
      height: 0;
      position: relative; }
    .plan-popup .activate-library .plan-box, .plan-popup .profile-edit .plan-box, .plan-popup .profile-sections .plan-box, .plan-popup .library-plan .plan-box {
      width: 31%;
      display: inline-flex;
      margin-left: 20px; }
    .plan-popup .activate-library h2, .plan-popup .profile-edit h2, .plan-popup .profile-sections h2, .plan-popup .library-plan h2 {
      margin-top: 0px; }
    .plan-popup .activate-library span, .plan-popup .profile-edit span, .plan-popup .profile-sections span, .plan-popup .library-plan span {
      font-weight: normal;
      display: block; }
  .plan-popup .activate-library h2, .plan-popup .profile-edit h2, .plan-popup .profile-sections h2 {
    text-align: left;
    margin-bottom: 39px;
    padding-top: 30px; }
  .plan-popup .activate-library .plan-box, .plan-popup .profile-edit .plan-box, .plan-popup .profile-sections .plan-box {
    width: 320px;
    height: 376px !important; }

.profile-edit, .profile-sections {
  margin-top: 160px;
  width: 764px;
  padding: 0px 25px;
  box-sizing: border-box; }
  .profile-edit .form, .profile-sections .form {
    margin-left: 0 !important; }
    .profile-edit .form .half, .profile-sections .form .half {
      border-right: 1px solid #979797;
      padding-right: 46px;
      box-sizing: border-box;
      float: left;
      width: 50% !important;
      padding-bottom: 10px; }
      .profile-edit .form .half.photo-upload, .profile-sections .form .half.photo-upload {
        border: 0;
        padding: 0px 0px 0px 48px;
        float: right; }
    .profile-edit .form form, .profile-sections .form form {
      padding: 10px 0 !important; }
      .profile-edit .form form textarea, .profile-sections .form form textarea {
        width: 100% !important;
        height: 123px;
        resize: none;
        margin: 0px;
        outline: none; }
        .profile-edit .form form textarea.err, .profile-sections .form form textarea.err {
          border-color: red; }
      .profile-edit .form form button, .profile-sections .form form button {
        float: none !important;
        clear: both;
        margin: 40px auto 0 auto !important;
        display: block; }
    .profile-edit .form .seperator, .profile-sections .form .seperator {
      width: calc(100% + 70px);
      margin-left: -15px;
      height: 0.3px;
      background: #979797;
      float: none;
      clear: both; }
    .profile-edit .form small, .profile-sections .form small {
      font-size: 12px;
      display: inline-block;
      margin-top: 7px; }
      .profile-edit .form small b, .profile-sections .form small b {
        font-weight: normal !important; }
    .profile-edit .form img, .profile-sections .form img {
      width: 154px;
      height: 154px;
      margin-bottom: 32px;
      border-radius: 50%;
      object-fit: cover;
      border: solid 1px #979797;
      background-color: #d8d8d8; }
  .profile-edit .upload-btn, .profile-sections .upload-btn {
    padding: 12px 20px;
    color: #fff !important;
    text-transform: initial !important;
    letter-spacing: normal !important;
    border-radius: 5px;
    background-color: #afafaf;
    font-weight: normal !important;
    font-size: 1.125rem !important;
    width: 100%; }

.profile-sections {
  text-align: left;
  width: 80%;
  font-family: proxima-nova, sans-serif; }
  .profile-sections h2 {
    margin: 0;
    font-size: 32px;
    font-weight: normal; }
  .profile-sections .save-profile-sections {
    border-radius: 5px;
    background-color: #2ecd6e;
    text-transform: uppercase;
    font-size: 22px;
    color: #FFF;
    padding: 23px 5%;
    margin: 25px auto;
    border: none;
    font-weight: bold;
    letter-spacing: 5.14px;
    display: none; }
  .profile-sections .row {
    margin-top: 60px;
    width: 100%;
    justify-content: left; }
    .profile-sections .row.full {
      flex-direction: column; }
      .profile-sections .row.full .col {
        margin-bottom: 50px; }
  .profile-sections .col {
    width: 50%;
    box-sizing: border-box;
    padding-left: 37px; }
    .profile-sections .col:first-child {
      border-right: 1px solid #979797;
      padding-left: 0;
      padding-right: 20px; }
    .profile-sections .col h3 {
      font-weight: normal;
      font-size: 30px;
      margin: 0;
      font-family: proxima-nova, sans-serif; }
      .profile-sections .col h3 b {
        text-transform: uppercase;
        margin: 0; }
    .profile-sections .col span {
      font-size: 18px; }
    .profile-sections .col.full {
      width: 100%;
      border: none;
      padding-left: 0; }
      .profile-sections .col.full .topic {
        width: 23%; }
        .profile-sections .col.full .topic.selected.active .cat:after {
          content: '';
          width: 100%;
          height: 100%;
          background: #02db73;
          opacity: 0.6;
          position: absolute;
          left: 0;
          top: 0;
          display: block !important; }
        .profile-sections .col.full .topic.selected.active .cat img {
          filter: initial !important; }
        .profile-sections .col.full .topic.selected.active .cat h4 {
          color: #FFF !important;
          text-align: center; }
        .profile-sections .col.full .topic.selected .cat:after {
          display: none; }
        .profile-sections .col.full .topic.selected .cat img {
          filter: brightness(0.3) !important; }
        .profile-sections .col.full .topic.selected .cat h4 {
          color: #8d8d8d !important; }
        .profile-sections .col.full .topic.show .cat.show {
          width: 23% !important; }
        .profile-sections .col.full .topic.show .sub-cat.show span.show {
          width: 23% !important; }
        .profile-sections .col.full .topic.show .sub-cat.show .sub-topic {
          width: 23% !important; }
  .profile-sections .topics {
    margin-top: 41px; }
    .profile-sections .topics .topic {
      width: 48%;
      margin-bottom: 8px;
      margin-right: 8px;
      display: inline-block;
      cursor: pointer; }
      .profile-sections .topics .topic.show {
        width: 100% !important; }
        .profile-sections .topics .topic.show .cat.show, .profile-sections .topics .topic.show span.show {
          width: 48% !important; }
        .profile-sections .topics .topic.show .sub-cats.show {
          text-align: left;
          margin-left: 15px; }
          .profile-sections .topics .topic.show .sub-cats.show .sub-topic {
            width: 45% !important;
            display: inline-block;
            margin-right: 8px !important; }
            .profile-sections .topics .topic.show .sub-cats.show .sub-topic.show {
              width: 100% !important; }
              .profile-sections .topics .topic.show .sub-cats.show .sub-topic.show .sub-cats.show {
                height: initial !important;
                overflow: initial !important; }
            .profile-sections .topics .topic.show .sub-cats.show .sub-topic.no-sub {
              margin-bottom: 8px; }
              .profile-sections .topics .topic.show .sub-cats.show .sub-topic.no-sub img {
                height: 163px; }
              .profile-sections .topics .topic.show .sub-cats.show .sub-topic.no-sub .cat {
                height: 163px;
                margin-bottom: 0; }
              .profile-sections .topics .topic.show .sub-cats.show .sub-topic.no-sub.active .cat:after {
                content: '';
                width: 100%;
                height: 100%;
                background: #02db73;
                opacity: 0.6;
                position: absolute;
                left: 0;
                top: 0;
                display: block; }
              .profile-sections .topics .topic.show .sub-cats.show .sub-topic.no-sub.active .cat img {
                filter: initial; }
              .profile-sections .topics .topic.show .sub-cats.show .sub-topic.no-sub.active .cat h4 {
                color: #FFF;
                text-align: center; }
        .profile-sections .topics .topic.show .cat.show:after {
          content: '';
          width: 100%;
          height: 100%;
          background: #02db73;
          opacity: 0.6;
          position: absolute;
          left: 0;
          top: 0; }
        .profile-sections .topics .topic.show .cat.show img {
          filter: initial; }
        .profile-sections .topics .topic.show .cat.show h4 {
          color: #FFF;
          text-align: center; }
      .profile-sections .topics .topic .sub-cats .topic {
        width: 24%;
        margin-bottom: 8px; }
        .profile-sections .topics .topic .sub-cats .topic .cat, .profile-sections .topics .topic .sub-cats .topic .sub-cat, .profile-sections .topics .topic .sub-cats .topic .sub-cat span {
          width: 100%; }
      .profile-sections .topics .topic.no-sub img {
        height: 163px; }
      .profile-sections .topics .topic.no-sub .cat {
        height: 163px;
        margin-bottom: 0; }
      .profile-sections .topics .topic img {
        width: 100%;
        height: 107px;
        object-fit: cover;
        filter: brightness(0.3); }
      .profile-sections .topics .topic h4 {
        position: absolute;
        color: #8d8d8d;
        font-size: 18px;
        text-align: center;
        padding: 0px 15px;
        margin: 0;
        text-transform: uppercase;
        z-index: 99;
        width: 90%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
      .profile-sections .topics .topic .cat {
        height: 107px;
        position: relative;
        margin-bottom: 2px;
        display: flex;
        justify-content: center;
        align-items: center; }
    .profile-sections .topics .sub-cat {
      font-weight: 600;
      text-transform: uppercase;
      position: relative; }
      .profile-sections .topics .sub-cat span {
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 52px;
        color: #8d8d8d;
        background: #4f4e4e;
        cursor: pointer; }
      .profile-sections .topics .sub-cat.show .sub-cats.show {
        height: initial !important;
        overflow: initial !important; }
      .profile-sections .topics .sub-cat.show span.show {
        font-size: 0px !important;
        background-image: url(../img/icons/chevron-arrow-up-grey.svg) !important;
        background-size: 25px;
        background-position: center center;
        background-repeat: no-repeat; }
      .profile-sections .topics .sub-cat .sub-cats {
        width: 100%;
        margin-top: 2px;
        height: 0;
        text-align: center;
        overflow: hidden; }
        .profile-sections .topics .sub-cat .sub-cats span {
          font-size: 14px;
          background-image: none; }

.topics-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999; }
  .topics-overlay.show {
    display: flex; }
  .topics-overlay .content {
    background: #fff;
    border-radius: 5px;
    padding: 25px 55px;
    width: 200px;
    text-align: center; }
    .topics-overlay .content .cls-btn {
      background: #02db73;
      color: #FFF;
      padding: 6px 20px;
      font-size: 16px;
      text-transform: uppercase;
      margin: 0 auto;
      border: none;
      border-radius: 2px;
      font-weight: bold; }

@media only screen and (max-width: 950px) {
  header {
    padding: 30px 23px !important;
    margin: 0 !important;
    width: 100% !important; }
    header nav {
      display: none; }
    header .logo img {
      height: 25px !important; }
    header .mobile-menu {
      display: block !important; }

  .sign-in-form .content {
    width: 90% !important;
    padding: 40px 20px !important; }
    .sign-in-form .content .login {
      flex-direction: column; }
      .sign-in-form .content .login fieldset {
        width: 100% !important;
        margin-top: 15px; }
    .sign-in-form .content form button[type='submit'] {
      width: 100% !important; }

  .btn-black {
    display: none !important;
    width: 70% !important;
    margin: 39px auto 0px auto !important;
    text-align: center;
    font-size: 1.125rem !important;
    font-weight: 600;
    padding: 30px 25px 30px 25px !important;
    box-sizing: border-box; }
    .btn-black.mobile {
      display: block !important; }

  .top-banner {
    width: 100% !important;
    background: none !important;
    flex-direction: column;
    height: auto !important;
    overflow: hidden;
    padding-top: 40px !important; }
    .top-banner.mission, .top-banner.edu.edu {
      height: auto !important;
      padding-top: 0 !important;
      background: none !important; }
      .top-banner.mission div, .top-banner.edu.edu div {
        top: 30px !important;
        left: 20px !important;
        padding: 0 !important;
        width: 90%; }
        .top-banner.mission div br, .top-banner.edu.edu div br {
          display: none !important; }
    .top-banner div {
      width: 100%;
      max-width: 100% !important;
      padding: 0px 23px;
      box-sizing: border-box;
      margin: 0 !important;
      top: 0 !important; }
      .top-banner div h2 {
        font-size: 1.5rem !important;
        letter-spacing: -0.4px !important;
        font-weight: 600 !important;
        -webkit-font-smoothing: antialiased; }
      .top-banner div p {
        font-size: 1.125rem !important;
        padding: 19px 0px !important;
        width: 100% !important; }
    .top-banner img {
      display: block !important;
      width: 126%;
      object-fit: cover;
      margin-top: 50px; }

  .community {
    margin-top: 22px !important; }
    .community h3 {
      font-size: 2.5rem !important; }

  .edu {
    margin-bottom: 120px !important; }

  .edu-features {
    width: 90%; }
    .edu-features .feature:first-child {
      padding: 0; }
    .edu-features .feature.line {
      display: block;
      height: auto; }
      .edu-features .feature.line div {
        width: 90%; }
        .edu-features .feature.line div h3, .edu-features .feature.line div p {
          width: 100%; }
          .edu-features .feature.line div h3 br, .edu-features .feature.line div p br {
            display: none; }
      .edu-features .feature.line img {
        position: relative;
        height: 300px;
        width: 100%; }
    .edu-features .feature h3 {
      margin-top: 20px !important; }
    .edu-features .feature p {
      width: 100%; }

  h2.edu-title {
    font-size: 35px;
    margin: 90px 0px; }

  .edu .btn.btn-black {
    left: 0 !important; }

  .features {
    width: 100% !important;
    flex-direction: column; }
    .features .box {
      width: 100% !important;
      padding: 0 23px !important;
      box-sizing: border-box; }

  .mission-text img {
    width: 100%; }

  footer {
    margin: 64px auto 0 auto !important;
    width: 100% !important; }
    footer .footer-content {
      height: auto !important;
      border: none !important; }
      footer .footer-content .logo {
        display: none; }
      footer .footer-content .nav {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%; }
        footer .footer-content .nav a {
          margin: 0px 0px 25px 0 !important; }
      footer .footer-content .social {
        margin: 0 !important; }
    footer .copyright {
      justify-content: center !important; }
      footer .copyright p {
        display: none; }
      footer .copyright label {
        color: #141414 !important;
        font-weight: bold !important; }

  .mission-text p {
    width: 90%; }
  .mission-text blockquote {
    width: 90%;
    left: 0px; }

  .top-banner.journalism .btn-black {
    display: block !important;
    padding: 37px 25px 30px 25px !important;
    margin-bottom: 40px !important; }
  .top-banner.journalism .button-set.button-set {
    flex-direction: column;
    width: 90% !important; }
    .top-banner.journalism .button-set.button-set button {
      width: 100% !important;
      padding: 20px 0px !important;
      font-size: 18px !important;
      margin-top: 15px; }
      .top-banner.journalism .button-set.button-set button span {
        font-size: 18px !important; }

  .journalism-features h2 {
    font-size: 36px;
    margin-top: 40px; }
  .journalism-features .feature {
    flex-direction: column;
    align-items: center;
    width: 90%;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 32px auto; }
    .journalism-features .feature.right img {
      margin: 0 !important; }
    .journalism-features .feature img {
      height: auto;
      width: 90%;
      margin: 0 0 32px 0px; }
    .journalism-features .feature .text {
      padding: 0 !important;
      text-align: center;
      width: 90%; }

  .journalism-black-btn {
    display: block !important;
    padding: 37px 25px 30px 25px !important; }

  .overlay-journalism .overlay-close-btn {
    top: 80px !important; }
  .overlay-journalism .content.content {
    width: 90% !important; }
  .overlay-journalism h3 {
    margin-bottom: 20px !important; }
  .overlay-journalism .content img {
    width: 100%;
    height: auto; }
  .overlay-journalism .form-content {
    flex-direction: column;
    width: 100% !important;
    margin: 20px auto !important; }
    .overlay-journalism .form-content .col {
      width: 100%; }
  .overlay-journalism .send-demo-request {
    padding: 38px 65px 30px 56px !important; } }
@media only screen and (max-width: 1000px) and (min-width: 950px) {
  .top-banner .btn-black {
    width: 80% !important; } }
@media only screen and (max-width: 1200px) and (min-width: 780px) {
  .top-banner {
    width: 100% !important;
    background-position: center left !important; }
    .top-banner div h2 {
      font-size: 2rem !important; }
    .top-banner div p {
      padding: 25px 0px !important; } }
@media only screen and (max-width: 900px) and (min-width: 780px) {
  .btn-black {
    width: 75% !important; }

  .top-banner {
    height: 800px !important; } }
@media only screen and (min-width: 1500px) and (max-width: 1600px) {
  .top-banner {
    height: 1111px !important; } }
@media only screen and (max-width: 1266px) and (min-width: 880px) {
  .community .examples .example {
    margin-right: 15px !important; }

  .community .examples .example .text span {
    font-size: 1.5rem !important; }

  .community .examples .example .text label {
    margin-top: 0 !important; } }
@media only screen and (min-width: 1650px) {
  .top-banner {
    width: 75% !important;
    height: 1111px !important; }

  .top-banner.edu.edu, .top-banner.mission.mission {
    height: 500px !important; } }
@media only screen and (max-width: 1390px) and (min-width: 1327px) {
  .sign-in-form .content form small {
    right: 35px !important; } }
@media only screen and (max-width: 1327px) and (min-width: 1280px) {
  .sign-in-form .content form small {
    right: 20px !important; } }
@media only screen and (max-width: 1280px) and (min-width: 978px) {
  .sign-in-form .content {
    width: 75% !important; }

  .sign-in-form .content form small {
    right: 10px !important; } }
@media only screen and (max-width: 1320px) and (min-width: 880px) {
  .top-banner.installed-app, .top-banner.library, .top-banner.test-drive {
    width: 60% !important;
    left: auto !important;
    margin: 0 10%; }
    .top-banner.installed-app h3 b, .top-banner.library h3 b, .top-banner.test-drive h3 b {
      white-space: nowrap; }

  .arrow {
    top: 64px;
    right: 13px; }

  .text-drive .btn-black {
    font-size: 1rem; } }
@media only screen and (max-width: 977px) {
  .sign-in-form .content {
    width: 90% !important; } }
@media only screen and (max-width: 880px) {
  .waitlist.waitlist {
    padding: 20px; }
    .waitlist.waitlist.code-sender {
      padding: 20px; }
    .waitlist.waitlist form fieldset {
      width: 90%; }
    .waitlist.waitlist form h3 {
      font-size: 20px; }
    .waitlist.waitlist .msg #refLink {
      width: 90%; }

  .top-banner.journalism.top-banner.journalism .button-set.button-set {
    flex-direction: row; }
    .top-banner.journalism.top-banner.journalism .button-set.button-set a {
      font-size: 18px !important;
      padding: 28px 10px 28px 10px; }
      .top-banner.journalism.top-banner.journalism .button-set.button-set a span {
        font-size: 18px !important; }

  .examples {
    flex-direction: column !important;
    align-items: center;
    justify-content: center; }
    .examples .example {
      width: 95% !important;
      margin-bottom: 10px;
      height: 300px !important;
      margin-right: 0 !important; }
      .examples .example span {
        font-size: 1.125rem !important;
        line-height: 28px !important; }
      .examples .example label {
        font-size: 0.0725rem !important;
        width: 100%;
        margin-top: 0 !important; }

  .top-banner.installed-app .btn-black, .top-banner.library .btn-black, .top-banner.test-drive .btn-black {
    padding: 15px 10px !important;
    box-sizing: border-box;
    text-align: center; }
    .top-banner.installed-app .btn-black::after, .top-banner.library .btn-black::after, .top-banner.test-drive .btn-black::after {
      display: none; }
  .top-banner.installed-app .step, .top-banner.library .step, .top-banner.test-drive .step {
    flex-direction: column !important;
    padding: 0;
    margin-bottom: 20px !important; }
    .top-banner.installed-app .step div, .top-banner.library .step div, .top-banner.test-drive .step div {
      justify-content: center;
      align-items: center; }
      .top-banner.installed-app .step div .badge, .top-banner.library .step div .badge, .top-banner.test-drive .step div .badge {
        top: 11px !important;
        left: 0px !important; }
    .top-banner.installed-app .step form, .top-banner.library .step form, .top-banner.test-drive .step form {
      display: flex;
      margin-top: 20px;
      flex-direction: column; }
      .top-banner.installed-app .step form input, .top-banner.library .step form input, .top-banner.test-drive .step form input {
        width: 100% !important;
        margin-bottom: 5px; } }
@media only screen and (max-width: 950px) {
  .sign-in-form.sign-in-form .content form small {
    width: 100%;
    position: relative;
    right: 0;
    margin-top: 0;
    margin-bottom: 10px; }

  .sign-in-form .content form {
    width: 90%;
    margin: 0 auto !important; }

  .sign-in-form .content form button.btn-black {
    border-radius: 5px;
    background-color: #171717;
    color: #FFF;
    font-size: 12px !important;
    padding: 13px 20px !important;
    outline: none;
    width: 259px !important;
    border: none;
    margin: 0 auto 6px auto !important;
    display: block !important;
    font-weight: normal !important; }

  .arrow {
    transform: scale(0.95); }

  .overlay {
    background: #fff !important;
    height: 100vh; }

  .overlay .logo {
    font-size: 0.75rem !important; }

  .overlay .content {
    width: 90% !important; }

  .overlay.opened {
    z-index: 9999999999; }

  .overlay form fieldset, .ovarlay #msgcontact {
    width: 100% !important;
    font-size: 1.25rem !important; }

  .overlay form fieldset input[type="text"], .overlay form fieldset input[type="email"] {
    font-size: 1.25rem !important;
    margin-bottom: 15px; }

  textarea {
    width: 100% !important;
    height: 165px;
    font-size: 1.25rem !important; }

  .overlay .content h3 {
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 25px; }

  .overlay .content p {
    font-size: 1.125rem;
    line-height: 1.56;
    margin-bottom: 20px;
    width: 90%; }

  .overlay .list {
    display: none;
    width: 100% !important;
    float: none !important; }

  .overlay .content.success {
    display: flex;
    flex-direction: column-reverse; }

  .overlay .content.success #contact div.form-content,
  .overlay .content.success .send-demo-request,
  .overlay .content.success h3,
  .overlay .content.success p {
    display: none !important; }

  .overlay .content.success .list {
    display: block !important; }

  .overlay .content.success .success-form-msg {
    margin-top: 28px; }

  .overlay .content.success .success-form-msg:last-child {
    display: none; }

  .overlay .content.success .success-form-msg h3,
  .overlay .content.success .success-form-msg p {
    display: block !important; }

  .overlay button.send-demo-request.send-demo-request {
    margin-top: 0 !important;
    -webkit-appearance: none;
    width: 100%;
    margin-bottom: 20px; }

  .overlay .content {
    margin: 0 auto; } }
@media only screen and (max-width: 1300px) and (min-width: 950px) {
  .top-banner p {
    width: 80% !important; } }
@media only screen and (max-width: 1265px) and (min-width: 950px) {
  .btn.btn-black i {
    display: none !important; }

  .top-banner.edu.edu {
    height: 475px !important;
    background-size: 50% !important;
    padding-top: 80px; } }
.stacks article .containers div, .stacks article .containers span, .stacks article .containers object, .stacks article .containers iframe,
.stacks article .containers h1, .stacks article .containers h2, .stacks article .containers h3, .stacks article .containers h4, .stacks article .containers h5, .stacks article .containers h6, .stacks article .containers p, .stacks article .containers blockquote, .stacks article .containers pre,
.stacks article .containers abbr, .stacks article .containers address, .stacks article .containers cite, .stacks article .containers code,
.stacks article .containers del, .stacks article .containers dfn, .stacks article .containers em, .stacks article .containers img, .stacks article .containers ins, .stacks article .containers kbd, .stacks article .containers q, .stacks article .containers samp,
.stacks small, .stacks article .containers strong, .stacks article .containers sub, .stacks article .containers sup, .stacks article .containers var,
.stacks article .containers b, .stacks article .containers i,
.stacks article .containers dl, .stacks article .containers dt, .stacks article .containers dd, .stacks article .containers ol, .stacks article .containers ul, .stacks article .containers li,
.stacks article .containers fieldset, .stacks article .containers form, .stacks article .containers label, .stacks article .containers legend, .stacks article .containers caption, .stacks article .containers article, .stacks article .containers aside, .stacks article .containers canvas, .stacks article .containers details, .stacks article .containers figcaption, .stacks article .containers figure, .stacks article .containers
footer, .stacks article .containers header, .stacks article .containers hgroup, .stacks article .containers menu, .stacks article .containers nav, .stacks article .containers section, .stacks article .containers summary,
.stacks article .containers time, .stacks article .containers mark, .stacks article .containers audio, .stacks article .containers video, .stacks article .containers button, .stacks article .containers select, .stacks article .containers input {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  font-size: 100% !important;
  vertical-align: baseline !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  line-height: normal;
  font-family: Arial;
  width: auto;
  display: inherit; }
.stacks table, .stacks article .containers tbody, .stacks article .containers tfoot, .stacks article .containers thead, .stacks article .containers tr, .stacks article .containers th, .stacks article .containers td {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  font-size: 100% !important;
  vertical-align: baseline !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  line-height: normal;
  font-family: Arial;
  width: auto; }
.stacks img, .stacks a {
  border: none; }
.stacks .uppercase {
  text-transform: uppercase; }
.stacks .rw-logo {
  border: none;
  position: absolute;
  top: 0;
  left: 0; }
  .stacks .rw-logo img {
    border: none;
    width: 55px;
    height: 55px;
    object-fit: cover; }
.stacks header {
  padding: 0;
  width: 100% !important;
  height: 554px !important; }
  .stacks header .sources {
    position: absolute;
    bottom: 121px;
    width: 321px;
    height: 40px;
    padding: 10px 15px;
    box-sizing: border-box;
    font-size: 18px;
    color: #000;
    font-weight: 900;
    text-align: right;
    background-color: #56ffa5; }
  .stacks header .image-source {
    position: absolute;
    bottom: 171px;
    width: 150px;
    left: 11px; }
    .stacks header .image-source a {
      color: #56ffa5;
      font-size: 11px;
      cursor: pointer;
      line-height: 13px;
      border-bottom: solid 1px #ffef00; }
.stacks .set-wrap img {
  border: none; }
  .stacks .set-wrap img.custom {
    max-height: 570px;
    object-fit: cover; }
  .stacks .set-wrap img.full {
    width: 200%;
    object-fit: cover;
    position: absolute;
    left: -40%;
    height: 600px;
    object-position: center;
    margin: 0; }
  .stacks .set-wrap img.page-break {
    height: auto;
    width: 80%;
    padding-left: 55px !important;
    margin: 50px 0 !important;
    display: block; }
.stacks .set-wrap .full-image {
  height: 600px;
  position: relative;
  margin: 20px 0px !important; }
.stacks .set-wrap .containers .youtube-player {
  width: 80%;
  margin: 0px 0px 20px 55px !important; }
.stacks .set-wrap .containers .media-elem-container {
  position: relative;
  display: block;
  cursor: pointer;
  width: 80%;
  margin-bottom: 20px !important;
  padding-left: 55px !important; }
  .stacks .set-wrap .containers .media-elem-container .twitter-tweet {
    width: calc(100% - 55px) !important; }
  .stacks .set-wrap .containers .media-elem-container .vp-center {
    justify-content: flex-start !important; }
    .stacks .set-wrap .containers .media-elem-container .vp-center .player {
      max-width: initial !important;
      width: 100% !important; }
  .stacks .set-wrap .containers .media-elem-container.pdf {
    height: auto; }
    .stacks .set-wrap .containers .media-elem-container.pdf label {
      position: relative;
      bottom: initial;
      display: flex;
      width: 100%;
      justify-content: space-between; }
      .stacks .set-wrap .containers .media-elem-container.pdf label span {
        width: 60%; }
  .stacks .set-wrap .containers .media-elem-container.video {
    height: auto;
    margin-bottom: 20px; }
    .stacks .set-wrap .containers .media-elem-container.video .vp-center {
      justify-content: flex-start !important; }
    .stacks .set-wrap .containers .media-elem-container.video .player {
      max-width: initial !important; }
    .stacks .set-wrap .containers .media-elem-container.video iframe {
      width: 100%; }
  .stacks .set-wrap .containers .media-elem-container img {
    height: 450px;
    width: auto; }
  .stacks .set-wrap .containers .media-elem-container label {
    background: #000 !important;
    padding: 30px 50px 40px !important;
    position: absolute;
    bottom: -25px;
    z-index: 9999;
    width: 90%;
    cursor: pointer;
    box-sizing: border-box; }
    .stacks .set-wrap .containers .media-elem-container label span {
      -webkit-line-clamp: 2;
      text-overflow: ellipsis !important;
      display: -webkit-box !important;
      -webkit-box-orient: vertical !important;
      font-size: 30px !important;
      color: white !important;
      line-height: 35px !important;
      overflow: hidden !important; }
    .stacks .set-wrap .containers .media-elem-container label i.pdf-icon {
      display: inline-block;
      width: 45px;
      height: 50px;
      background: url("/img/pdf-icon.svg") no-repeat center center/cover; }
.stacks .set-wrap .resources {
  position: relative;
  max-height: 360x;
  min-height: 140px; }
  .stacks .set-wrap .resources img {
    height: 300px;
    object-fit: cover;
    width: 100%; }
  .stacks .set-wrap .resources p {
    background: #000;
    padding: 21px 50px 40px;
    height: 140px;
    box-sizing: border-box;
    position: absolute;
    bottom: -30px;
    color: #fff;
    left: 0;
    width: 90%;
    margin: 0; }
    .stacks .set-wrap .resources p span {
      -webkit-line-clamp: 2;
      text-overflow: ellipsis !important;
      display: -webkit-box !important;
      -webkit-box-orient: vertical !important;
      font-size: 30px !important;
      color: white !important;
      line-height: 35px !important;
      overflow: hidden !important; }
  .stacks .set-wrap .resources .author-container {
    position: absolute;
    bottom: 0;
    width: 170px;
    font-size: 13px;
    left: -185px;
    text-align: right; }
    .stacks .set-wrap .resources .author-container a {
      text-decoration: none;
      color: #858585;
      display: block;
      width: 100%; }
      .stacks .set-wrap .resources .author-container a b {
        text-decoration: none;
        display: block;
        width: 100%;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden;
        margin-bottom: 10px;
        text-transform: uppercase; }
      .stacks .set-wrap .resources .author-container a span {
        color: #858585 !important;
        font-size: 13px !important;
        padding: 0;
        display: block;
        width: 100%;
        text-decoration: underline !important; }
.stacks .article .info {
  top: -64px !important;
  padding: 45px 90px 87px 200px !important; }
  .stacks .article .info span {
    -webkit-font-smoothing: antialiased;
    font-weight: normal; }
    .stacks .article .info span strong {
      font-weight: 900 !important; }
  .stacks .article .info h2 {
    max-height: 113px;
    overflow: hidden;
    font-weight: normal;
    line-height: 56px;
    margin: 27px 0px !important;
    font-size: 48px !important;
    -webkit-font-smoothing: antialiased;
    font-family: 'Roboto Slab', serif; }
  .stacks .article .info p {
    height: 58px;
    overflow: hidden;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 24px !important; }
.stacks .article .author {
  font-size: 12px;
  padding-left: 21px; }
  .stacks .article .author.contributors {
    top: 25px; }
    .stacks .article .author.contributors strong {
      font-weight: 900;
      margin: 2px 0px 0px 0px !important; }
  .stacks .article .author .img-container {
    margin-left: 10px;
    margin-bottom: 12px; }
    .stacks .article .author .img-container img {
      width: 45px;
      height: 45px;
      position: relative;
      margin-left: -10px; }
  .stacks .article .author .social {
    margin-top: 9px; }
  .stacks .article .author .placeholder {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    object-fit: contain;
    background-color: #2b2b2b; }
  .stacks .article .author span {
    font-size: 12px !important;
    text-transform: initial !important; }
  .stacks .article .author strong {
    font-size: 12px;
    margin-top: 9px !important;
    text-transform: uppercase; }
.stacks .set-wrap {
  margin-bottom: 80px; }
.stacks .blog-article .col-6 {
  width: 70% !important; }
.stacks .blog-article article {
  padding-left: 260px;
  /* for q2 */
  /* for q3 */ }
  .stacks .blog-article article p {
    font-size: 16px !important;
    line-height: 25px !important;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 60px; }
  .stacks .blog-article article h1 {
    font-size: 64px;
    line-height: 64px;
    color: #000;
    font-weight: 500;
    margin: 30px 0px 0px 0px; }
  .stacks .blog-article article h2 {
    font-size: 36px;
    line-height: 42px;
    color: #000;
    font-weight: 900;
    margin: 30px 0px 0px 0px; }
  .stacks .blog-article article blockquote {
    display: block !important;
    color: #000 !important;
    font-weight: 500 !important;
    margin: 40px 0px 0px 40px !important;
    line-height: 48px !important;
    font-size: 48px !important; }
  .stacks .blog-article article dl {
    margin: 40px 0px 0px 80px !important;
    font-size: 36px !important;
    line-height: 36px !important;
    color: #000 !important;
    font-style: italic !important;
    font-weight: 500 !important;
    word-break: break-all; }
  .stacks .blog-article article dt {
    margin: 40px 0px 0px 80px !important;
    font-size: 28px !important;
    line-height: 32px;
    font-style: italic !important;
    color: #000 !important;
    padding: 10px !important;
    border-left: 6px solid #000 !important; }
  .stacks .blog-article article .containers .custom-comment {
    padding: 20px 0px 20px 55px !important;
    width: 80%;
    box-sizing: border-box; }
  .stacks .blog-article article .q2-container {
    margin-bottom: -5px !important;
    padding-left: 55px !important;
    margin-top: 30px !important; }
    .stacks .blog-article article .q2-container::before {
      left: 0 !important; }
    .stacks .blog-article article .q2-container.snippet pre {
      background-color: #f1f1f1 !important;
      padding: 10px 20px !important;
      line-height: 24px;
      width: 80% !important;
      box-sizing: border-box;
      white-space: inherit;
      border-top: 14px solid #dedede !important; }
    .stacks .blog-article article .q2-container.snippet span, .stacks .blog-article article .q2-container.snippet div, .stacks .blog-article article .q2-container.snippet p {
      text-align: left !important;
      font-weight: normal !important;
      color: #000 !important;
      font-size: 14px !important; }
    .stacks .blog-article article .q2-container.snippet span {
      display: inline !important; }
    .stacks .blog-article article .q2-container .rw-added-media-container {
      position: relative; }
      .stacks .blog-article article .q2-container .rw-added-media-container img {
        height: 550px;
        object-fit: cover;
        width: auto; }
      .stacks .blog-article article .q2-container .rw-added-media-container .rw-media-source {
        position: absolute;
        left: -210px;
        font-size: 11px !important;
        font-weight: normal;
        text-decoration: underline;
        line-height: 13px;
        color: #858585;
        display: block;
        max-height: 27px;
        overflow: hidden;
        margin: 0px 0px 10px 0px;
        text-align: right; }
        .stacks .blog-article article .q2-container .rw-added-media-container .rw-media-source input {
          pointer-events: none;
          width: 90px;
          text-align: right; }
          .stacks .blog-article article .q2-container .rw-added-media-container .rw-media-source input:first-child {
            margin-bottom: 3px !important;
            font-weight: bold;
            pointer-events: none;
            text-transform: uppercase; }
          .stacks .blog-article article .q2-container .rw-added-media-container .rw-media-source input:last-child {
            text-decoration: underline; }
      .stacks .blog-article article .q2-container .rw-added-media-container .rw-added-media-img-remove,
      .stacks .blog-article article .q2-container .rw-added-media-container .rw-added-media-buttons {
        display: none; }
    .stacks .blog-article article .q2-container span {
      position: initial !important;
      width: auto !important; }
    .stacks .blog-article article .q2-container:after {
      content: "";
      width: 80%;
      height: 3px;
      background: var(--after-color);
      position: absolute;
      bottom: -17px;
      left: 0px;
      display: none; }
    .stacks .blog-article article .q2-container.last:after {
      display: block; }
    .stacks .blog-article article .q2-container p {
      padding-bottom: 5px !important; }
    .stacks .blog-article article .q2-container:nth-child(1) .source {
      display: block; }
    .stacks .blog-article article .q2-container .source {
      font-size: 11px;
      font-weight: normal;
      width: 174px !important;
      left: -191px;
      padding: 0;
      position: absolute;
      text-align: right;
      color: #858585;
      display: none; }
      .stacks .blog-article article .q2-container .source b {
        text-transform: uppercase;
        font-size: 11px;
        line-height: 13px;
        display: block !important;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden; }
      .stacks .blog-article article .q2-container .source a {
        font-size: 11px;
        font-weight: normal;
        text-decoration: underline;
        line-height: 13px;
        color: #AEAEAE;
        display: block;
        margin: 3px 0px 10px 0px; }
        .stacks .blog-article article .q2-container .source a label {
          -webkit-line-clamp: 2;
          text-overflow: ellipsis !important;
          display: -webkit-box !important;
          -webkit-box-orient: vertical !important;
          overflow: hidden;
          font-size: 11px;
          line-height: 13px;
          margin-bottom: 15px; }
        .stacks .blog-article article .q2-container .source a:hover {
          color: #000; }
    .stacks .blog-article article .q2-container.with-notes {
      font-style: italic; }
      .stacks .blog-article article .q2-container.with-notes b {
        margin-left: 22px;
        margin-left: 48px;
        font-style: italic;
        cursor: pointer; }
      .stacks .blog-article article .q2-container.with-notes:hover p {
        display: block; }
      .stacks .blog-article article .q2-container.with-notes p {
        display: none; }
  .stacks .blog-article article .q2 {
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 25px !important;
    font-style: italic;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 0;
    border: none;
    padding: 0 !important; }
    .stacks .blog-article article .q2 img {
      margin: 0; }
.stacks .quick-reactions {
  background: #efedf0;
  padding: 79px 0px 112px 0px;
  text-align: center;
  margin: 120px auto 0 auto;
  width: 90%; }
  .stacks .quick-reactions .reactions-container {
    width: 55%;
    margin-left: 197px;
    text-align: left; }
    .stacks .quick-reactions .reactions-container h3 {
      font-size: 36px;
      margin: 0px 0px 57px 0px; }
    .stacks .quick-reactions .reactions-container .row {
      display: flex;
      justify-content: space-between;
      margin-bottom: 40px; }
      .stacks .quick-reactions .reactions-container .row:last-child {
        margin-bottom: 0px; }
      .stacks .quick-reactions .reactions-container .row a {
        display: flex;
        flex-direction: column;
        text-align: center; }
        .stacks .quick-reactions .reactions-container .row a img {
          height: 45px;
          margin-bottom: 5px; }
        .stacks .quick-reactions .reactions-container .row a label {
          color: #999999;
          font-weight: bold;
          font-size: 0.875rem; }
.stacks .article-author {
  width: 90%;
  margin: 0px auto 37px auto !important;
  padding: 37px 0px 55px 0px !important; }
  .stacks .article-author .author-container {
    margin-left: 197px !important; }
    .stacks .article-author .author-container .author-bio img {
      border: none !important;
      object-fit: cover;
      width: 62px;
      height: 62px; }
    .stacks .article-author .author-container .author-bio h4 {
      font-size: 12px;
      text-transform: uppercase; }
    .stacks .article-author .author-container .author-bio label {
      font-size: 12px;
      font-weight: normal;
      -webkit-font-smoothing: antialiased; }
    .stacks .article-author .author-container p {
      font-size: 16px !important;
      line-height: 25px;
      width: 55%;
      max-height: 75px;
      overflow: hidden;
      margin: 15px 0px 25px 0px !important;
      -webkit-font-smoothing: antialiased; }
.stacks .comments {
  margin-left: 260px !important;
  margin-bottom: 64px; }
  .stacks .comments .comment-title {
    font-size: 36px;
    margin-bottom: 20px; }
  .stacks .comments .troll-filter {
    color: #343434;
    margin-bottom: 0px; }
.stacks .source-summary, .stacks .stack-password {
  width: 90%;
  margin: 0 auto;
  background: #242225;
  padding: 45px 0px 66px 0px; }
  .stacks .source-summary h3, .stacks .stack-password h3 {
    color: #56ffa5;
    font-size: 36px;
    margin-bottom: 25px; }
  .stacks .source-summary .row, .stacks .stack-password .row {
    margin-left: 197px;
    width: 50%; }
    .stacks .source-summary .row a, .stacks .stack-password .row a {
      display: inline-block;
      width: 48%;
      color: #fff;
      font-size: 11px;
      line-height: 13px;
      vertical-align: middle;
      margin-bottom: 11px;
      align-items: center;
      -webkit-font-smoothing: antialiased; }
      .stacks .source-summary .row a img, .stacks .stack-password .row a img {
        width: 55px;
        height: 55px;
        margin-right: 10px;
        border-radius: 50%;
        background-color: #d8d8d8; }
      .stacks .source-summary .row a .placeholder, .stacks .stack-password .row a .placeholder {
        width: 55px;
        height: 55px;
        float: left;
        margin-right: 10px;
        border-radius: 50%;
        background-size: cover !important;
        background-color: #d8d8d8; }
.stacks .stack-password {
  margin-bottom: 37px; }
  .stacks .stack-password.full {
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    margin: 0; }
    .stacks .stack-password.full .row {
      width: 100%;
      margin: 0;
      display: flex;
      flex-direction: column;
      align-items: center; }
  .stacks .stack-password h3 {
    margin-bottom: 15px; }
  .stacks .stack-password p {
    color: #fff; }
  .stacks .stack-password form {
    margin-bottom: 0;
    text-align: left; }
    .stacks .stack-password form .error {
      color: red;
      font-weight: bold; }
  .stacks .stack-password div.fieldset {
    margin: 20px 0 0 0;
    padding: 0;
    border: none;
    display: flex; }
    .stacks .stack-password div.fieldset input {
      width: 250px;
      margin-right: 10px;
      background: #fff;
      border-radius: 3px;
      color: #000;
      font-size: 16px;
      margin-bottom: 0; }
    .stacks .stack-password div.fieldset button {
      background: #56ffa5;
      padding: 0 20px;
      line-height: normal;
      height: 42px;
      border-radius: 2px;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: bold; }
.stacks .see-more {
  background: #000;
  padding: 83px 0px 76px 0px; }
  .stacks .see-more .see-more-container {
    width: 85% !important; }
  .stacks .see-more h3 {
    color: #fff;
    margin: 0px 0px 40px 150px !important; }
  .stacks .see-more .placeholder {
    height: 325px !important;
    margin-bottom: 53px;
    background-position: center;
    background-size: cover;
    text-align: left;
    padding: 100px 20px 0px 20px;
    box-sizing: border-box;
    width: 70%;
    margin-left: 60px; }
    .stacks .see-more .placeholder h3, .stacks .see-more .placeholder h1 {
      text-align: center;
      margin: 0 !important; }
    .stacks .see-more .placeholder h3 a,
    .stacks .see-more .placeholder h1 a {
      color: #fff;
      font-size: 30px;
      text-shadow: 2px 2px 4px #000000; }
.stacks footer {
  background: #000;
  width: 100%;
  margin: 0;
  padding: 40px 0px 121px 0px; }
  .stacks footer .logo {
    display: inline-block;
    margin: 0 auto; }
    .stacks footer .logo img {
      width: 55px;
      height: 55px;
      object-fit: cover; }

@media only screen and (max-width: 1150px) and (min-width: 885px) {
  .blog-article article {
    width: 95% !important; } }
@media only screen and (max-width: 880px) {
  .stacks .containers .youtube-player.youtube-player {
    width: 100% !important;
    padding: 0px 20px !important;
    box-sizing: border-box;
    margin: 0px 0px 20px 0px !important; }
  .stacks .containers .media-elem-container.media-elem-container {
    padding: 0px 20px !important;
    width: 100% !important;
    box-sizing: border-box; }
    .stacks .containers .media-elem-container.media-elem-container img {
      height: auto !important;
      width: 100% !important;
      min-height: 300px;
      object-fit: cover; }
    .stacks .containers .media-elem-container.media-elem-container .twitter-tweet {
      width: 100% !important; }
    .stacks .containers .media-elem-container.media-elem-container.video iframe {
      width: 100% !important; }
    .stacks .containers .media-elem-container.media-elem-container.pdf .title {
      width: 100% !important; }

  .stacks .blog-article article p {
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px; }

  .stacks header .sources,
  .stacks header .image-source {
    left: 0px; }

  .stacks .article .author.author {
    top: -25px !important; }

  .stacks .article .info.info {
    padding: 50px 45px 50px 30px !important;
    width: 100% !important; }
    .stacks .article .info.info h2 {
      line-height: normal;
      -webkit-line-clamp: 2;
      text-overflow: ellipsis !important;
      display: -webkit-box !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden; }
    .stacks .article .info.info p {
      -webkit-line-clamp: 2;
      text-overflow: ellipsis !important;
      display: -webkit-box !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden; }

  .stacks .see-more h3 {
    margin-left: 20px !important; }

  .stacks .source-summary .row, .stacks .stack-password .row,
  .stacks .stack-password .row,
  .stacks .article-author .author-container {
    margin-left: 20px !important;
    width: 85%; }

  .stacks .source-summary .row a, .stacks .stack-password .row a {
    width: 100%;
    margin-bottom: 20px; }

  .stacks .article-author .author-container p {
    width: 90%; }

  .stacks .see-more {
    margin-bottom: -65px !important; }

  .see-more .see-more-container div.placeholder {
    margin: 0 auto 50px auto !important;
    width: 100% !important; }
    .see-more .see-more-container div.placeholder h1 a {
      text-overflow: ellipsis;
      width: 100%;
      overflow: hidden;
      display: block; }
    .see-more .see-more-container div.placeholder h3 a {
      -webkit-line-clamp: 3;
      text-overflow: ellipsis !important;
      display: -webkit-box !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden; }

  .stacks .blog-article article .containers .custom-comment {
    padding: 20px 35px !important; }

  .stacks .blog-article article {
    padding-left: 0px !important; }
    .stacks .blog-article article img.page-break.page-break {
      padding: 0 !important;
      margin: 50px auto !important; }
    .stacks .blog-article article .q2-container {
      padding-left: 35px !important; }
      .stacks .blog-article article .q2-container:after {
        width: 90%; }
      .stacks .blog-article article .q2-container.snippet span {
        white-space: pre-line; }
      .stacks .blog-article article .q2-container.snippet pre {
        box-sizing: border-box;
        width: 90% !important;
        white-space: normal;
        word-break: break-word;
        padding: 10px 15px !important; }
      .stacks .blog-article article .q2-container::before {
        width: 25px; }
      .stacks .blog-article article .q2-container p {
        width: 95%; } }
.feature a {
  text-decoration: none; }

.set-breaker {
  content: "";
  width: 80%;
  height: 3px;
  background: var(--after-color);
  position: relative;
  display: block;
  bottom: 13px; }

.theme label {
  display: block;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: 4px;
  margin-bottom: 17px;
  color: #4737ff;
  text-transform: uppercase; }

.theme fieldset {
  width: 52px !important;
  height: 52px;
  display: inline-block !important;
  margin-right: 15px;
  position: relative; }

.theme fieldset:last-child {
  margin-right: 0; }

.theme fieldset label {
  width: 45px !important;
  height: 45px;
  border-radius: 6px;
  margin: 0;
  display: inline-block !important;
  cursor: pointer; }

.theme fieldset input:checked ~ label:after {
  content: '';
  width: 65px;
  height: 65px;
  border-radius: 18px;
  background: #636363;
  position: absolute;
  z-index: -1;
  left: -10px;
  top: -10px; }

.half .theme button[type=submit] {
  margin: 0 !important; }

.profile-edit .form .half, .profile-sections .form .half {
  padding-bottom: 50px !important; }

.subject-selector {
  margin-top: 25px;
  position: relative;
  width: 100%; }
  .subject-selector fieldset {
    border: none;
    width: 60%;
    float: none;
    clear: both; }
    .subject-selector fieldset small {
      font-size: 14px !important;
      padding-left: 15px !important; }
    .subject-selector fieldset input {
      border-radius: 5px;
      border: solid 2px #4737ff;
      background-color: #f5f4ff;
      padding: 9px 26px 9px 16px;
      color: #4737ff;
      font-size: 1.125rem;
      width: 100%;
      margin-bottom: 5px; }
    .subject-selector fieldset .subject-list-wrap {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 99;
      display: none; }
    .subject-selector fieldset .subject-list {
      display: none;
      position: absolute;
      top: 43px;
      border-radius: 4px;
      background-color: #FFF;
      border: solid 2px #bbbbbb;
      padding: 10px;
      z-index: 999;
      width: 80%;
      box-sizing: border-box; }
      .subject-selector fieldset .subject-list ul {
        max-height: 250px;
        overflow: scroll;
        margin: 0px;
        padding: 0px; }
      .subject-selector fieldset .subject-list li {
        list-style-type: none;
        padding: 10px 5px;
        cursor: pointer;
        color: #353535;
        font-weight: bold;
        -webkit-font-smoothing: antialiased;
        border-bottom: 1px solid #d1d1d1; }
        .subject-selector fieldset .subject-list li:hover {
          color: #4737ff;
          border-color: #4737ff; }
  .subject-selector a {
    display: block;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer; }
    .subject-selector a span {
      color: #2DDB73; }

.selected-subject-list {
  margin-top: 30px; }

.selected-subject-list .selected-subject input {
  width: 100%;
  font-size: 14px;
  margin-bottom: 0; }

.selected-subject-list span {
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
  padding: 7px 12px 9px 12px;
  margin-top: 0px;
  width: 240px;
  outline: none;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  background-color: #e5e5e5;
  border: 2px solid #7b847e;
  color: #a9a9a9;
  cursor: not-allowed;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.selected-subject-list .selected-subject {
  width: 100%;
  display: flex;
  margin-bottom: 5px;
  justify-content: space-between;
  align-items: center; }

.selected-subject-list fieldset {
  width: auto;
  margin-left: 15px;
  margin-right: 0px;
  position: relative; }

.selected-subject-list fieldset.update-all.hide {
  display: none; }

.selected-subject-list fieldset.subject-name {
  width: 22%; }

.selected-subject-list fieldset.subject-name .select-wrapper,
.selected-subject-list fieldset.subject-name .select-wrapper select {
  width: 100%; }

.selected-subject-list fieldset.public .select-wrapper select {
  padding: 7px 25px 9px 12px; }

.selected-subject-list fieldset.public .select-wrapper:after {
  right: 15px; }

.selected-subject-list fieldset.subject-label {
  width: 30%; }

.selected-subject-list fieldset.subject-keywords {
  width: 50%; }

.selected-subject-list fieldset small.err {
  font-size: 14px !important;
  padding-left: 10px !important;
  color: red;
  display: block; }

.selected-subject-list a.title {
  width: 40%;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  color: #2DDB73;
  cursor: pointer;
  font-weight: bold;
  padding: 6px 10px 6px 0px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.selected-subject-list a.title:hover {
  text-decoration: underline; }

.selected-subject-list fieldset .select-wrapper {
  position: relative;
  display: inline-block; }

.selected-subject-list fieldset .select-wrapper:after {
  content: "";
  display: block;
  width: 11px;
  height: 7px;
  position: absolute;
  top: 23px;
  opacity: 0.6;
  right: 25px;
  background: url(/img/arrow-down-black.png) no-repeat center center/cover; }

.selected-subject-list fieldset .select-wrapper select {
  -webkit-appearance: none;
  border: 2px solid #2DDB73;
  background-color: #e5e5e5;
  border-radius: 3px;
  padding: 7px 40px 9px 12px;
  outline: none;
  font-size: 14px;
  font-weight: bold;
  margin-top: 8px; }

.selected-subject-list .remove-btn {
  background: url("/img/trash-red.svg") no-repeat center/cover;
  width: 25px;
  height: 21px;
  display: block;
  margin-left: 15px;
  margin-top: 6px;
  cursor: pointer;
  filter: grayscale(1); }

.selected-subject-list .remove-btn:hover {
  filter: none; }

.selected-subject-list input:checked ~ .pinned-subject {
  filter: none; }

.selected-subject-list .pinned-subject {
  background: url(/img/pin.svg) no-repeat center/cover;
  width: 37px;
  height: 33px;
  display: block;
  margin-top: 6px;
  cursor: pointer;
  filter: grayscale(1);
  position: relative;
  top: 3px;
  transform: rotate(28deg); }

.selected-subject-list fieldset .tip {
  width: 15px;
  height: 15px;
  background: url(/img/icons/questionMark.svg) no-repeat center center/cover;
  position: absolute;
  cursor: pointer;
  display: inline-block;
  top: 10px;
  right: 5px; }

.selected-subject-list fieldset .tip p {
  display: none;
  width: 250px;
  font-size: 11px;
  background: #818188;
  color: #000;
  letter-spacing: normal;
  text-transform: initial;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 5px;
  position: relative;
  top: 20px;
  z-index: 999; }

.selected-subject-list .save-subject {
  margin-left: 20px;
  cursor: pointer;
  padding: 8px 20px;
  border-radius: 3px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 8px;
  background-color: #2DDB73;
  color: #000;
  border: none;
  /* pointer-events: none; */
  width: 100px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; }

.selected-subject-list .remove-btn {
  background: url("/img/trash-red.svg") no-repeat center/cover;
  width: 25px;
  height: 23px;
  display: block;
  margin-left: 15px;
  margin-top: 6px;
  cursor: pointer;
  filter: grayscale(1); }

.selected-subject-list .remove-btn:hover {
  filter: none; }

.selected-subject-list input:checked ~ .pinned-subject {
  filter: none; }

.selected-subject-list .pinned-subject {
  background: url(/img/pin.svg) no-repeat center/cover;
  width: 37px;
  height: 33px;
  display: block;
  margin-top: 6px;
  cursor: pointer;
  filter: grayscale(1);
  position: relative;
  top: 3px;
  transform: rotate(28deg); }

.selected-subject-list .save-subject i {
  display: none;
  width: 20px;
  height: 20px;
  background: url("/img/loader.gif") no-repeat center center/cover; }

.selected-subject-list .save-subject.active {
  background-color: #2DDB73;
  pointer-events: initial; }

.subjects-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999; }

.subjects-overlay.show {
  display: flex; }

.subjects-overlay .content {
  background: #fff;
  border-radius: 5px;
  padding: 45px;
  width: 360px;
  text-align: center; }

.subjects-overlay .content p {
  margin-bottom: 20px; }

.subjects-overlay .content h2 {
  color: #000;
  margin-bottom: 10px;
  margin-top: 0; }

.subjects-overlay .content .cls-btn {
  background: #02db73;
  color: #fff;
  padding: 6px 20px;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 auto;
  border: none;
  cursor: pointer;
  border-radius: 2px;
  font-weight: bold; }

.subjects-overlay.confirm a {
  color: #fff;
  font-size: 16px;
  border-radius: 4px;
  padding: 8px 30px;
  text-align: center;
  cursor: pointer; }

.subjects-overlay a.delete-btn i {
  display: none;
  width: 20px;
  height: 13px;
  background: url(/img/loader.gif) no-repeat center center/cover;
  margin-left: 3px;
  position: relative;
  top: 1px; }

.subjects-overlay a.delete-btn {
  background-color: #02db73; }

.subjects-overlay a.cancel-btn {
  background: #BE1E2D;
  margin-right: 15px; }

@-webkit-keyframes moveDown {
  0% {
    top: 0px; }
  100% {
    top: 5px; } }
@-moz-keyframes moveDown {
  0% {
    top: 0px; }
  100% {
    top: 5px; } }
@-ms-keyframes moveDown {
  0% {
    top: 0px; }
  100% {
    top: 5px; } }
@-o-keyframes moveDown {
  0% {
    top: 0px; }
  100% {
    top: 5px; } }
@keyframes moveDown {
  0% {
    top: 0px; }
  100% {
    top: 5px; } }
@-webkit-keyframes moveLeft {
  0% {
    right: 25px; }
  100% {
    right: 30px; } }
@-moz-keyframes moveLeft {
  0% {
    right: 25px; }
  100% {
    right: 30px; } }
@-ms-keyframes moveLeft {
  0% {
    right: 25px; }
  100% {
    right: 30px; } }
@-o-keyframes moveLeft {
  0% {
    right: 25px; }
  100% {
    right: 30px; } }
@keyframes moveLeft {
  0% {
    right: 25px; }
  100% {
    right: 30px; } }
iframe .vp-center {
  justify-content: flex-start !important; }

.EmbeddedTweet {
  max-width: initial !important;
  width: 100%; }

.mt-80 {
  margin-top: 80px !important; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html .clearfix {
  zoom: 1; }

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1; }

/* IE7 */
.arrow {
  position: absolute;
  top: 20px;
  right: 5%;
  transform: scale(0.85); }
  .arrow:before {
    content: '';
    width: 28px;
    height: 28px;
    background: url(../img/icons/chevron-arrow-up.svg) no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    right: -9px;
    top: -25px; }
  .arrow:after {
    content: '';
    width: 28px;
    height: 28px;
    background: url(../img/icons/chevron-pointing-to-the-left.svg) no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    left: -25px;
    bottom: -10px; }

body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  height: 100vh;
  overflow-x: hidden; }
  body.fixed {
    overflow: hidden; }

.btn.btn-black {
  background: #000000;
  letter-spacing: -0.8px;
  font-size: 1.5rem;
  color: #ffffff;
  padding: 30px 0px 30px 25px;
  text-decoration: none;
  width: 50%;
  max-width: 500px;
  margin: 0 auto;
  display: block;
  position: relative; }
  .btn.btn-black::after {
    content: '';
    position: absolute;
    right: -35px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 45px solid transparent;
    border-left: 35px solid #000;
    border-bottom: 44px solid transparent; }
  .btn.btn-black i {
    background: url(../img/icons/arrow-right-green.png) no-repeat;
    width: 35px;
    height: 30px;
    background-size: cover;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -15px;
    animation: moveLeft 1s ease-in alternate infinite; }
  .btn.btn-black.mobile {
    display: none; }
    .btn.btn-black.mobile::after {
      display: none; }

header {
  width: 68%;
  padding: 57px 0px 20px 0px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  header .mobile-menu {
    display: none; }
    header .mobile-menu .menu {
      display: none;
      z-index: -1;
      background: rgba(0, 0, 0, 0.85);
      position: fixed;
      left: 0;
      top: 0;
      text-align: center;
      padding-top: 60px;
      box-sizing: border-box;
      height: 100%;
      width: 100%;
      flex-direction: column;
      z-index: 9999; }
      header .mobile-menu .menu a {
        color: #818181;
        font-weight: bold;
        font-size: 1.125rem;
        text-decoration: none;
        display: inline-block;
        margin-bottom: 10px; }
        header .mobile-menu .menu a.selected {
          color: #02de74; }
    header .mobile-menu span {
      display: block;
      width: 20px;
      height: 3px;
      background: #141414;
      margin-bottom: 3px;
      transition: all 0.2s ease;
      position: relative;
      z-index: 999999; }
      header .mobile-menu span:last-child {
        margin-bottom: 0; }
    header .mobile-menu.show span {
      background: #fff !important; }
    header .mobile-menu.show span:nth-child(1) {
      transform: rotate(45deg); }
    header .mobile-menu.show span:nth-child(2) {
      display: none; }
    header .mobile-menu.show span:nth-child(3) {
      transform: rotate(-45deg);
      position: relative;
      top: -6px; }
    header .mobile-menu.show .menu {
      display: flex;
      z-index: 9999; }
  header .logo img {
    height: 34px;
    object-fit: cover; }
  header nav a {
    font-size: 0.75rem;
    color: #141414;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 35px;
    padding: 5px 0px;
    display: inline-block;
    letter-spacing: 1.7px;
    position: relative; }
    header nav a:after {
      content: '';
      width: 0px;
      height: 3px;
      background: #40dd80;
      display: block;
      position: absolute;
      left: 0;
      bottom: 0px;
      transition: all 0.5s ease; }
    header nav a:hover, header nav a.active {
      cursor: pointer; }
      header nav a:hover:after, header nav a.active:after {
        width: 100%; }
    header nav a.selected {
      border-bottom: 7px solid #000; }
    header nav a.sign-in {
      border: solid 1px #d9d9d9;
      border-radius: 2px;
      padding: 12px; }
      header nav a.sign-in:hover {
        border: solid 1px #40dd80; }
        header nav a.sign-in:hover:after {
          display: none; }
    header nav a.test-drive {
      color: #40dd80; }

.installed-app-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 9999999; }
  .installed-app-logo img {
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -55px;
    margin-right: -55px;
    transition: all 2s ease 0.5s; }
  .installed-app-logo.hide {
    z-index: -3; }
    .installed-app-logo.hide img {
      right: -20px;
      top: -150px;
      transform: scale(0.2); }

.install-page header {
  padding: 30px 40px;
  width: 100%;
  box-sizing: border-box; }
  .install-page header div {
    width: 55%;
    padding-right: 5%;
    box-sizing: border-box;
    margin: 0 auto;
    font-family: "Montserrat", sans-serif !important; }
    .install-page header div h2 {
      font-size: 28px;
      line-height: 34px;
      font-family: "Montserrat", sans-serif !important;
      font-weight: bold;
      margin: 0; }
    .install-page header div p {
      padding: 0;
      line-height: 16px;
      font-size: 13px;
      margin: 15px 0px; }
  .install-page header form fieldset {
    position: relative;
    border: none; }
    .install-page header form fieldset:after {
      content: "";
      position: absolute;
      left: -80px;
      top: -10px;
      background: url("/img/form-arrow.png") no-repeat center center/contain;
      width: 54px;
      height: 54px; }
    .install-page header form fieldset input {
      border: 1px solid #48CD77;
      background: #fff;
      outline: none;
      height: 37px;
      width: 276px;
      position: relative;
      line-height: 37px;
      padding: 0px 10px;
      box-sizing: border-box;
      font-size: 12px;
      color: #000;
      margin-bottom: 21px;
      text-align: center; }
      .install-page header form fieldset input::placeholder {
        color: #9B9B9B; }
    .install-page header form fieldset button {
      background: #30BF64;
      outline: none;
      color: #fff;
      border: none;
      border-radius: 2px;
      text-transform: uppercase;
      font-weight: bold;
      width: 349px;
      padding: 9px;
      box-sizing: border-box; }
.install-page section {
  width: 55%;
  margin: 0 auto; }
  .install-page section.tutorial {
    width: 100%;
    padding-bottom: 100px;
    position: relative;
    margin-top: 25px; }
    .install-page section.tutorial.register {
      margin-top: 70px; }
      .install-page section.tutorial.register:after {
        content: '';
        width: 100%;
        min-height: 100%;
        opacity: 0.98;
        background: black;
        background: linear-gradient(0deg, white 50%, rgba(240, 240, 240, 0.5) 75%, rgba(221, 221, 221, 0.4) 100%);
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 99; }
      .install-page section.tutorial.register .content {
        overflow: hidden;
        height: calc(100vh + 400px); }
      .install-page section.tutorial.register .register-form, .install-page section.tutorial.register .confirm,
      .install-page section.tutorial.register .confirm {
        display: block; }
    .install-page section.tutorial .overlay-content {
      width: 55%;
      margin: 0 auto;
      position: relative; }
    .install-page section.tutorial .register-form, .install-page section.tutorial .confirm {
      position: absolute;
      z-index: 9999;
      top: -40px;
      display: none;
      box-sizing: border-box;
      width: 534px;
      text-align: center;
      padding: 40px 55px 30px 55px;
      box-shadow: rgba(0, 0, 0, 0.85) 0 2px 10px;
      background: #fff; }
      .install-page section.tutorial .register-form.hide, .install-page section.tutorial .hide.confirm {
        display: none !important; }
      .install-page section.tutorial .register-form img, .install-page section.tutorial .confirm img {
        height: 193px; }
      .install-page section.tutorial .register-form h3, .install-page section.tutorial .confirm h3 {
        font-size: 20px;
        line-height: 24px;
        margin: 25px 0px 20px 0px;
        font-weight: bold;
        -webkit-font-smoothing: antialiased; }
      .install-page section.tutorial .register-form p, .install-page section.tutorial .confirm p {
        font-size: 13px;
        line-height: 16px;
        font-weight: normal;
        letter-spacing: normal;
        margin: 0 0 20px 0;
        padding: 0;
        width: 100%; }
        .install-page section.tutorial .register-form p span, .install-page section.tutorial .confirm p span {
          color: red; }
      .install-page section.tutorial .register-form form, .install-page section.tutorial .confirm form {
        text-align: center; }
        .install-page section.tutorial .register-form form input, .install-page section.tutorial .confirm form input {
          width: 65%;
          outline: none;
          border: 1px solid #48CD77;
          background: #f1f1f1;
          height: 37px;
          line-height: 37px;
          font-size: 12px;
          color: #000;
          text-align: center; }
          .install-page section.tutorial .register-form form input::placeholder, .install-page section.tutorial .confirm form input::placeholder {
            color: #9B9B9B; }
        .install-page section.tutorial .register-form form button, .install-page section.tutorial .confirm form button {
          margin-top: 15px;
          width: 100%;
          text-transform: uppercase;
          color: #fff;
          border: none;
          border-radius: 2px;
          font-weight: bold;
          font-size: 12px;
          outline: none;
          background: #48CD77;
          text-align: center;
          height: 30px;
          position: relative; }
          .install-page section.tutorial .register-form form button i, .install-page section.tutorial .confirm form button i {
            background: url("/img/loader.gif") no-repeat center center/cover;
            width: 20px;
            height: 14px;
            position: absolute;
            top: 7px;
            display: none; }
        .install-page section.tutorial .register-form form span.error, .install-page section.tutorial .confirm form span.error {
          color: #f00;
          font-size: 14px; }
    .install-page section.tutorial .confirm {
      padding: 60px 60px 46px 60px; }
      .install-page section.tutorial .confirm small {
        font-size: 12px !important;
        font-weight: bold;
        margin-top: 73px !important;
        display: block;
        -webkit-font-smoothing: antialiased; }
    .install-page section.tutorial .content {
      width: 55%;
      margin: 0 auto;
      position: relative; }
      .install-page section.tutorial .content .steps {
        width: 85%; }
        .install-page section.tutorial .content .steps .step {
          margin-bottom: 35px; }
        .install-page section.tutorial .content .steps h2 {
          font-size: 48px;
          font-weight: normal;
          margin: 0; }
        .install-page section.tutorial .content .steps p {
          padding: 0;
          font-size: 18px;
          line-height: 28px;
          letter-spacing: normal;
          margin: 25px 0px 0px 0px; }
        .install-page section.tutorial .content .steps b {
          display: block;
          font-weight: bold;
          font-size: 18px;
          margin-top: 35px;
          -webkit-font-smoothing: antialiased; }
        .install-page section.tutorial .content .steps .placeholder {
          margin-top: 15px;
          width: 90%;
          background: #5C5959;
          height: 221px; }
      .install-page section.tutorial .content a.btn-green {
        background: #30BF64;
        border-radius: 8px;
        display: block;
        text-decoration: none;
        padding: 45px 0px;
        margin-top: 20px;
        width: 100%;
        font-size: 28px;
        font-weight: bold;
        color: #FFF;
        text-align: center;
        -webkit-font-smoothing: antialiased; }
  .install-page section h1 {
    font-size: 43px;
    line-height: 60px;
    margin: 0;
    letter-spacing: -0.77px;
    font-weight: normal; }
    .install-page section h1 span {
      display: inline-block;
      position: relative; }
      .install-page section h1 span:after {
        content: "";
        width: 100%;
        height: 28px;
        background: #3AFF78;
        position: absolute;
        bottom: 12px;
        left: 0;
        z-index: -1; }
  .install-page section p {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    letter-spacing: -0.32;
    width: 90%;
    margin: 25px 0px 0px 0px;
    -webkit-font-smoothing: antialiased; }
    .install-page section p b {
      font-weight: 900; }
.install-page .btn {
  background: #30BF64;
  color: #fff;
  padding: 50px;
  border-radius: 8px;
  width: 100%;
  font-weight: bold;
  text-decoration: none;
  display: block;
  font-size: 28px;
  box-sizing: border-box;
  text-align: right;
  -webkit-font-smoothing: antialiased;
  font-family: "Montserrat", sans-serif !important;
  margin-bottom: 95px; }
.install-page .divider {
  width: 100%;
  height: 1px;
  opacity: 0.10;
  background: #141414; }

.join-btn {
  border-radius: 2px;
  border: 0;
  text-decoration: none;
  padding: 25px 25px;
  width: 80%;
  display: block;
  max-width: 750px;
  text-align: center;
  margin: 20px auto;
  color: #000;
  outline: none;
  box-sizing: border-box;
  font-size: 1.5rem;
  background-color: #02db73; }

.made-with {
  padding: 55px 0 0 0;
  margin: 0; }

h1 {
  font-size: 52px;
  font-weight: 600;
  text-align: center;
  padding: 100px 0 0 0;
  margin: 0; }

.made-with .sample-tile {
  display: block;
  width: 80%;
  height: 250px;
  margin: 0 auto 45px auto;
  padding: 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  box-shadow: 0px 5px 10px -3px #555; }
  .made-with .sample-tile div {
    position: absolute;
    height: 250px;
    top: 0;
    left: 0;
    width: 50%;
    background: rgba(61, 255, 49, 0.51);
    z-index: 2; }
  .made-with .sample-tile a:link, .made-with .sample-tile a:visited {
    display: block;
    position: absolute;
    z-index: 3;
    top: 60px;
    width: 55%;
    background: #000;
    color: #fff;
    font-size: 33px;
    font-weight: 600;
    text-decoration: none;
    box-sizing: border-box;
    padding: 30px; }
    .made-with .sample-tile a:link span, .made-with .sample-tile a:visited span {
      display: block;
      margin: 0;
      padding: 5px 0 0 0;
      font-size: 20px;
      color: #53ff69;
      text-transform: uppercase; }
.made-with .sample-tile:nth-child(2) div {
  left: auto;
  right: 0; }
.made-with .sample-tile:nth-child(2) a:link, .made-with .sample-tile:nth-child(2) a:visited {
  left: auto;
  right: 0;
  text-align: right;
  top: 42px; }
.made-with .sample-tile:nth-child(3) a:link, .made-with .sample-tile:nth-child(3) a:visited {
  top: 42px; }

@media (max-width: 700px) {
  .made-with .sample-tile {
    display: block;
    width: 80%;
    height: auto; }

  .made-with .sample-tile div {
    display: none; }

  .made-with .sample-tile a:link, .made-with .sample-tile a:visited {
    display: block;
    position: static;
    width: 76%; } }
.waitlist {
  border-radius: 2px;
  background-color: #ffffff;
  padding: 34px 34px 40px 34px;
  width: 80%;
  top: -120px;
  max-width: 750px;
  box-sizing: border-box;
  margin: 0 auto -110px auto;
  position: relative;
  border: 10px solid #02DB73;
  display: none;
  z-index: 9999; }

.waitlist.code-sender {
  border-color: #5B4E62;
  padding: 20px 40px 50px 40px; }

.waitlist.code-sender .form h3, .waitlist.code-sender .form h4, .waitlist.code-sender .form h5 {
  text-align: center;
  padding: 0; }
.waitlist.code-sender .form h5 {
  margin: 0;
  padding: 0; }

.waitlist.code-sender form button {
  float: none;
  clear: both; }

.waitlist .ref-link {
  border: none;
  padding: 0;
  margin: 0;
  position: relative; }

.waitlist .ref-link .tooltip {
  position: absolute;
  opacity: 0;
  z-index: -1;
  left: 0;
  right: 0;
  top: -17px;
  background: #6A2B8F;
  width: 100px;
  margin: auto;
  color: #fff;
  border-radius: 2px;
  padding: 5px;
  font-weight: bold;
  font-size: 15px;
  transition: all 0.3s ease; }

.waitlist .ref-link .tooltip.show {
  opacity: 1;
  z-index: 9999;
  top: -38px; }

.waitlist .ref-link .tooltip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  bottom: -8px;
  margin: auto;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #6A2B8F; }

.waitlist.business {
  margin-top: -160px !important; }

.waitlist .msg {
  padding: 20px 0px 40px 0px;
  text-align: center;
  display: none; }

.waitlist h4 {
  font-size: 18px; }

.waitlist .msg img {
  height: 156px;
  margin-bottom: 20px; }

.waitlist .msg h3 {
  font-size: 31px;
  margin: 0px;
  line-height: 37px; }

.waitlist .msg p {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  margin: 0 auto;
  font-weight: normal; }

.waitlist .msg p.m-25 {
  margin: 20px auto; }

.waitlist .msg a {
  color: #1da1f2;
  font-weight: bold; }

.waitlist .msg #refLink {
  background: #6A2B8F;
  border-radius: 7px;
  color: #fff;
  width: 50%;
  display: block;
  border: none;
  text-align: center;
  margin: 13px auto 0px auto;
  cursor: pointer;
  font-size: 16px;
  padding: 15px 0px;
  outline: none; }

.waitlist .msg .social-share {
  display: flex;
  margin: 15px 0px 20px 0px;
  justify-content: center; }

.waitlist .msg .social-share a {
  text-decoration: none;
  margin-right: 13px; }

.waitlist .msg .social-share a:last-child {
  margin-right: 0; }

.waitlist .msg .social-share a img {
  width: 48px;
  height: 48px;
  margin: 0; }

.waitlist h3 {
  font-size: 1.5rem;
  margin-bottom: 22px; }

.waitlist form {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  align-items: center; }

.waitlist form button i {
  display: none;
  position: relative;
  top: 2px;
  width: 27px;
  height: 17px;
  background: url("/img/loader.gif") no-repeat center center/cover; }

.waitlist form fieldset {
  width: 50%;
  margin: 0;
  padding: 0;
  border: none; }

.waitlist .form img {
  margin: 40px auto 20px auto;
  display: block; }

.waitlist .form h3 {
  width: 90%;
  text-align: center;
  margin: 30px 0px 0 0px; }

.waitlist .form h5 {
  width: 90%;
  text-align: center;
  margin: 0px;
  padding: 10px 0 45px 0; }

.waitlist form input,
.waitlist form textarea {
  border-radius: 2px;
  background-color: #f3f3f3;
  resize: none;
  width: 100%;
  border: none;
  outline: none;
  padding: 8px 12px 8px 12px;
  box-sizing: border-box;
  color: #141414;
  font-size: 1.125rem;
  margin-bottom: 10px; }

.waitlist form input[type="radio"] {
  display: inline-block;
  vertical-align: middle;
  appearance: normal;
  -webkit-appearance: none;
  width: 25px;
  height: 25px;
  margin: 0 15px 0 0;
  padding: 0;
  border: 2px solid #000;
  background: #fff; }

.waitlist form input[type="radio"]:checked {
  background: #02DB73; }

.waitlist form input[type="radio"] + span {
  display: inline-block;
  vertical-align: middle;
  max-width: 250px; }

.waitlist form label {
  display: block;
  padding: 7px 0; }

.waitlist form textarea {
  height: 92px; }

.waitlist form button {
  width: 120px;
  height: 35px;
  border-radius: 2px;
  margin-top: 10px;
  outline: none;
  color: #fff;
  font-size: 1.125rem;
  border: none;
  float: right;
  background-color: #000000; }

@media (max-width: 700px) {
  .waitlist {
    width: 96%; }

  .waitlist form input[type=radio] + span {
    max-width: 210px; }

  .waitlist .errorInline {
    padding: 0 0 10px 0;
    color: #f00; } }
.top-banner {
  background: url(../img/illlustration.png) no-repeat;
  background-position: bottom left;
  height: 950px;
  background-size: 100% !important;
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  padding-top: 130px; }
  .top-banner.edu {
    height: 400px;
    background: url(../img/edu/illlustration-edu.png) no-repeat !important;
    background-size: 43% !important;
    background-position: bottom left !important; }
    .top-banner.edu h2 {
      margin: 15px 0px 0px 0px;
      font-size: 43px; }
    .top-banner.edu p {
      width: 80%; }
    .top-banner.edu .btn-black {
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      left: 0px; }
  .top-banner.journalism {
    background: none;
    padding-top: 59px;
    align-items: center;
    justify-content: flex-start;
    height: auto;
    flex-direction: column; }
    .top-banner.journalism h2 {
      font-size: 44px;
      text-align: center;
      color: #141414;
      margin: 0px 0px 25px 0px; }
    .top-banner.journalism span {
      font-size: 21px; }
    .top-banner.journalism img {
      display: block;
      height: 249px;
      margin: 0 auto; }
    .top-banner.journalism .btn-black {
      width: auto;
      font-weight: bold;
      font-size: 24px;
      margin: 50px 0px 52px 0px;
      cursor: pointer;
      padding-right: 30px; }
    .top-banner.journalism button {
      cursor: pointer; }
    .top-banner.journalism .button-set {
      width: 72%;
      display: flex;
      justify-content: space-between;
      margin: 52px auto 70px auto;
      top: 0px;
      max-width: initial; }
      .top-banner.journalism .button-set button, .top-banner.journalism .button-set a:link, .top-banner.journalism .button-set a:visited {
        width: 49.3%;
        background: #7c7a86;
        color: #fff;
        font-weight: bold;
        padding: 28px 0px 43px 0px;
        font-size: 24px;
        border: none;
        outline: none;
        cursor: pointer;
        text-decoration: none;
        text-align: center; }
        .top-banner.journalism .button-set button.black, .top-banner.journalism .button-set a:link.black, .top-banner.journalism .button-set a:visited.black {
          background: #000; }
        .top-banner.journalism .button-set button span, .top-banner.journalism .button-set a:link span, .top-banner.journalism .button-set a:visited span {
          display: block;
          color: #02de74;
          font-size: 24px !important; }
  .top-banner div {
    max-width: 60%;
    box-sizing: border-box;
    margin-left: -100px;
    position: relative;
    top: -75px; }
    .top-banner div h2 {
      font-size: 2.25rem;
      line-height: 1.4;
      letter-spacing: -0.8px;
      color: #141414;
      font-weight: 500;
      margin: 0; }
    .top-banner div p {
      font-size: 1.125rem;
      color: #141414;
      line-height: 1.56;
      padding: 35px 0px;
      margin: 0;
      font-weight: normal;
      width: 75%; }
  .top-banner img {
    display: none; }
  .top-banner .btn-black {
    display: inline-block;
    width: 70%; }
  .top-banner.installed-app, .top-banner.library, .top-banner.test-drive {
    background: none;
    height: auto;
    width: 55%;
    justify-content: flex-start;
    padding-top: 35px;
    margin-bottom: 50px;
    flex-direction: column;
    position: relative;
    left: -25px;
    -webkit-font-smoothing: auto;
    z-index: 999999; }
    .top-banner.installed-app h3, .top-banner.library h3, .top-banner.test-drive h3 {
      font-size: 2rem;
      margin: 0 0 55px 0;
      font-weight: 500;
      letter-spacing: -0.8px;
      opacity: 0;
      transition: all 0.5s ease; }
      .top-banner.installed-app h3.show, .top-banner.library h3.show, .top-banner.test-drive h3.show {
        opacity: 1; }
      .top-banner.installed-app h3 b, .top-banner.library h3 b, .top-banner.test-drive h3 b {
        font-weight: 500;
        position: relative;
        margin-left: 5px; }
        .top-banner.installed-app h3 b:after, .top-banner.library h3 b:after, .top-banner.test-drive h3 b:after {
          content: '';
          width: 100%;
          height: 23px;
          background-color: #3aff78;
          position: absolute;
          bottom: -5px;
          left: -7px;
          padding: 0px 7px;
          z-index: -1; }
    .top-banner.installed-app div, .top-banner.library div, .top-banner.test-drive div {
      display: flex;
      position: initial;
      margin: 0;
      max-width: 100%;
      flex-direction: column;
      align-self: auto;
      position: relative;
      top: 0; }
    .top-banner.installed-app .step, .top-banner.library .step, .top-banner.test-drive .step {
      font-size: 1rem;
      flex-direction: row;
      align-items: center;
      position: relative;
      margin-bottom: 50px;
      margin-left: 15px; }
      .top-banner.installed-app .step p, .top-banner.library .step p, .top-banner.test-drive .step p {
        font-size: 20px !important;
        line-height: 28px !important;
        font-family: "Montserrat", sans-serif !important;
        font-weight: 300 !important; }
      .top-banner.installed-app .step:nth-child(2), .top-banner.library .step:nth-child(2), .top-banner.test-drive .step:nth-child(2) {
        opacity: 0;
        transition: all 0.5s ease; }
        .top-banner.installed-app .step:nth-child(2).show, .top-banner.library .step:nth-child(2).show, .top-banner.test-drive .step:nth-child(2).show {
          opacity: 1; }
      .top-banner.installed-app .step:nth-child(3), .top-banner.library .step:nth-child(3), .top-banner.test-drive .step:nth-child(3) {
        opacity: 0;
        transition: all 0.5s ease; }
        .top-banner.installed-app .step:nth-child(3).show, .top-banner.library .step:nth-child(3).show, .top-banner.test-drive .step:nth-child(3).show {
          opacity: 1; }
      .top-banner.installed-app .step:nth-child(4), .top-banner.library .step:nth-child(4), .top-banner.test-drive .step:nth-child(4) {
        opacity: 0;
        transition: all 0.5s ease; }
        .top-banner.installed-app .step:nth-child(4).show, .top-banner.library .step:nth-child(4).show, .top-banner.test-drive .step:nth-child(4).show {
          opacity: 1; }
      .top-banner.installed-app .step:last-child, .top-banner.library .step:last-child, .top-banner.test-drive .step:last-child {
        margin-bottom: 0px; }
      .top-banner.installed-app .step .badge, .top-banner.library .step .badge, .top-banner.test-drive .step .badge {
        width: 50px;
        height: 50px;
        background-color: #02de74;
        border-radius: 50%;
        position: absolute;
        left: -12px;
        top: -10px;
        font-size: 1.5rem;
        font-weight: 900;
        display: flex;
        align-items: center;
        justify-content: center; }
      .top-banner.installed-app .step img, .top-banner.library .step img, .top-banner.test-drive .step img {
        width: 130px;
        object-fit: cover;
        height: 130px;
        margin-right: 30px;
        display: block; }
      .top-banner.installed-app .step div p, .top-banner.library .step div p, .top-banner.test-drive .step div p {
        width: 95%; }
      .top-banner.installed-app .step p, .top-banner.library .step p, .top-banner.test-drive .step p {
        width: 75%;
        line-height: 25px;
        padding: 0;
        font-size: 1rem; }
        .top-banner.installed-app .step p b span, .top-banner.library .step p b span, .top-banner.test-drive .step p b span {
          display: inline-block;
          position: relative; }
          .top-banner.installed-app .step p b span:after, .top-banner.library .step p b span:after, .top-banner.test-drive .step p b span:after {
            content: '';
            height: 7px;
            width: 100%;
            position: absolute;
            left: -2px;
            bottom: 2px;
            z-index: -1;
            padding: 0px 3px;
            background-color: #3aff78; }
      .top-banner.installed-app .step a, .top-banner.library .step a, .top-banner.test-drive .step a {
        font-weight: bold;
        text-decoration: none;
        color: #000;
        position: relative;
        display: inline-block; }
        .top-banner.installed-app .step a:after, .top-banner.library .step a:after, .top-banner.test-drive .step a:after {
          content: '';
          width: 100%;
          height: 1px;
          background: #979797;
          position: absolute;
          bottom: -1px;
          left: 0;
          display: block; }
      .top-banner.installed-app .step form, .top-banner.library .step form, .top-banner.test-drive .step form {
        margin-top: 20px; }
        .top-banner.installed-app .step form input[type='email'], .top-banner.library .step form input[type='email'], .top-banner.test-drive .step form input[type='email'] {
          border: solid 1px #979797;
          background-color: #ffd7d7;
          padding: 7px 30px 7px 14px;
          font-size: 1.075rem;
          color: #a9a9a9;
          width: 45%;
          margin-right: 5px; }
        .top-banner.installed-app .step form button, .top-banner.library .step form button, .top-banner.test-drive .step form button {
          background: #000;
          color: #FFF;
          text-transform: uppercase;
          padding: 8px 23px;
          font-size: 1.075rem;
          border: none;
          font-weight: 600; }
        .top-banner.installed-app .step form button.skip, .top-banner.library .step form button.skip, .top-banner.test-drive .step form button.skip {
          background: none;
          color: #b5b5b5;
          text-transform: lowercase;
          font-size: 1rem; }
  .top-banner.library {
    padding-bottom: 60px; }
    .top-banner.library h3 {
      margin: 20px 0 18px 0; }
    .top-banner.library p {
      font-size: 1.25rem;
      line-height: 28px;
      color: #141414;
      margin: 0; }

.test-drive h3 {
  margin-bottom: 45px !important; }
.test-drive h3 b::after {
  padding: 0px 7px 0px 35px; }
.test-drive p {
  font-size: 1.25rem;
  line-height: 28px;
  margin: 0 0 50px 0px; }
.test-drive div {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between; }
.test-drive .btn-black {
  width: 53%;
  margin: 0;
  display: inline-block;
  font-weight: bold;
  text-align: left; }
  .test-drive .btn-black.grey {
    width: 40%;
    background: #a0a0a0; }
    .test-drive .btn-black.grey::after {
      border-left-color: #a0a0a0; }

.community {
  text-align: center;
  margin-top: 80px;
  color: #141414; }
  .community h3 {
    font-size: 3rem;
    margin: 0 0 20px 0;
    font-weight: 600;
    letter-spacing: -0.8px;
    font-family: 'Montserrat', sans-serif; }
  .community span {
    font-size: 40px;
    font-weight: 500;
    display: block;
    letter-spacing: -0.8px;
    font-family: 'Montserrat', sans-serif; }
  .community .examples {
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 60px 30px; }
    .community .examples .example {
      width: 32.5%;
      height: 446px;
      background-color: #d8d8d8;
      margin-right: 30px;
      display: inline-flex;
      position: relative;
      align-items: center; }
      .community .examples .example img {
        width: 100%;
        object-fit: cover;
        height: 100%;
        position: absolute;
        left: 0; }
      .community .examples .example .text {
        position: absolute;
        top: 45%;
        padding: 0px 10px 0px 38px;
        box-sizing: border-box;
        text-align: left;
        max-width: 90%; }
        .community .examples .example .text span {
          background: #000;
          color: #FFF;
          font-size: 2rem;
          text-align: left;
          padding: 7px 5px;
          position: relative;
          max-height: 141px;
          overflow: hidden;
          left: 20px;
          display: inline;
          font-family: 'Roboto Slab', serif;
          -webkit-font-smoothing: antialiased;
          box-sizing: border-box;
          max-width: 95%;
          white-space: pre-wrap;
          box-shadow: 25px 0 0 #000, -27px 0 0 #000;
          line-height: 42px;
          letter-spacing: normal; }
        .community .examples .example .text label {
          background: #4f4561;
          padding: 6px 17px;
          font-size: 0.825rem;
          color: #fff;
          display: inline-block;
          -webkit-font-smoothing: antialiased;
          margin-left: 13px;
          font-family: proxima-nova, sans-serif;
          margin-top: 7px;
          box-sizing: border-box; }
          .community .examples .example .text label b {
            font-weight: bold;
            text-transform: uppercase;
            color: #02df74;
            position: relative; }
            .community .examples .example .text label b.no-desc:after {
              display: none; }
            .community .examples .example .text label b:after {
              content: '';
              background: #000000;
              width: 2px;
              height: 14px;
              position: relative;
              display: inline-block;
              top: 3px;
              margin: 0px 12px; }
      .community .examples .example:last-child {
        margin-right: 0; }

.features {
  width: 80%;
  margin: 60px auto 0px auto;
  display: flex;
  justify-content: space-around; }
  .features .box {
    text-align: center;
    padding: 0px 35px;
    width: 33.2%; }
    .features .box .icon {
      height: 37px;
      display: block;
      background-size: cover !important;
      margin: 0 auto 33px auto; }
      .features .box .icon.icon-comment {
        background: url(../img/icons/icon-comment.png) no-repeat;
        width: 49px; }
      .features .box .icon.icon-check {
        background: url(../img/icons/icon-check.png) no-repeat;
        width: 40px; }
      .features .box .icon.icon-share {
        background: url(../img/icons/icon-share.png) no-repeat;
        width: 37px; }
    .features .box h4 {
      font-size: 1.25rem;
      color: #141414; }
    .features .box p {
      font-size: 1rem;
      line-height: 1.63;
      color: #141414;
      min-height: 130px; }

footer {
  width: 80%;
  margin: 100px auto 0 auto; }
  footer .footer-content {
    display: flex;
    justify-content: space-between;
    height: 100px;
    align-items: flex-start;
    border-bottom: 1px solid rgba(20, 20, 20, 0.2); }
    footer .footer-content .logo {
      height: 32px; }
      footer .footer-content .logo img {
        height: 32px;
        object-fit: cover; }
    footer .footer-content .nav {
      position: relative;
      top: -5px; }
      footer .footer-content .nav a {
        text-transform: uppercase;
        color: #141414;
        font-size: 0.75rem;
        letter-spacing: 1.7px;
        margin-left: 43px;
        position: relative;
        text-decoration: none; }
        footer .footer-content .nav a:after {
          content: '';
          width: 0px;
          height: 3px;
          background: #40dd80;
          display: block;
          position: absolute;
          left: 0;
          bottom: -15px;
          transition: width 0.5s ease; }
        footer .footer-content .nav a:hover {
          cursor: pointer; }
          footer .footer-content .nav a:hover:after {
            width: 100%; }
      footer .footer-content .nav .social {
        display: inline-block;
        margin-left: 100px;
        margin-top: 5px; }
        footer .footer-content .nav .social a {
          margin-left: 0;
          top: 5px;
          position: relative; }
          footer .footer-content .nav .social a:hover:after {
            width: 0; }
        footer .footer-content .nav .social .icon-facebook {
          background: url(../img/icons/facebook-icon.png) no-repeat;
          background-size: cover !important;
          width: 16px;
          height: 24px;
          display: inline-block;
          margin-left: 10px; }
        footer .footer-content .nav .social .icon-twitter {
          background: url(../img/icons/twitter-icon.png) no-repeat;
          background-size: cover !important;
          height: 23px;
          width: 26px;
          display: inline-block; }
  footer .copyright {
    padding: 40px 0px 70px 0px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    footer .copyright p {
      color: #5a5a5a;
      font-weight: 600;
      font-size: 1rem;
      margin: 0;
      font-family: proxima-nova, sans-serif;
      line-height: 26px; }
    footer .copyright label {
      color: #b8b8b8;
      letter-spacing: 1.7px;
      font-size: 0.75rem;
      text-transform: uppercase; }

.sign-in-form {
  position: fixed;
  width: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.39);
  left: 0;
  height: 0;
  justify-content: center;
  align-items: center;
  top: 20px;
  z-index: -9999;
  visibility: hidden;
  transition: top 0.5s ease; }
  .sign-in-form.open {
    display: flex;
    top: 0px;
    z-index: 9999;
    height: 100vh;
    overflow: initial;
    visibility: visible; }
  .sign-in-form .red {
    color: #ff0000; }
  .sign-in-form .content {
    background: #fff;
    width: 60%;
    text-align: center;
    padding: 40px 28px 60px 28px;
    box-sizing: border-box;
    position: relative;
    margin-top: -50px;
    max-width: 900px; }
    .sign-in-form .content .close-btn {
      position: absolute;
      right: -10px;
      top: -10px;
      width: 25px;
      height: 25px;
      border: 2px solid #979797;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1rem;
      background: #fff;
      color: #979797;
      font-weight: bold;
      cursor: pointer;
      padding: 0; }
    .sign-in-form .content img {
      width: 149px;
      margin-bottom: 30px; }
    .sign-in-form .content form {
      margin: 0; }
      .sign-in-form .content form div.login {
        display: inline-flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-top: 25px; }
      .sign-in-form .content form fieldset {
        width: 259px;
        margin: 0 0 12px 0px;
        float: none;
        clear: both; }
      .sign-in-form .content form input {
        border-radius: 5px;
        border: solid 2px #4737ff;
        font-size: 1rem;
        padding: 14px;
        outline: none;
        width: 100%; }
      .sign-in-form .content form label {
        color: #4737ff;
        text-transform: uppercase;
        font-size: 12px;
        margin-bottom: 10px;
        font-weight: bold;
        letter-spacing: 4px;
        display: block; }
      .sign-in-form .content form small {
        color: #484848;
        font-weight: bold;
        display: block;
        position: absolute;
        right: 55px;
        width: 227px;
        text-align: left;
        font-size: 12px !important;
        padding-right: 20px !important;
        margin-top: -45px !important;
        line-height: 1;
        float: right;
        font-family: proxima-nova;
        box-sizing: border-box; }
      .sign-in-form .content form button[type='submit'] {
        border: none;
        border-radius: 5px;
        background-color: #2ecd6e;
        color: #FFF;
        text-transform: uppercase;
        padding: 13px 15px;
        width: 259px;
        margin-top: 0px;
        margin-bottom: 20px;
        font-size: 14px;
        outline: none;
        font-weight: bold;
        letter-spacing: 3.27px;
        cursor: pointer; }
      .sign-in-form .content form .error {
        color: #f00;
        padding: 5px 0; }
      .sign-in-form .content form .buttons {
        width: 100%;
        border-top: 1.5px solid #979797;
        padding-top: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
      .sign-in-form .content form button.btn-black {
        border-radius: 5px;
        background-color: #171717;
        color: #FFF;
        font-size: 12px;
        padding: 13px 20px;
        outline: none;
        width: 259px;
        border: none;
        margin: 0 auto 6px auto; }
    .sign-in-form .content .forgot-password-form {
      display: none;
      margin-bottom: 50px; }
      .sign-in-form .content .forgot-password-form h3 {
        color: #484848;
        font-size: 1.125rem;
        margin-bottom: 20px;
        margin-top: 50px;
        -webkit-font-smoothing: antialiased; }
      .sign-in-form .content .forgot-password-form input {
        width: 259px; }
      .sign-in-form .content .forgot-password-form button {
        margin-top: 14px;
        width: 259px; }
      .sign-in-form .content .forgot-password-form fieldset {
        width: 100%; }
    .sign-in-form .content .forgot-password.reset h3 {
      color: #484848; }
    .sign-in-form .content .forgot-password.reset fieldset {
      margin: 10px auto; }
    .sign-in-form .content .errorInline {
      color: red;
      display: block; }
    .sign-in-form .content .logo {
      border: none; }
      .sign-in-form .content .logo img {
        margin-bottom: 10px; }
    .sign-in-form .content a {
      color: #000;
      text-decoration: none;
      border-bottom: 1px solid #000;
      padding-bottom: 3px; }
    .sign-in-form .content div.check-spam {
      display: none;
      margin-bottom: 25px; }
      .sign-in-form .content div.check-spam img {
        width: 114px;
        margin-top: 59px;
        margin-bottom: 34px; }
      .sign-in-form .content div.check-spam p {
        color: #484848;
        font-size: 1.125rem;
        line-height: 22px;
        margin: 0;
        font-weight: bold;
        -webkit-font-smoothing: antialiased; }
        .sign-in-form .content div.check-spam p .red {
          color: #ff0000; }

.overlay {
  position: fixed;
  background: #fff;
  top: 20px;
  left: 0px;
  width: 100%;
  height: 100vh;
  overflow: scroll;
  padding: 30px;
  box-sizing: border-box;
  z-index: -1;
  opacity: 0;
  transition: all 0.4s ease; }

.overlay.open {
  opacity: 1;
  top: 0;
  z-index: 999999999; }

.overlay .overlay-close-btn {
  border: 1px solid #c8c8c8;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1rem;
  position: absolute;
  top: 20px;
  right: 25px;
  z-index: 99;
  color: #c8c8c8;
  cursor: pointer; }

.overlay .logo {
  color: #636363;
  font-size: 1.125rem;
  height: 28px;
  display: flex;
  align-items: center; }

.overlay .logo img {
  height: 28px;
  margin-right: 15px; }

.overlay .content {
  width: 80% !important;
  margin: 36px auto !important;
  color: #000;
  padding: 0; }

.overlay .content h3 {
  font-size: 2.25rem;
  margin-bottom: 15px;
  color: #000; }

.overlay .content p {
  font-size: 1.25rem;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 25px;
  width: 80%; }

.overlay div.list {
  float: left;
  margin-top: 20px;
  width: 33%; }

.overlay div.list span {
  font-size: 1.125rem;
  font-weight: bold;
  color: #636363; }

.overlay div.list ul {
  margin: 20px 0px 0px 0px;
  color: #636363;
  padding: 0; }

.overlay div.list ul li {
  margin: 0;
  list-style-type: none;
  position: relative;
  padding: 0px;
  font-size: 1.125rem;
  font-weight: bold;
  display: flex;
  align-items: center; }

.overlay div.list ul li::before {
  content: '';
  width: 48px;
  height: 48px;
  background: url(/img/icons/checked.png) no-repeat;
  background-size: cover !important;
  display: inline-block;
  margin-right: 15px; }

.overlay div.list ul li:last-child:before {
  margin-right: 28px; }

.overlay .send-demo-request {
  float: left;
  margin-top: 15px;
  background-color: #000000 !important;
  color: #fff !important;
  width: 30%;
  text-transform: uppercase;
  border: none;
  text-align: left;
  padding: 15px 30px;
  box-sizing: border-box;
  font-size: 1.5rem;
  position: relative;
  outline: none; }

fieldset {
  width: 30%;
  float: left;
  margin-right: 30px;
  border: none;
  padding: 0; }

.overlay form textarea {
  width: 30%;
  float: left;
  margin-right: 30px; }

.overlay form input, form textarea {
  display: block;
  background: #d8d8d8;
  border: 1px solid #979797;
  color: #9a9a9a;
  font-size: 1rem;
  margin-bottom: 25px;
  width: 100%;
  padding: 10px 10px;
  box-sizing: border-box; }

.form-msg.error {
  color: red;
  float: none;
  clear: both; }
  .form-msg.error span {
    display: block; }

.overlay .content.success {
  display: flex;
  flex-direction: column-reverse;
  height: 100vh;
  justify-content: flex-end; }

.overlay .content.success #contact div.form-content,
.overlay .content.success .send-demo-request,
.overlay .content.success h3,
.overlay .content.success p {
  display: none !important; }

.overlay .content.success .list {
  display: block !important;
  width: 100% !important;
  margin-top: 0; }

.overlay .content.success .list ul {
  margin-top: 0; }
  .overlay .content.success .list ul li:last-child:before {
    margin-right: 13px; }

.overlay .content.success .list span {
  display: none; }

.overlay .content.success .success-form-msg {
  margin-top: 15px; }

.overlay .content.success .success-form-msg:last-child {
  display: none; }

.overlay .content.success .success-form-msg h3,
.overlay .content.success .success-form-msg p {
  display: block !important; }

/*# sourceMappingURL=style.css.map */