body {
  padding: 0;
  margin: 0; }

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none; }

.the-content ul {
  padding: 0;
  margin: 0 0 20px;
  list-style: none; }
  .the-content ul li {
    padding-left: 1.5em;
    margin-bottom: 5px;
    list-style: none;
    position: relative; }
    .the-content ul li:before {
      content: '•';
      font-size: 25px;
      position: absolute;
      left: 0;
      top: 0; }
    .the-content ul li ul li:before {
      content: '○';
      font-size: 16px; }
  .the-content ol {
    padding: 0;
    margin: 0 0 20px;
    counter-reset: top-level-ol-counter;
    list-style: none; }
  .the-content ol > li {
    padding-left: 1.5em;
    margin-bottom: 5px;
    list-style: none;
    counter-increment: top-level-ol-counter;
    position: relative; }
    .the-content ol > li:before {
      content: counter(top-level-ol-counter);
      position: absolute;
      top: 0;
      left: 0; }
    .the-content ol > li ol {
      padding-top: 10px;
      padding-bottom: 0;
      counter-reset: child-level-ol-counter; }
    .the-content ol > li li {
      padding-left: 1.5em;
      position: relative;
      counter-increment: child-level-ol-counter; }
      .the-content ol > li li:before {
        content: counter(child-level-ol-counter,lower-roman); }
  .the-content .gallery {
    padding: 40px 0; }

.gfield.gform_validation_container {
  display: none; }
  .gfield.gfield_error input, .gfield.gfield_error textarea {
    color: darkred; }
  .gfield input, .gfield textarea {
    border: 0; }

.gform_confirmation_message {
  color: darkgreen; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0; }

.alignright {
  float: right; }

.aligncenter {
  margin: 0 auto;
  display: block; }

.alignleft {
  float: left; }

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

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.bold, strong, b {
  font-weight: bold; }

.undo-ul {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-type: none; }

.undo-li {
  margin-bottom: 0;
  list-style: none;
  list-style-type: none; }

.undo-p {
  margin: 0; }
/*a {
 outline: 0;
 text-decoration: none;
 }
 a:visited {
 outline: 0;
 color: inherit;
 text-decoration: none;
 }
 a:focus {
 outline: 0;
 color: inherit;
 text-decoration: none;
 }
 a:active {
 outline: 0;
 color: inherit;
 text-decoration: none;
 }
 a:hover {
 text-decoration: none;
 }*/
a {
  text-decoration: none; }

a:link {
  color: inherit; }

a:visited {
  color: inherit; }

img {
  max-width: 100%;
  height: auto; }

svg {
  max-height: 100%; }

.clearfix:after, .cf:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.flat-left {
  padding-left: 0; }

.flat-right {
  padding-right: 0; }

.flat-both {
  padding-left: 0;
  padding-right: 0; }

.flat-top {
  padding-top: 0; }

.flat-bottom {
  padding-bottom: 0; }

.flat-vertical {
  padding-top: 0;
  padding-bottom: 0; }

.flat-all {
  padding: 0; }

.fleft {
  float: left; }

.fright {
  float: right; }

.float-none {
  float: none !important; }

.mfp-arrow::after, .mfp-arrow::before {
  display: none !important; }

.mfp-arrow-right {
  background: url("../fw/core/assets/images/chevron-right.svg") no-repeat center center !important;
  background-size: 30px 30px !important; }

.mfp-arrow-left {
  background: url("../fw/core/assets/images/chevron-left.svg") no-repeat center center !important;
  background-size: 30px 30px !important; }

.r {
  display: flex;
  flex-wrap: wrap; }

.gallery-columns-1 dl {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

.gallery-columns-2 dl {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

.gallery-columns-3 dl {
  width: 33.3333333333%;
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

.gallery-columns-4 dl {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

.gallery-columns-5 dl {
  width: 20%;
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

.gallery-columns-6 dl {
  width: 16.6666666667%;
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

.gallery-columns-7 dl {
  width: 14.2857142857%;
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

.gallery-columns-8 dl {
  width: 12.5%;
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

.gallery-columns-9 dl {
  width: 11.1111111111%;
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

*, *:after, *:before {
  box-sizing: border-box; }

html, body {
  overflow-x: hidden;
  font: 400 16px 'hypatia-sans-pro', sans-serif;
  line-height: 1.5;
  color: #929aa3; }

body.menu-open #main-menu {
  transform: translateX(0); }
  body.menu-open #main {
    transform: translateX(300px); }
  body.menu-open #main .menu-cover {
    display: block; }

#main {
  transition: transform 200ms; }
  #main .menu-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 99;
    display: none; }

.wrap, .gutenblocks .wp-block-pullquote, .gutenblocks blockquote {
  max-width: 1150px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px; }

.wrap-s, .the-content table {
  max-width: 600px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px; }

.btn, .formy input[type="submit"], .formy button[type="submit"] {
  margin-right: 10px;
  padding: 15px 20px;
  font: 600 16px 'hypatia-sans-pro', sans-serif;
  color: white;
  position: relative;
  border-radius: 6px;
  display: inline-block;
  text-decoration: none !important;
  background: #07ceab;
  transition: color 100ms, background-color 100ms; }
  .btn:hover, .formy input[type="submit"]:hover, .formy button[type="submit"]:hover {
    background: #06ab8e; }
  .btn:after, .formy input[type="submit"]:after, .formy button[type="submit"]:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    opacity: 0;
    background-image: url('../images/loading.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 70%;
    transition: opacity 100ms;
    z-index: 2; }
  .btn:visited, .formy input[type="submit"]:visited, .formy button[type="submit"]:visited {
    color: white; }
  .btn:link, .formy input[type="submit"]:link, .formy button[type="submit"]:link {
    color: white; }
  .btn.loading, .formy input[type="submit"].loading, .formy button[type="submit"].loading {
    color: #07ceab;
    position: relative; }
  .btn.loading:after, .formy input[type="submit"].loading:after, .formy button[type="submit"].loading:after {
    opacity: 1;
    display: block; }
  .btn.grey, .formy input[type="submit"].grey, .formy button[type="submit"].grey {
    background: #929aa3; }
  .btn.grey:hover, .formy input[type="submit"].grey:hover, .formy button[type="submit"].grey:hover {
    background: #aeb4ba; }
  .btn.white, .formy input[type="submit"].white, .formy button[type="submit"].white {
    color: #474f5c;
    background: white; }
  .btn.white:hover, .formy input[type="submit"].white:hover, .formy button[type="submit"].white:hover {
    background: #e6e6e6; }
  .btn.red, .formy input[type="submit"].red, .formy button[type="submit"].red {
    background: #bf574f; }
  .btn.red:hover, .formy input[type="submit"].red:hover, .formy button[type="submit"].red:hover {
    background: #a1423a; }

.simple-link {
  margin-right: 10px;
  font: 600 16px 'hypatia-sans-pro', sans-serif;
  color: #07ceab; }
  .simple-link:visited {
    color: #07ceab; }
  .simple-link:link {
    color: #07ceab; }
  .simple-link:hover {
    text-decoration: underline; }

.title-bar {
  margin-bottom: 50px; }
  .title-bar .page-secondary-title {
    margin-bottom: 0;
    margin-right: 50px;
    display: inline-block;
    vertical-align: middle; }
  .title-bar .btn, .title-bar .formy input[type="submit"], .formy .title-bar input[type="submit"], .title-bar .formy button[type="submit"], .formy .title-bar button[type="submit"] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 5px; }

section.s {
  padding-top: 100px;
  padding-bottom: 100px; }
  section.s.pale {
    background-color: #e7eff6; }
  section.s.pale .section-title {
    color: #474f5c; }
  section.s.pale .section-title-big {
    color: #929aa3; }
  section.s.pale .section-desc h1, section.s.pale .section-desc h2, section.s.pale .section-desc h3, section.s.pale .section-desc h4, section.s.pale .section-desc h5, section.s.pale .section-desc h6, section.s.pale .section-desc p {
    color: #929aa3; }
  section.s.white {
    background-color: white; }
  section.s.white .section-title {
    color: #929aa3; }
  section.s.white .section-title-big {
    color: #474f5c; }
  section.s.white .section-desc h1, section.s.white .section-desc h2, section.s.white .section-desc h3, section.s.white .section-desc h4, section.s.white .section-desc h5, section.s.white .section-desc h6, section.s.white .section-desc p {
    color: #929aa3; }
  section.s .section-title {
    margin-bottom: 50px;
    font: 700 32px 'hypatia-sans-pro', sans-serif; }
  section.s .section-title.center {
    text-align: center; }
  section.s .section-title.has-subtitle {
    margin-bottom: 10px; }
  section.s .section-title-big {
    margin-bottom: 50px;
    font: 700 65px 'hypatia-sans-pro', sans-serif; }
  section.s .section-title-big.center {
    text-align: center; }
  section.s .section-subtitle {
    margin-bottom: 50px;
    font: 700 22px 'hypatia-sans-pro', sans-serif; }
  section.s .section-subtitle.center {
    text-align: center; }
  section.s .section-desc {
    max-width: 540px;
    padding-top: 50px;
    margin: 0 auto; }
  section.s .section-controls {
    padding-top: 50px;
    text-align: center; }

header {
  height: 120px;
  display: flex;
  justify-content: space-between;
  position: relative;
  background: white; }
  header .left-col {
    width: 28%;
    display: flex; }
  header .center-col {
    width: 47%;
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center; }
  header .right-col {
    width: 25%;
    padding-right: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  header .right-col .btn, header .right-col .formy input[type="submit"], .formy header .right-col input[type="submit"], header .right-col .formy button[type="submit"], .formy header .right-col button[type="submit"], header .right-col .simple-link {
    margin-right: 0;
    margin-left: 20px; }
    header .right-col .btn:first-of-type, header .right-col .formy input[type="submit"]:first-of-type, .formy header .right-col input[type="submit"]:first-of-type, header .right-col .formy button[type="submit"]:first-of-type, .formy header .right-col button[type="submit"]:first-of-type, header .right-col .simple-link:first-of-type {
      margin-left: 0; }
  header .hamburger {
    width: 120px;
    height: 120px;
    cursor: pointer;
    background-color: #07ceab;
    background-image: url('../images/ham.svg');
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center center; }
  header .logo {
    height: 100%;
    position: relative;
    background: #0f316a; }
  header .logo .link {
    height: 100%;
    padding: 0 55px;
    display: flex;
    align-items: center; }
  header .logo img {
    min-width: 40px;
    height: 40px; }
  header .search-toggle {
    display: none; }
  header .search-toggle img {
    width: 40px;
    margin-left: 20px;
    cursor: pointer; }
  header .welcome a:hover {
    color: #07ceab; }

form#search {
  width: 100%;
  max-width: 700px;
  display: flex;
  align-items: center; }
  form#search.loading .field:after {
    width: 30px;
    height: 30px;
    margin-top: -13px;
    background-image: url('../images/loading.svg'); }
  form#search.blur #live-typing-results {
    display: none; }
  form#search .field {
    width: 100%;
    position: relative; }
  form#search .field:after {
    content: '';
    width: 20px;
    height: 21px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 15px;
    background-image: url('../images/search-icon.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%; }
  form#search input[name="query"] {
    width: 100%;
    padding: 15px 30px 15px 15px;
    font: 600 16px 'hypatia-sans-pro', sans-serif;
    color: #929aa3;
    border-radius: 6px;
    border: 1px solid #dbe6f0;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: box-shadow 100ms; }
  form#search input[name="query"]:focus {
    -webkit-appearance: none;
    box-shadow: 0 10px 30px -13px rgba(71, 79, 92, 0.15);
    outline: none; }
    form#search input[name="query"]:focus ~ #live-typing-results {
      display: block; }
  form#search input[name="query"]::-webkit-search-decoration, form#search input[name="query"]::-webkit-search-cancel-button, form#search input[name="query"]::-webkit-search-results-button, form#search input[name="query"]::-webkit-search-results-decoration {
    display: none; }

footer {
  padding: 100px 0;
  background: white; }
  footer ._col {
    width: 33.3333%;
    padding: 15px; }
  footer .menu li {
    margin-bottom: 10px; }
    footer .menu li:last-of-type {
      margin-bottom: 0; }
    footer .menu li a {
      font: 700 16px 'hypatia-sans-pro', sans-serif;
      color: #929aa3; }
      footer .menu li a:hover {
        color: #07ceab; }
  footer .social {
    padding-bottom: 15px;
    display: flex;
    justify-content: center; }
  footer .social .social-network {
    margin: 0 20px; }
    footer .social .social-network img {
      width: 35px; }
  footer .newsletter {
    text-align: center; }
  footer .newsletter .newsletter-signup-toggle {
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: #929aa3; }
    footer .newsletter .newsletter-signup-toggle span {
      cursor: pointer; }
  footer #kantaloup {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  footer #kantaloup img {
    width: 125px; }

#_404-page {
  padding: 200px 0; }

#landing {
  height: 55vw;
  min-height: 650px;
  max-height: 825px;
  padding: 0 150px;
  display: flex;
  align-items: center;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  #landing:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-image: url('../images/landing-overlay.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover; }
  #landing .inner {
    max-width: 800px;
    position: relative;
    z-index: 2; }
  #landing .inner h1 {
    margin-bottom: 10px;
    font: 700 47px 'hypatia-sans-pro', sans-serif;
    color: white; }
  #landing .inner h2, #landing .inner h3, #landing .inner h4, #landing .inner h5, #landing .inner h6 {
    margin-bottom: 20px;
    font: 700 18px 'hypatia-sans-pro', sans-serif;
    color: white; }
  .software-bar-outer {
    height: 95px; }

.software-bar {
  height: 100%;
  position: relative;
  background: #f4f4f4; }
  .software-bar.sticky {
    height: 95px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5000; }
  .software-bar.grey {
    background: #dee5eb; }
  .software-bar.grey.open .toggle-full-list {
    background-color: #beccd8; }
  .software-bar.grey .wrap, .software-bar.grey .gutenblocks .wp-block-pullquote, .gutenblocks .software-bar.grey .wp-block-pullquote, .software-bar.grey .gutenblocks blockquote, .gutenblocks .software-bar.grey blockquote {
    padding: 0;
    justify-content: flex-start; }
  .software-bar.grey .full-list {
    background: #beccd8; }
  .software-bar.open .toggle-full-list {
    background-color: #dbdbdb; }
  .software-bar.open .full-list {
    display: block; }
  .software-bar .wrap, .software-bar .gutenblocks .wp-block-pullquote, .gutenblocks .software-bar .wp-block-pullquote, .software-bar .gutenblocks blockquote, .gutenblocks .software-bar blockquote {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .software-bar .software {
    margin: 0 10px;
    padding: 17px 16px;
    position: relative;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    white-space: nowrap;
    color: #929aa3;
    transition: color 200ms; }
  .software-bar .software:hover {
    color: white !important; }
    .software-bar .software:hover .bg {
      opacity: 1; }
  .software-bar .software.active {
    color: #474f5c; }
  .software-bar .software span {
    position: relative;
    z-index: 2; }
  .software-bar .software .bg {
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: #0f316a;
    z-index: 1;
    transition: opacity 200ms; }
  .software-bar .spotlight {
    width: calc(100% - 205px); }
  .software-bar .spotlight .spotlight-item.hide {
    display: none; }
  .software-bar .controls {
    width: 205px;
    height: 100%;
    display: flex;
    align-items: center; }
  .software-bar .toggle-full-list {
    height: 100%;
    padding: 0 60px 0 28px;
    display: flex;
    align-items: center;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: #929aa3;
    cursor: pointer;
    user-select: none;
    background-image: url('../images/grid.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: calc(100% - 25px) center; }
  .software-bar .full-list {
    padding: 50px 0 20px;
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    background: #dbdbdb;
    z-index: 5000; }
  .software-bar .full-list .wrap, .software-bar .full-list .gutenblocks .wp-block-pullquote, .gutenblocks .software-bar .full-list .wp-block-pullquote, .software-bar .full-list .gutenblocks blockquote, .gutenblocks .software-bar .full-list blockquote {
    justify-content: center;
    flex-wrap: wrap; }
  .software-bar .full-list .item {
    width: 12.5%;
    padding: 0 10px;
    margin-bottom: 30px; }
    .software-bar .full-list .item .software-thumb {
      width: 100%;
      margin-bottom: 10px; }
    .software-bar .full-list .item .software-name {
      font: 600 12px 'hypatia-sans-pro', sans-serif;
      color: #929aa3;
      text-align: center; }

#content-preview {
  overflow-x: hidden; }
  #content-preview .desc {
    padding: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #474f5c; }
  #content-preview .desc .the-content {
    max-width: 360px; }
    #content-preview .desc .the-content h1, #content-preview .desc .the-content h2, #content-preview .desc .the-content h3, #content-preview .desc .the-content h4, #content-preview .desc .the-content h5, #content-preview .desc .the-content h6 {
      color: #e7eff6; }
    #content-preview .desc .the-content p {
      color: white; }
  #content-preview .content {
    padding-top: 100px;
    padding-bottom: 100px; }
  #content-preview .content .inner {
    max-width: 900px;
    padding-left: 70px;
    padding-right: 70px;
    margin: 0 auto; }
  #content-preview .content .content-preview-title {
    margin-bottom: 20px;
    font: 700 24px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }

.owl-carousel .owl-nav .owl-prev {
  width: 10px;
  height: 26px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: -60px;
  text-indent: 9999px;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  background-color: transparent;
  background-image: url('../images/slider-arrow-left.svg');
  background-repeat: no-repeat;
  background-size: 100%; }
  .owl-carousel .owl-nav .owl-prev:focus {
    outline: none; }
  .owl-carousel .owl-nav .owl-next {
    width: 10px;
    height: 26px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: -60px;
    text-indent: 9999px;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    background-color: transparent;
    background-image: url('../images/slider-arrow-right.svg');
    background-repeat: no-repeat;
    background-size: 100%; }
  .owl-carousel .owl-nav .owl-next:focus {
    outline: none; }
  .owl-carousel .owl-dots {
    display: none; }

.capsule .software-thumb {
  width: auto;
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 0 10px 30px -13px rgba(71, 79, 92, 0.15);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 27%; }
  .capsule .title {
    margin-bottom: 2px;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  .capsule .title a:hover {
    color: #0f316a; }
  .capsule .software {
    font: 13px 'hypatia-sans-pro', sans-serif;
    color: #929aa3;
    text-transform: uppercase; }
  .capsule .excerpt {
    padding-top: 10px;
    margin-bottom: 10px;
    font: 600 14px 'hypatia-sans-pro', sans-serif;
    color: #929aa3; }
  .capsule .meta {
    padding-bottom: 20px; }

.difficulty {
  padding: 10px 0;
  display: inline-block;
  overflow: hidden; }
  .difficulty[data-level="1"] > div:nth-of-type(2) {
    display: none; }
  .difficulty[data-level="1"] > div:nth-of-type(3) {
    display: none; }
  .difficulty[data-level="2"] > div:nth-of-type(3) {
    display: none; }
  .difficulty > div {
    width: 10px;
    height: 14px;
    margin-right: 5px;
    float: left;
    background-image: url('../images/bean.svg');
    background-repeat: no-repeat;
    background-size: 100% auto; }

.the-content h1 {
  margin-bottom: 20px;
  font: 700 38px 'hypatia-sans-pro', sans-serif;
  color: #474f5c; }
  .the-content h2 {
    margin-bottom: 20px;
    font: 700 32px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  .the-content h3 {
    margin-bottom: 20px;
    font: 700 28px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  .the-content h4 {
    margin-bottom: 20px;
    font: 700 24px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  .the-content h5 {
    margin-bottom: 20px;
    font: 700 18px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  .the-content h6 {
    margin-bottom: 20px;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  .the-content p {
    margin-bottom: 20px;
    font: 16px/1.5 'hypatia-sans-pro', sans-serif;
    color: #929aa3; }
  .the-content .tooltip {
    cursor: help;
    background: #e7eff6; }
  .the-content ul {
    margin-bottom: 20px; }
  .the-content ul ul {
    padding-top: 10px; }
  .the-content ul ul li:before {
    top: 0; }
  .the-content ul li {
    margin-bottom: 15px;
    font: 16px 'hypatia-sans-pro', sans-serif;
    color: #929aa3; }
  .the-content ul li:before {
    top: -9px; }
  .the-content ol {
    margin-bottom: 20px; }
  .the-content ol ul {
    padding-top: 10px; }
  .the-content ol ul li:before {
    top: 0; }
  .the-content ol li {
    margin-bottom: 15px;
    font: 16px 'hypatia-sans-pro', sans-serif;
    color: #929aa3; }
  .the-content ol li:before {
    font-weight: bold; }
  .the-content table {
    margin-bottom: 50px; }
  .the-content table tr:first-of-type td {
    font: 700 15px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  .the-content table tr:nth-child(odd) td {
    background: #e7eff6; }
  .the-content table tr:nth-child(even) td {
    background: #f2f5f8; }
  .the-content table tr td {
    padding: 15px;
    font: 400 15px 'hypatia-sans-pro', sans-serif;
    border-radius: 6px; }
  .the-content a {
    text-decoration: underline; }
  .the-content a:hover {
    color: #07ceab; }
  .the-content hr {
    width: 80%;
    margin: 50px auto; }

.gutenblocks .wp-block-image {
  text-align: center; }
  .gutenblocks .wp-block-gallery {
    margin-bottom: 20px;
    list-style: none; }
  .gutenblocks .wp-block-gallery li {
    list-style: none;
    padding-left: 0; }
  .gutenblocks .wp-block-gallery li:before {
    display: none; }
  .gutenblocks .wp-block-gallery img {
    border-radius: 6px;
    box-shadow: 0 10px 30px -13px rgba(71, 79, 92, 0.15); }
  .gutenblocks .wp-block-gallery figcaption {
    color: white;
    font: 14px 'hypatia-sans-pro', sans-serif;
    background: none; }
  .gutenblocks .wp-block-pullquote {
    margin-bottom: 20px;
    text-align: left; }
  .gutenblocks blockquote {
    margin-bottom: 20px; }
  .gutenblocks blockquote p {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font: italic 700 32px/1.2 'hypatia-sans-pro', sans-serif;
    color: #474f5c;
    text-align: left; }
  .gutenblocks blockquote cite {
    font: italic 600 32px 'hypatia-sans-pro', sans-serif;
    color: #929aa3;
    text-align: left; }
  .gutenblocks blockquote img {
    margin-top: 20px;
    margin-bottom: 20px; }
  .gutenblocks .slidetoggle {
    margin-bottom: 50px; }
  .gutenblocks .slidetoggle.open .title:before {
    top: 31px; }
  .gutenblocks .slidetoggle .title {
    padding: 20px 50px 20px 20px;
    font: 600 16px 'hypatia-sans-pro', sans-serif;
    color: white;
    cursor: pointer;
    position: relative;
    background: #474f5c; }
  .gutenblocks .slidetoggle .title:before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 100%;
    position: absolute;
    top: 19px;
    right: 22px;
    background: #474f5c;
    transition: top 200ms;
    z-index: 2; }
  .gutenblocks .slidetoggle .title:after {
    content: '';
    width: 16px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 16px;
    border-radius: 10px;
    background: white;
    z-index: 1; }
  .gutenblocks .slidetoggle .desc {
    padding: 35px;
    display: none;
    background: #e7eff6; }
  .gutenblocks .call-to-action {
    margin-bottom: 50px;
    padding: 50px 0;
    background: #e7eff6; }
  .gutenblocks .call-to-action .btn-col {
    display: flex;
    align-items: center;
    justify-content: center; }
  .gutenblocks .webinars-block {
    margin-bottom: 50px; }
  .gutenblocks .formy {
    margin-bottom: 50px; }
  .gutenblocks .formy li {
    padding-left: 0;
    padding-right: 0; }
  .gutenblocks .formy .gform_fields {
    margin: 0; }

.tooltip-bubble {
  width: 300px;
  padding: 15px;
  position: fixed;
  pointer-events: none;
  font: 400 12px 'hypatia-sans-pro', sans-serif;
  color: white;
  border-radius: 6px;
  background: #474f5c; }
  .tooltip-bubble:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -3px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #474f5c; }

.tabs {
  margin-bottom: 50px;
  display: flex;
  justify-content: center; }
  .tabs .tab {
    padding: 15px 20px;
    border-top: 2px solid #07ceab;
    border-left: 2px solid #07ceab;
    border-bottom: 2px solid #07ceab;
    cursor: pointer;
    font: 600 16px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  .tabs .tab:first-of-type {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px; }
  .tabs .tab:last-of-type {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-right: 2px solid #07ceab; }
  .tabs .tab.active {
    background: #07ceab;
    color: white; }

.price-tiers {
  max-width: 1300px;
  margin: 0 auto; }
  .price-tiers .tier-group {
    display: none; }
  .price-tiers .tier-group.active {
    display: block; }
  .price-tiers .tiers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .price-tiers .message {
    padding: 30px 0 50px; }
  .price-tiers .tier {
    width: 300px;
    padding: 45px 20px;
    margin: 0 10px 20px;
    border-radius: 6px;
    background: white; }
  .price-tiers .tier.highlight {
    background: #07ceab; }
  .price-tiers .tier.highlight .name, .price-tiers .tier.highlight .price-label, .price-tiers .tier.highlight .excerpt p {
    color: white; }
  .price-tiers .tier.highlight .btn, .price-tiers .tier.highlight .formy input[type="submit"], .formy .price-tiers .tier.highlight input[type="submit"], .price-tiers .tier.highlight .formy button[type="submit"], .formy .price-tiers .tier.highlight button[type="submit"] {
    color: #929aa3;
    background: white; }
  .price-tiers .tier .name {
    margin-bottom: 50px;
    font: 700 24px 'hypatia-sans-pro', sans-serif;
    color: #929aa3;
    position: relative;
    text-align: center; }
  .price-tiers .tier .name:before {
    content: '';
    width: 44px;
    height: 2px;
    margin-left: -22px;
    position: absolute;
    left: 50%;
    bottom: -20px;
    background: #e7eff6; }
  .price-tiers .tier .price {
    margin-bottom: 20px;
    font: 700 32px 'hypatia-sans-pro', sans-serif;
    color: #474f5c;
    text-align: center; }
  .price-tiers .tier .price sup {
    font-size: 18px; }
  .price-tiers .tier .price-label {
    margin-bottom: 20px;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: #929aa3;
    text-align: center; }
  .price-tiers .tier .excerpt {
    margin-bottom: 20px;
    text-align: center;
    font: 600 14px 'hypatia-sans-pro', sans-serif;
    color: #929aa3; }
  .price-tiers .tier .controls {
    text-align: center; }
  .price-tiers .bottom {
    padding-top: 50px; }

.prokit-enticement .prokit-title {
  margin-bottom: 50px;
  font: 700 65px/1.2 'hypatia-sans-pro', sans-serif;
  color: #929aa3; }
  .prokit-enticement .prokit-cats {
    margin-left: -7px;
    margin-right: -7px;
    display: flex;
    flex-wrap: wrap; }
  .prokit-enticement .prokit-cats .btn, .prokit-enticement .prokit-cats .formy input[type="submit"], .formy .prokit-enticement .prokit-cats input[type="submit"], .prokit-enticement .prokit-cats .formy button[type="submit"], .formy .prokit-enticement .prokit-cats button[type="submit"] {
    width: calc(50% - 14px);
    padding: 20px;
    margin: 0 7px 14px 7px;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: #929aa3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 6px;
    background: #e7eff6;
    transition: background-color 200ms; }
  .prokit-enticement .prokit-cats .btn:hover, .prokit-enticement .prokit-cats .formy input[type="submit"]:hover, .formy .prokit-enticement .prokit-cats input[type="submit"]:hover, .prokit-enticement .prokit-cats .formy button[type="submit"]:hover, .formy .prokit-enticement .prokit-cats button[type="submit"]:hover {
    color: white;
    background: #07ceab; }
  .prokit-enticement .desc {
    padding-top: 10px; }
  .prokit-enticement .desc h1, .prokit-enticement .desc h2, .prokit-enticement .desc h3, .prokit-enticement .desc h4, .prokit-enticement .desc h5, .prokit-enticement .desc h6, .prokit-enticement .desc p {
    font-weight: 600;
    font-size: 18px; }

.blog-archive .block, .webinar-archive .block {
  padding: 50px;
  margin-bottom: 30px;
  border-radius: 6px;
  box-shadow: 0 10px 30px -13px rgba(71, 79, 92, 0.15);
  background: white; }
  .blog-archive .block time, .webinar-archive .block time {
    display: block;
    margin-bottom: 20px;
    font: 700 14px 'hypatia-sans-pro', sans-serif;
    color: #929aa3; }
  .blog-archive .block .title, .webinar-archive .block .title {
    margin-bottom: 20px;
    font: 700 18px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  .blog-archive .block .cats, .webinar-archive .block .cats {
    margin-bottom: 20px;
    font: 13px 'hypatia-sans-pro', sans-serif;
    color: #c8ced3; }
  .blog-archive .block .cats a:hover, .webinar-archive .block .cats a:hover {
    color: #07ceab; }
  .blog-archive .block .excerpt, .webinar-archive .block .excerpt {
    margin-bottom: 20px; }

#messenger {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: block;
  z-index: 100; }
  #messenger img {
    width: 50px;
    height: 50px; }

.inside-page {
  padding-top: 150px;
  position: relative; }
  .inside-page.pale {
    background-color: #e7eff6; }
  .inside-page .page-text {
    margin-bottom: 50px; }
  .inside-page .page-text p {
    font: 600 16px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }

.page-title {
  padding-bottom: 80px;
  font: 700 60px 'hypatia-sans-pro', sans-serif;
  color: #929aa3; }
  .page-title.has-subtitle {
    padding-bottom: 0 !important; }

.page-subtitle {
  padding-bottom: 80px;
  font: 700 60px 'hypatia-sans-pro', sans-serif;
  color: #929aa3; }

.page-secondary-title {
  margin-bottom: 50px;
  font: 700 32px 'hypatia-sans-pro', sans-serif;
  color: #474f5c; }

.small-title {
  margin-bottom: 20px;
  font: 700 16px 'hypatia-sans-pro', sans-serif;
  color: #464f5c; }

.subtitle-content {
  margin-bottom: 70px; }

#main-menu {
  width: 300px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  transform: translateX(-300px);
  transition: transform 200ms;
  z-index: 500;
  overflow: hidden;
  background: #929aa3; }
  #main-menu .inner {
    padding: 50px 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto; }
  #main-menu .menu-title {
    padding-bottom: 55px;
    font: 700 20px 'hypatia-sans-pro', sans-serif;
    color: white;
    border-bottom: 2px solid #9da5ae; }
  #main-menu .menu-item {
    padding: 20px 0;
    font: 600 16px 'hypatia-sans-pro', sans-serif;
    color: #e7eff6;
    border-bottom: 2px solid #9da5ae; }
  #main-menu .menu-item a:hover {
    color: #07ceab; }
  #blog-archive-page {
    padding-bottom: 100px; }
  #blog-archive-page .blog-cat-box {
    margin-bottom: 50px; }
  #blog-archive-page .no-articles {
    padding-bottom: 50px;
    font: 700 20px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }

.chosen-container {
  width: auto !important;
  position: relative; }
  .chosen-container:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid white; }
  .chosen-container .chosen-single {
    padding: 18px 30px 18px 20px;
    height: auto;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: white;
    border: none !important;
    box-shadow: none !important;
    border-radius: 6px;
    background: #07ceab !important; }
  .chosen-container .chosen-drop {
    padding: 10px;
    border: none;
    background: #929aa3; }
  .chosen-container .chosen-drop .chosen-results .active-result {
    font: 600 14px 'hypatia-sans-pro', sans-serif;
    color: white; }
    .chosen-container .chosen-drop .chosen-results .active-result.highlighted {
      color: #474f5c;
      border-radius: 6px;
      background: white; }

.loading:not(form):not(.btn) {
  position: relative; }
  .loading:not(form):not(.btn):after {
    content: '';
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    left: 50%;
    bottom: -80px;
    background-image: url('../images/loading.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px; }

form.loading {
  background: none; }
  form.loading button[type="submit"] {
    pointer-events: none;
    color: #07ceab; }
  form.loading button[type="submit"]:after {
    opacity: 1;
    display: block; }

.main-img {
  width: 75%;
  max-height: 700px;
  margin-bottom: 100px; }
  .main-img img {
    max-height: 700px; }

#about-page .cols {
  margin-bottom: 100px;
  columns: 3; }
  #about-page .profiles ._col {
    margin-bottom: 20px; }
  #about-page .profiles .profile {
    height: 100%;
    padding: 50px;
    border-radius: 6px;
    box-shadow: 0 10px 30px -13px rgba(71, 79, 92, 0.15);
    background: white; }
  #about-page .profiles .profile .image {
    width: 100%;
    margin-bottom: 20px; }
  #about-page .profiles .profile .name {
    margin-bottom: 20px;
    font: 700 32px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }

#contact-page .feedback {
  margin-bottom: 20px;
  font: 700 20px 'hypatia-sans-pro', sans-serif; }
  #contact-page .feedback a {
    color: #474f5c; }
  #contact-page .feedback a:hover {
    text-decoration: underline; }
  #contact-page address {
    margin-bottom: 20px;
    font: 600 18px 'hypatia-sans-pro', sans-serif;
    color: #929aa3; }
  #contact-page .tel, #contact-page .email {
    margin-bottom: 20px;
    font: 700 18px 'hypatia-sans-pro', sans-serif; }
  #contact-page .tel a, #contact-page .email a {
    color: #07ceab; }
  #contact-page .tel a:hover, #contact-page .email a:hover {
    text-decoration: underline; }

.med {
  max-width: 570px; }

.lg {
  max-width: 800px; }

.formy.white input[type="text"], .formy.white input[type="tel"], .formy.white input[type="email"], .formy.white input[type="password"], .formy.white input[type="number"], .formy.white textarea {
  background: white; }
  .formy.white input[type="checkbox"] ~ label:before {
    background: white; }
  .formy li:before {
    display: none !important; }
  .formy .gform_fields {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap; }
  .formy .gfield {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 20px; }
  .formy .gfield.gfield_error input, .formy .gfield.gfield_error textarea {
    border: 1px solid red; }
  .formy .half {
    width: 50%; }
  .formy .show-label label {
    display: block; }
  .formy input[readonly] {
    user-select: none;
    cursor: not-allowed;
    background: #fffffd !important; }
  .formy label {
    display: none; }
  .formy input[type="text"], .formy input[type="tel"], .formy input[type="email"], .formy input[type="password"], .formy input[type="number"], .formy textarea {
    width: 100%;
    padding: 20px;
    border-radius: 6px;
    border: none;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: #474f5c;
    background: #e7eff6;
    -webkit-appearance: none; }
  .formy input[type="text"]:focus, .formy input[type="tel"]:focus, .formy input[type="email"]:focus, .formy input[type="password"]:focus, .formy input[type="number"]:focus, .formy textarea:focus {
    outline: none; }
  .formy input[type="text"].field-error, .formy input[type="tel"].field-error, .formy input[type="email"].field-error, .formy input[type="password"].field-error, .formy input[type="number"].field-error, .formy textarea.field-error {
    border: 1px solid red; }
  .formy input[type="submit"], .formy button[type="submit"] {
    border: none;
    cursor: pointer; }
  .formy input[type="submit"]:focus, .formy button[type="submit"]:focus {
    outline: none; }
  .formy input[type="checkbox"] {
    display: none; }
  .formy input[type="checkbox"]:checked ~ label:after {
    display: block; }
  .formy input[type="checkbox"].field-error ~ label:before {
    background: rgba(255, 0, 0, 0.4) !important; }
  .formy input[type="checkbox"] ~ label {
    padding-left: 50px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    user-select: none; }
  .formy input[type="checkbox"] ~ label:before {
    content: '';
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px;
    background: #e7eff6; }
  .formy input[type="checkbox"] ~ label:after {
    content: '';
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background-image: url('../images/check.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%; }
  .formy input[type="checkbox"] ~ label.white:before {
    background: white; }
  .formy input[type="checkbox"] ~ label a {
    color: #07ceab; }
  .formy input[type="checkbox"] .ginput_container_password {
    display: flex;
    margin: 0 -10px; }
  .formy input[type="checkbox"] .ginput_container_password span {
    padding: 0 10px;
    width: 50%; }
  .formy input[type="radio"] {
    display: none; }
  .formy input[type="radio"]:checked ~ label:after {
    display: block; }
  .formy input[type="radio"].field-error ~ label:before {
    background: rgba(255, 0, 0, 0.4) !important; }
  .formy input[type="radio"] ~ label {
    padding-left: 50px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    user-select: none; }
  .formy input[type="radio"] ~ label:before {
    content: '';
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    background: #e7eff6; }
  .formy input[type="radio"] ~ label:after {
    content: '';
    width: 19px;
    height: 19px;
    position: absolute;
    top: 9px;
    left: 9px;
    border-radius: 100%;
    background: #474f5c;
    display: none; }
  .formy input[type="radio"] ~ label.white:before {
    background: white; }
  .formy input[type="radio"] ~ label.green:after {
    background: #4fbf5f; }
  .formy input[type="radio"] ~ label.red:after {
    background: #bf574f; }
  .formy input[type="radio"] ~ label a {
    color: #07ceab; }
  .formy .validation_error, .formy .validation_message {
    display: none; }
  .formy .gform_confirmation_message {
    color: #07ceab; }
  .formy .form-row {
    margin-bottom: 20px;
    display: flex; }
  .formy .form-row.hidden {
    display: none; }
  .formy .checkbox-row {
    display: block; }
  .formy .checkbox-row > div {
    margin-bottom: 15px; }
  .formy .notice {
    margin-bottom: 20px;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  .formy .success {
    margin-bottom: 20px;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: #07ceab;
    display: none; }
  .formy .error {
    margin-bottom: 20px;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: red;
    display: none; }
  .formy .employer-fields .label {
    font: 700 16px 'hypatia-sans-pro', sans-serif; }
  .formy .employer-fields input[name="num-employees"] {
    width: 100px !important;
    margin-left: -3px; }
  .formy[data-message="reset-password-invalid-email"] .reset-password-invalid-email {
    display: block; }
  .formy[data-message="success-reset-password-email-sent"] .success-reset-password-email-sent {
    display: block; }
  .formy[data-message="error-field-required"] .error-field-required {
    display: block; }
  .formy[data-message="error-username-password"] .error-username-password {
    display: block; }
  .formy[data-message="error-passwords-dont-match"] .error-passwords-dont-match {
    display: block; }
  .formy[data-message="error-incorrect-password"] .error-incorrect-password {
    display: block; }
  .formy[data-message="error-required-profile-fields"] .error-required-profile-fields {
    display: block; }
  .formy[data-message="success-password-reset"] .success-password-reset {
    display: block; }
  .formy[data-message="success-profile-updated"] .success-profile-updated {
    display: block; }
  .formy[data-message="success-webinar-confirmation"] .success-webinar-confirmation {
    display: block; }
  .formy[data-message="error-required-fields"] .error-required-fields {
    display: block; }
  .formy[data-message="error-email-taken"] .error-email-taken {
    display: block; }
  .formy[data-message="error-invalid-email"] .error-invalid-email {
    display: block; }
  .formy[data-message="success-subscribed"] .success-subscribed {
    display: block; }

#content-page .social {
  position: relative;
  top: -80px; }
  #content-page .social img {
    height: 22px; }

#functionality-page .page-desc {
  max-width: 570px;
  margin-bottom: 50px; }
  #functionality-page .fns ._col {
    margin-bottom: 30px; }
  #functionality-page .fns .fn {
    height: 100%;
    padding: 50px;
    border-radius: 6px;
    box-shadow: 0 10px 30px -13px rgba(71, 79, 92, 0.15);
    background: white; }
  #functionality-page .fns .fn .icon {
    margin-bottom: 20px; }
    #functionality-page .fns .fn .icon img {
      height: 45px; }
  #functionality-page .fns .fn .title {
    margin-bottom: 20px;
    font: 700 21px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  #functionality-page .fns .fn .the-content {
    margin-bottom: 20px; }
  #functionality-page .controls {
    padding-top: 20px;
    text-align: center; }

#login-page {
  padding-bottom: 100px; }
  #login-page .formy .form-footer {
    display: flex;
    align-items: center; }
  #login-page .formy input {
    width: calc(50% - 20px);
    margin-right: 10px; }
  #login-page .formy .notice a {
    color: #07ceab; }
  #login-page .formy .notice a:hover {
    text-decoration: underline; }
  #login-page .formy .reset-pw {
    font: 600 14px 'hypatia-sans-pro', sans-serif;
    color: #929aa3; }
  #login-page .formy .reset-pw a:hover {
    color: #07ceab; }

#reset-password-step-1-page input[name="email"] {
  max-width: 280px; }

form.spacing input {
  width: calc(50% - 20px) !important;
  margin-right: 20px; }

.dashboard .page-title {
  padding-bottom: 40px; }
  .dashboard .dashboard-header {
    padding-bottom: 125px; }
  .dashboard .dashboard-header .content-links + .employer-controls {
    padding-top: 20px; }
  .dashboard hr {
    width: 100%;
    height: 2px;
    border: none;
    outline: none;
    margin: 20px 0;
    background: #dee5eb; }

.page-template-dashboard-my-subscription-historical li.bills {
  padding-right: 0; }

.page-template-dashboard-my-subscription li.subscriptions a:after, .page-template-dashboard-my-subscription-historical li.bills a:after {
  content: '';
  height: 4px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background: #07ceab; }

.menu-bar {
  height: 64px;
  background: #dee5eb; }
  .menu-bar.hover-colors li:hover a, .menu-bar.hover-colors li.current-menu-item a {
    color: #474f5c; }
  .menu-bar.teal {
    background: #07ceab; }
  .menu-bar.teal a {
    color: white; }
  .menu-bar .mobile-trigger {
    display: none; }
  .menu-bar .menu-col {
    flex-grow: 1;
    height: 100%;
    padding-right: 10px; }
  .menu-bar .fixed-col {
    height: 100%; }
  .menu-bar .wrap, .menu-bar .gutenblocks .wp-block-pullquote, .gutenblocks .menu-bar .wp-block-pullquote, .menu-bar .gutenblocks blockquote, .gutenblocks .menu-bar blockquote {
    height: 100%;
    display: flex; }
  .menu-bar ul {
    height: 100%;
    display: flex; }
  .menu-bar ul li {
    height: 100%;
    padding-right: 30px;
    position: relative; }
  .menu-bar ul li.current-menu-item a:after {
    content: '';
    height: 4px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background: #07ceab; }
  .menu-bar ul li a {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: #929aa3; }
    .menu-bar ul li a:hover:after {
      content: '';
      height: 4px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      pointer-events: none;
      background: #07ceab; }
  .menu-bar .count {
    padding-left: 5px; }
  .menu-bar .menu-item.hide {
    display: none; }

.content-header {
  padding-bottom: 125px; }
  .content-header .page-title {
    padding-bottom: 40px; }
  .content-header .inner {
    display: flex; }
  .content-header .info-col {
    width: calc(100% - 250px);
    padding-right: 30px; }
  .content-header .controls-col {
    width: 250px; }
  .content-header .controls-col .btn, .content-header .controls-col .formy input[type="submit"], .formy .content-header .controls-col input[type="submit"], .content-header .controls-col .formy button[type="submit"], .formy .content-header .controls-col button[type="submit"] {
    width: 100%;
    margin-bottom: 20px;
    text-align: center; }

.no-results {
  margin-bottom: 20px;
  font: 700 18px 'hypatia-sans-pro', sans-serif; }
  .no-results p {
    margin-bottom: 20px; }
  .no-results.padding {
    padding-left: 15px; }

#videos-page .videos {
  display: none; }
  #videos-page .videos.active {
    display: block; }

#plans-page .plans {
  display: none; }
  #plans-page .plans.active {
    display: block; }

#themes-page .themes {
  display: none; }
  #themes-page .themes.active {
    display: block; }

#software-archive {
  padding-top: 0; }
  #software-archive .wrap, #software-archive .gutenblocks .wp-block-pullquote, .gutenblocks #software-archive .wp-block-pullquote, #software-archive .gutenblocks blockquote, .gutenblocks #software-archive blockquote {
    display: flex;
    flex-wrap: wrap; }
  #software-archive .wrap .item, #software-archive .gutenblocks .wp-block-pullquote .item, .gutenblocks #software-archive .wp-block-pullquote .item, #software-archive .gutenblocks blockquote .item, .gutenblocks #software-archive blockquote .item {
    margin: 0 30px 30px 0; }
  #software-archive .wrap .software-thumb, #software-archive .gutenblocks .wp-block-pullquote .software-thumb, .gutenblocks #software-archive .wp-block-pullquote .software-thumb, #software-archive .gutenblocks blockquote .software-thumb, .gutenblocks #software-archive blockquote .software-thumb {
    margin-bottom: 10px; }
  #software-archive .wrap .software-name, #software-archive .gutenblocks .wp-block-pullquote .software-name, .gutenblocks #software-archive .wp-block-pullquote .software-name, #software-archive .gutenblocks blockquote .software-name, .gutenblocks #software-archive blockquote .software-name {
    font: 600 16px 'hypatia-sans-pro', sans-serif;
    color: #474f5c;
    text-align: center; }

.software-thumb {
  width: 200px;
  border-radius: 6px;
  box-shadow: 0 10px 30px -13px rgba(71, 79, 92, 0.15);
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 27%; }
  .software-thumb .space {
    width: 100%;
    padding-top: 62%; }
  .software-thumb .link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2; }

.expanded-block {
  margin-bottom: 20px;
  padding: 30px;
  border-radius: 6px;
  box-shadow: 0 10px 30px -13px rgba(71, 79, 92, 0.15);
  display: flex;
  background: white; }
  .expanded-block .thumb-col {
    width: 30%; }
  .expanded-block .thumb-col .software-thumb {
    width: 100%; }
  .expanded-block .thumb-col .software-thumb .space {
    padding-top: 100%; }
  .expanded-block .info-col {
    width: 70%;
    padding-left: 30px; }
  .expanded-block .top {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between; }
  .expanded-block .label {
    font: 600 13px 'hypatia-sans-pro', sans-serif;
    color: #c8ced3; }
  .expanded-block .actions {
    font: 600 13px 'hypatia-sans-pro', sans-serif;
    color: #c8ced3; }
  .expanded-block .actions span {
    cursor: pointer; }
  .expanded-block .name {
    margin-bottom: 5px;
    font: 700 18px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  .expanded-block .times {
    margin-bottom: 30px;
    font: 600 14px 'hypatia-sans-pro', sans-serif;
    color: #929aa3; }
  .expanded-block .times span:after {
    content: '-';
    margin-left: 3px; }
  .expanded-block .times span:last-of-type:after {
    display: none; }
  .expanded-block .questions {
    font: 600 14px 'hypatia-sans-pro', sans-serif;
    color: #929aa3; }
  .expanded-block .the-content p {
    font-size: 14px; }

.percentage .box {
  padding: 20px 25px;
  font: 700 16px 'hypatia-sans-pro', sans-serif;
  color: white;
  border-radius: 6px;
  display: inline-block;
  background: #929aa3; }

#single-plan {
  /*.objective {
   max-width: 600px;
   margin-bottom: 50px;
   p {
   font: 700 16px $font;
   color: $grey3;
   }
   }*/ }
  #single-plan .percentage {
    margin-bottom: 40px; }
  #single-plan .info-col .the-content {
    margin-bottom: 30px; }
  #single-plan .info-col .desc p {
    font-weight: 700; }

#history-archive {
  padding-bottom: 50px; }

.stars {
  display: flex; }
  .stars[data-rating="4"] .star:nth-of-type(5) svg path {
    fill: transparent;
    stroke: #929aa3; }
  .stars[data-rating="3"] .star:nth-of-type(5) svg path {
    fill: transparent;
    stroke: #929aa3; }
  .stars[data-rating="3"] .star:nth-of-type(4) svg path {
    fill: transparent;
    stroke: #929aa3; }
  .stars[data-rating="2"] .star:nth-of-type(5) svg path {
    fill: transparent;
    stroke: #929aa3; }
  .stars[data-rating="2"] .star:nth-of-type(4) svg path {
    fill: transparent;
    stroke: #929aa3; }
  .stars[data-rating="2"] .star:nth-of-type(3) svg path {
    fill: transparent;
    stroke: #929aa3; }
  .stars[data-rating="1"] .star:nth-of-type(5) svg path {
    fill: transparent;
    stroke: #929aa3; }
  .stars[data-rating="1"] .star:nth-of-type(4) svg path {
    fill: transparent;
    stroke: #929aa3; }
  .stars[data-rating="1"] .star:nth-of-type(3) svg path {
    fill: transparent;
    stroke: #929aa3; }
  .stars[data-rating="1"] .star:nth-of-type(2) svg path {
    fill: transparent;
    stroke: #929aa3; }
  .stars[data-rating="0"] .star:nth-of-type(5) svg path {
    fill: transparent;
    stroke: #929aa3; }
  .stars[data-rating="0"] .star:nth-of-type(4) svg path {
    fill: transparent;
    stroke: #929aa3; }
  .stars[data-rating="0"] .star:nth-of-type(3) svg path {
    fill: transparent;
    stroke: #929aa3; }
  .stars[data-rating="0"] .star:nth-of-type(2) svg path {
    fill: transparent;
    stroke: #929aa3; }
  .stars[data-rating="0"] .star:nth-of-type(1) svg path {
    fill: transparent;
    stroke: #929aa3; }
  .stars .star {
    width: 18px;
    margin-right: 3px;
    cursor: pointer; }
  .stars .star svg path {
    stroke-width: 4px;
    fill: #07ceab; }

#software-contents .content {
  display: none; }
  #software-contents .content.active {
    display: block; }

.fancybox-close-small {
  padding: 0;
  width: 30px;
  height: 30px; }

form.finish .form-row {
  margin-bottom: 0; }
  form.finish input, form.finish textarea, form.finish select {
    display: none; }

.stripe-button-el span {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important; }

#webinar-form {
  width: 600px !important; }
  #webinar-form form.finish .submit-btn {
    display: none; }
  #webinar-form .is-free-rad {
    display: none; }

#kits-page .page-title {
  padding-bottom: 20px; }
  #kits-page .kits-content {
    padding-bottom: 50px; }
  #kits-page .kits-content .kit-btn {
    text-align: center;
    margin: 0 15px 15px 0;
    width: 240px; }
  #kits-page .logbook ._col {
    margin-bottom: 30px; }
  #kits-page .logbook .block {
    padding: 50px;
    height: 100%;
    border-radius: 6px;
    box-shadow: 0 10px 30px -13px rgba(71, 79, 92, 0.15);
    background: white; }
  #kits-page .logbook .block .title {
    margin-bottom: 20px;
    font: 700 18px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }

#single-kit .main-content, #single-webinar .main-content {
  padding-bottom: 100px;
  display: flex; }
  #single-kit .main-content .info-col, #single-webinar .main-content .info-col {
    width: calc(100% - 280px);
    padding-right: 70px; }
  #single-kit .main-content .other-col, #single-webinar .main-content .other-col {
    width: 280px; }
  #single-kit .main-content .other-col .btn, #single-kit .main-content .other-col .formy input[type="submit"], .formy #single-kit .main-content .other-col input[type="submit"], #single-kit .main-content .other-col .formy button[type="submit"], .formy #single-kit .main-content .other-col button[type="submit"], #single-webinar .main-content .other-col .btn, #single-webinar .main-content .other-col .formy input[type="submit"], .formy #single-webinar .main-content .other-col input[type="submit"], #single-webinar .main-content .other-col .formy button[type="submit"], .formy #single-webinar .main-content .other-col button[type="submit"] {
    width: 80%;
    margin-bottom: 15px;
    margin-right: 0;
    text-align: center; }

#single-webinar .main-content {
  display: block; }

.summary {
  display: flex; }
  .summary .summary-col {
    width: 35%; }
  .summary .form-col {
    width: 65%;
    padding-left: 30px; }

#checkout-summary {
  width: 100%;
  max-width: 400px;
  padding: 50px;
  border-radius: 6px;
  background: #474f5c; }
  #checkout-summary.not-inited .product-name:before {
    content: attr(data-placeholder); }
  #checkout-summary.not-inited .amount:after {
    content: '-'; }
  #checkout-summary.loading:after {
    display: none !important; }
  #checkout-summary.loading:before {
    content: '';
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url('../images/loading-white.svg');
    background-repeat: no-repeat;
    background-size: 100%; }
  #checkout-summary.loading .inner {
    opacity: 0;
    pointer-events: none; }
  #checkout-summary.max-employees .max-employees-message {
    display: block; }
  #checkout-summary.max-employees table {
    display: none; }
  #checkout-summary .inner {
    transition: opacity 200ms; }
  #checkout-summary .product-name {
    margin-bottom: 30px;
    font: 700 24px 'hypatia-sans-pro', sans-serif;
    color: white; }
  #checkout-summary table {
    width: 100%;
    border-collapse: collapse; }
  #checkout-summary table tr {
    border-bottom: 2px solid #576170; }
  #checkout-summary table tr.total-row {
    border-bottom: none; }
    #checkout-summary table tr.total-row td {
      font-size: 24px; }
  #checkout-summary table tr td {
    padding: 25px 0;
    font: 700 18px 'hypatia-sans-pro', sans-serif; }
  #checkout-summary table tr .label {
    color: #929aa3; }
  #checkout-summary table tr .amount {
    color: white; }
  #checkout-summary .max-employees-message {
    display: none; }
  #checkout-summary .max-employees-message p {
    margin-bottom: 20px;
    font: 600 16px 'hypatia-sans-pro', sans-serif;
    color: white; }

.prompts .prompt {
  margin-bottom: 20px; }
  .prompts .prompt:last-of-type {
    margin-bottom: 0; }
  .prompts .prompt span, .prompts .prompt a {
    padding: 10px 0 10px 40px;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    display: inline-block;
    color: #07ceab;
    cursor: pointer;
    background-image: url('../images/prompt.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 80%; }

#signup-page .prompts {
  margin-bottom: 100px; }
  #signup-page form#employee-signup-redirect {
    padding-top: 20px;
    display: none; }
  #signup-page form#employee-signup-redirect input[name="cle"] {
    max-width: 350px; }

form#checkout[data-price-type="new-employer"] .employer-fields {
  display: block; }
  form#checkout[data-price-type="webinar"] .password-fields {
    display: none; }
  form#checkout .employer-fields {
    display: none; }

.checkout-success {
  font: 700 20px 'hypatia-sans-pro', sans-serif;
  color: #07ceab;
  display: none; }

#live-typing-results {
  padding: 10px 20px 20px 20px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 0 10px 30px -13px rgba(71, 79, 92, 0.15);
  background: #dee7ee;
  z-index: 50000;
  display: none; }
  #live-typing-results .all {
    margin-bottom: 10px;
    font: italic 400 12px 'hypatia-sans-pro', sans-serif;
    color: #474f5c;
    text-align: right; }
  #live-typing-results .all span {
    cursor: pointer; }
  #live-typing-results .cpt {
    margin-bottom: 20px; }
  #live-typing-results .cpt-name {
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 6px;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: #474f5c;
    background: white; }
  #live-typing-results .results {
    padding-left: 20px; }
  #live-typing-results .results .item {
    margin-bottom: 5px;
    display: flex; }
  #live-typing-results .results .item .thumb {
    width: 40px; }
    #live-typing-results .results .item .thumb .software-thumb {
      width: 40px;
      height: 40px;
      position: relative;
      top: 4px;
      background-size: 60%; }
      #live-typing-results .results .item .thumb .software-thumb .space {
        display: none; }
  #live-typing-results .results .item .info {
    width: calc(100% - 50px);
    padding-left: 15px; }
    #live-typing-results .results .item .info .result-name a {
      font: 700 16px 'hypatia-sans-pro', sans-serif;
      color: #474f5c; }
      #live-typing-results .results .item .info .result-name a:hover {
        text-decoration: underline; }

#search-page .page-title {
  font-size: 32px; }
  #search-page .page-subtitle {
    padding-bottom: 0; }
  #search-page .results-group {
    margin-bottom: 100px; }
  #search-page .results-group .group-name {
    margin-bottom: 30px;
    font: 700 32px 'hypatia-sans-pro', sans-serif;
    color: #929aa3; }

.table-title {
  font: 700 22px 'hypatia-sans-pro', sans-serif;
  color: #474f5c;
  margin-bottom: 10px; }

.table {
  display: flex;
  flex-wrap: wrap; }
  .table .table-header {
    width: 100%;
    padding: 20px 0;
    display: flex;
    font: 700 18px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  .table .table-row {
    width: 100%;
    padding: 20px 0;
    display: flex;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: #474f5c;
    position: relative;
    border-top: 2px solid #dee5eb; }
  .table .table-row:last-of-type {
    border-bottom: 2px solid #dee5eb; }
  .table .table-row:hover .actions {
    opacity: 1; }
  .table .collapse-row {
    display: none; }
  .table .collapse-row h3 {
    margin-bottom: 20px; }
  .table .actions {
    width: 50px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    opacity: 0; }
  .table .actions img {
    height: 30px;
    cursor: pointer; }
  .table a:hover {
    color: #07ceab; }

.history-entry .date {
  width: 160px;
  display: flex;
  flex-shrink: 0;
  align-items: center; }
  .history-entry .name {
    flex-grow: 1; }
  .history-entry .rating {
    width: 130px;
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
    align-items: center; }

#keys-table {
  padding-right: 50px; }

.key-entry.show-form form.send-key {
  display: block; }
  .key-entry.show-form .key.col {
    display: none; }
  .key-entry.show-form .status.col {
    display: none; }
  .key-entry.key-sent form.send-key {
    display: none; }
  .key-entry.key-sent .key-sent-success {
    display: block; }
  .key-entry.key-sent .actions {
    display: none; }
  .key-entry .key-string {
    cursor: pointer; }
  .key-entry .status {
    text-align: right; }
  .key-entry form.send-key {
    width: 100%;
    padding-left: 15px;
    display: none; }
  .key-entry form.send-key input[name="email"] {
    max-width: 250px;
    margin-right: 20px;
    padding: 10px !important; }
  .key-entry form.send-key button {
    padding-top: 10px;
    padding-bottom: 10px; }
  .key-entry .key-sent-success {
    padding-left: 15px;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: #07ceab;
    display: none; }

#dashboard-quizzes-page .quizzes {
  margin-bottom: 100px; }

#single-quiz {
  counter-reset: quiz-question; }
  #single-quiz .title-bar {
    position: relative; }
  #single-quiz .difficulty {
    position: absolute;
    top: 12px;
    right: 0; }
  #single-quiz .question {
    margin-bottom: 35px;
    padding: 35px;
    box-shadow: 0 10px 30px -13px rgba(71, 79, 92, 0.15);
    border-radius: 6px;
    background: white;
    opacity: 0;
    transition: opacity 600ms;
    counter-increment: quiz-question; }
  #single-quiz .question.in {
    opacity: 1; }
  #single-quiz .question.error-required {
    border: 2px solid red; }
  #single-quiz .question .question-phrase {
    margin-bottom: 20px;
    font: 700 18px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  #single-quiz .question .question-phrase .num {
    margin-bottom: 10px;
    font: 700 22px 'hypatia-sans-pro', sans-serif; }
    #single-quiz .question .question-phrase .num:before {
      content: counter(quiz-question); }
  #single-quiz .question .question-phrase img {
    width: auto !important;
    height: auto !important;
    max-height: 150px;
    cursor: pointer; }
  #single-quiz .question .possible-answers li {
    margin-bottom: 15px; }
    #single-quiz .question .possible-answers li label {
      padding-top: 3px; }
      #single-quiz .question .possible-answers li label p {
        margin-bottom: 5px;
        font: 700 16px 'hypatia-sans-pro', sans-serif;
        color: #929aa3; }
  #single-quiz .results-message {
    margin-bottom: 20px;
    font: 700 22px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  #single-quiz .cert-btn, #single-quiz .retry-btn {
    margin-bottom: 50px; }

.certificate-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .certificate-row.with-controls .name-col {
    width: calc(100% - 50px - 40%); }
  .certificate-row.with-controls .software-thumb a {
    cursor: default; }
  .certificate-row .thumb-col {
    width: 50px;
    display: flex;
    align-items: center; }
  .certificate-row .thumb-col .software-thumb {
    width: 50px;
    height: 50px;
    box-shadow: none;
    background-size: 50%; }
  .certificate-row .thumb-col .software-thumb .space {
    display: none; }
  .certificate-row .name-col {
    width: calc(100% - 50px - 30px);
    padding: 0 20px;
    font: 700 18px 'hypatia-sans-pro', sans-serif;
    color: #474f5c;
    display: flex;
    align-items: center; }
  .certificate-row .icon-col {
    width: 30px;
    text-align: right;
    display: flex;
    align-items: center; }
  .certificate-row .icon-col img {
    width: 25px; }
  .certificate-row .controls-col {
    width: 40%;
    font: 14px 'hypatia-sans-pro', sans-serif;
    color: #929aa3;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .certificate-row .controls-col span {
    margin-left: 15px; }

.employee-row .name-col {
  width: 30%; }
  .employee-row .registration-col {
    width: 20%;
    text-align: right; }
  .employee-row .action-col {
    width: 50%;
    text-align: right;
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: end; }
  .employee-row .action-col .round-btn {
    position: relative;
    margin: 0 10px;
    width: 40px;
    height: 40px;
    background: #07ceab;
    border-radius: 100%;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
    /*&.modify-form-trigger,
     &.delete-user-btn{
     svg{
     max-width:50%;
     max-height:50%;
     }
     }*/ }
  .employee-row .action-col .round-btn svg {
    max-width: 80%;
    max-height: 80%; }
    .employee-row .action-col .round-btn svg path {
      fill: white; }
  .employee-row .action-col .round-btn span {
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    white-space: nowrap; }
  .employee-row .action-col .round-btn:hover {
    background: #06ab8e; }
    .employee-row .action-col .round-btn:hover span {
      opacity: 1; }

#user-page .table {
  margin-bottom: 100px; }
  #user-page .no-results {
    margin-bottom: 100px; }

.quiz-row .name-col {
  width: 70%; }
  .quiz-row .status-col {
    width: 15%;
    text-align: center; }
  .quiz-row .status-col img {
    width: 20px; }
  .quiz-row .grade-col {
    width: 15%;
    text-align: right; }

#single-video {
  padding-top: 0; }
  #single-video .outer-wrapper {
    width: 100%;
    max-width: 1750px;
    display: flex;
    margin: 0 auto;
    padding: 0 15px; }
  #single-video .left-col {
    width: calc(100% - 400px); }
  #single-video .right-col {
    width: 400px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px; }
  #single-video .video-outer {
    padding-top: 15px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center; }
  #single-video .video-outer:after {
    display: none !important; }
  #single-video .video-outer.loading .video-not-allowed-message:after {
    display: none; }
  #single-video .video-outer.loading .software-thumb:before {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    background-image: url('../images/loading-white.svg');
    background-repeat: no-repeat;
    background-size: 100%; }
  #single-video .video-outer.show-message .video-not-allowed-message:after {
    display: none; }
    #single-video .video-outer.show-message .video-not-allowed-message .link {
      cursor: default; }
  #single-video .video-outer.show-message .message {
    display: block; }
  #single-video .video-frame {
    width: 100%; }
  #single-video .video-box {
    width: 100%;
    position: relative;
    background: #414042; }
  #single-video .video-box:before {
    content: '';
    padding-top: 56.25%;
    display: block; }
  #single-video .video-box .software-thumb {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: none;
    background-size: 100px 100px;
    background-position: 25px calc(100% - 25px); }
  #single-video .video-box .software-thumb .space {
    display: none; }
  #single-video .video-box iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: none; }
  #single-video .video-not-allowed-message {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  #single-video .video-not-allowed-message:after {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    background-image: url('../images/play.svg');
    background-repeat: no-repeat;
    background-size: 100%; }
  #single-video .video-not-allowed-message .message {
    display: none;
    position: absolute;
    top: 49%;
    left: 20px;
    font: 700 22px 'hypatia-sans-pro', sans-serif;
    color: white; }
  #single-video .video-notes {
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 2px solid #e7eff6; }
  #single-video .video-notes.loading:after {
    display: none; }
  #single-video .video-notes.loading .notes-title span {
    background-image: url('../images/loading.svg');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 100% 100%; }
  #single-video .video-notes .notes-title {
    margin-bottom: 20px;
    font: 700 18px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  #single-video .video-notes .notes-title span {
    padding-right: 30px;
    display: inline-block; }
  #single-video .video-notes .notes {
    width: 100%;
    margin: 0 -5px;
    padding: 10px 5px;
    position: relative;
    color: #474f5c;
    border: none;
    cursor: text;
    resize: none;
    -webkit-appearance: none;
    transition: background-color 200ms; }
  #single-video .video-notes .notes:focus {
    outline: none;
    background: #e7eff6; }
  #single-video .video-notes .notes:empty:before {
    content: attr(data-placeholder); }
  #single-video .upcoming-plan-videos .upcoming-plan-videos-title {
    margin-bottom: 20px;
    font: 700 18px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  #single-video .upcoming-plan-videos .capsule {
    display: flex; }
  #single-video .upcoming-plan-videos .capsule .software-thumb {
    width: 30%;
    height: 95px;
    box-shadow: none; }
  #single-video .upcoming-plan-videos .capsule .meta {
    width: 70%;
    padding-left: 10px; }
  #single-video .help {
    padding: 20px 0 0;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between; }
  #single-video .help .link {
    margin-right: 15px;
    font: 600 16px 'hypatia-sans-pro', sans-serif;
    color: #07ceab; }
  #single-video .video-info {
    padding-left: 15%; }
  #single-video .plan-name {
    display: flex; }
  #single-video .plan-name .difficulty {
    margin-right: 20px;
    position: relative;
    top: -5px; }
  #single-video .plan-name span {
    font: 600 16px 'hypatia-sans-pro', sans-serif;
    color: #929aa3; }
  #single-video .page-title {
    padding-bottom: 20px;
    color: #474f5c; }
  #single-video .percentage {
    margin-bottom: 20px; }
  #single-video .desc {
    max-width: 500px; }
  #single-video .stars {
    margin-bottom: 20px; }

.welcome-message {
  margin-bottom: 100px; }
  .welcome-message .name {
    margin-bottom: 10px;
    font: 700 32px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }
  .welcome-message .days-left {
    margin-bottom: 20px;
    font: 700 24px 'hypatia-sans-pro', sans-serif;
    color: #929aa3; }

.add-to-favorites.inline, .remove-from-favorites.inline {
  position: relative; }
  .add-to-favorites.inline.loading:before, .remove-from-favorites.inline.loading:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    top: 2px;
    right: -20px;
    background-image: url('../images/loading.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left center; }
  .add-to-favorites.inline.loading:after, .remove-from-favorites.inline.loading:after {
    display: none; }

#dashboard-page .professional-dashboard-info .page-secondary-title {
  margin-bottom: 10px; }
  #dashboard-page .professional-dashboard-info .kit-plan-info {
    margin-bottom: 30px; }
  #dashboard-page .kit-name {
    margin-bottom: 20px;
    font: 700 20px 'hypatia-sans-pro', sans-serif;
    color: #474f5c; }

#dashboard-certificates-page .certificate-category {
  margin-bottom: 20px;
  font: 700 23px 'hypatia-sans-pro', sans-serif;
  color: #474f5c; }
  #dashboard-certificates-page .cert-col {
    margin-bottom: 50px; }

#dashboard-activation-keys-page .table {
  margin-bottom: 50px; }

#dashboard-my-subscription-page .num-employer-keys-renewal {
  padding-top: 30px;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  #dashboard-my-subscription-page .num-employer-keys-renewal:after {
    display: none; }
  #dashboard-my-subscription-page .num-employer-keys-renewal.error-max .max-employees-message {
    display: block; }
  #dashboard-my-subscription-page .num-employer-keys-renewal input {
    max-width: 300px; }
  #dashboard-my-subscription-page .num-employer-keys-renewal .max-employees-message {
    width: 100%;
    padding-top: 20px;
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: red;
    text-align: center; }

#dashboard-modify-profile-page #delete-account {
  display: flex;
  align-items: center; }
  #dashboard-modify-profile-page .message {
    font-weight: 700; }

#newsletter-signup {
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  display: none; }
  #newsletter-signup .error {
    width: 100%; }
  #newsletter-signup .success {
    width: 100%; }
  #newsletter-signup.success input, #newsletter-signup.success button {
    display: none; }
  #newsletter-signup input[name="email"] {
    width: calc(70% - 15px);
    padding: 15px; }
  #newsletter-signup button {
    width: 30%;
    margin-right: 0; }

#guided-visit {
  position: absolute;
  top: 30px;
  left: 30px; }
  #guided-visit a {
    display: flex;
    align-items: center; }
  #guided-visit img {
    width: 25px;
    height: 25px;
    margin-right: 10px; }
  #guided-visit span {
    font: 700 16px 'hypatia-sans-pro', sans-serif;
    color: #07ceab; }

.single-blog .main-img {
  width: 100%;
  text-align: center; }

.mobile-search {
  width: 100%;
  margin-bottom: 50px;
  padding: 15px;
  display: none; }

#printable-certificate {
  max-width: 1200px; }
  #printable-certificate .logo {
    margin: 0 0 100px;
    text-align: center; }
  #printable-certificate .logo img {
    width: 400px; }
  #printable-certificate .cert-content {
    display: flex; }
  #printable-certificate .left-text {
    width: 50%;
    margin: 0 0 90px;
    font: 800 32px 'hypatia-sans-pro', sans-serif;
    color: #000;
    text-shadow: 1px 1px 3px #909090;
    text-align: right; }
  #printable-certificate .left-text .business-logo {
    display: block;
    height: 100px;
    margin-top: 20px;
    float: right; }
  #printable-certificate .right-text {
    width: 50%;
    padding-top: 11px !important; }
  #printable-certificate .left-text, #printable-certificate .right-text {
    padding: 0 50px; }
  #printable-certificate .name {
    margin: 0 0 5px;
    font: 18px 'hypatia-sans-pro', sans-serif; }
  #printable-certificate .line {
    width: 400px;
    margin: 0 0 15px;
    position: relative;
    left: -10px; }
  #printable-certificate .title {
    margin: 0 0 20px;
    font: bold 18px 'hypatia-sans-pro', sans-serif;
    color: #2f5a6f; }
  #printable-certificate .date {
    margin-bottom: 20px;
    font: 14px 'hypatia-sans-pro', sans-serif;
    color: #292f36; }
  #printable-certificate .cert-id {
    margin-bottom: 20px; }
  #printable-certificate .length {
    font: 14px 'hypatia-sans-pro', sans-serif;
    color: #292f36; }
  #printable-certificate .signature {
    padding: 0 0 0 40px; }
  #printable-certificate .signature img {
    width: 460px; }
  #printable-certificate .signature .l1 {
    margin: 0 0 15px;
    font: 9px 'hypatia-sans-pro', sans-serif;
    color: #292f36; }
  #printable-certificate .signature .l2 {
    font: 12px 'hypatia-sans-pro', sans-serif;
    color: #000; }

body.single-post .page-title {
  color: #07ceab; }

.single-post-content h1, .single-post-content h2, .single-post-content h3 {
  color: #07ceab; }
  .single-post-content p {
    color: #474f5c; }

table.bills {
  width: 100%;
  margin-top: 50px; }
  table.bills th {
    text-align: left; }
  table.bills .btn, table.bills .formy input[type="submit"], .formy table.bills input[type="submit"], table.bills .formy button[type="submit"], .formy table.bills button[type="submit"] {
    cursor: pointer; }

@media (max-width: 1300px) {
  #single-video .video-info {
    padding-left: 0; }
    #single-video .help {
      margin-bottom: 10px; } }

@media (max-width: 1100px) {
  #landing {
    padding: 0 50px; }

  #single-video .message {
    top: 20px !important;
    font-size: 18px !important; }
    #single-video .left-col {
      width: calc(100% - 300px); }
    #single-video .right-col {
      width: 300px; } }

@media (max-width: 991px) {
  .mobile-search {
    display: block; }

  #search-results-menu {
    height: auto; }
    #search-results-menu ul {
      flex-wrap: wrap; }
    #search-results-menu li {
      width: 100%; }
      #search-results-menu li a {
        padding: 10px 0; }
        #search-results-menu li a:hover:after {
          display: none; }

  header .left-col {
    width: auto; }
    header .center-col {
      display: none; }
    header .right-col {
      width: auto; }
    header .search-toggle {
      display: block; }
    header .btns {
      padding-left: 20px; }

  footer .left-col {
    width: 50%; }
    footer .center-col {
      width: 50%; }
      footer .center-col .newsletter {
        text-align: right; }
      footer .center-col .social {
        justify-content: flex-end; }
        footer .center-col .social .social-network:last-of-type {
          margin-right: 0; }
    footer .right-col {
      width: 100%; }
    footer #kantaloup {
      justify-content: center; }

  #content-preview .content .owl-carousel .owl-nav .owl-prev {
    left: -40px; }
    #content-preview .content .owl-carousel .owl-nav .owl-next {
      right: -40px; }

  #single-kit .main-content {
    flex-wrap: wrap; }
    #single-kit .main-content .info-col {
      width: 100%;
      padding-right: 0; }
    #single-kit .main-content .other-col {
      width: 100%; }
    #single-kit .main-content .other-col .btn, #single-kit .main-content .other-col .formy input[type="submit"], .formy #single-kit .main-content .other-col input[type="submit"], #single-kit .main-content .other-col .formy button[type="submit"], .formy #single-kit .main-content .other-col button[type="submit"] {
      max-width: 240px; }

  #single-video .outer-wrapper {
    flex-wrap: wrap; }
    #single-video .left-col {
      width: 100%; }
    #single-video .right-col {
      width: 100%;
      padding-top: 50px; }
    #single-video .help {
      justify-content: flex-start;
      flex-wrap: wrap; }
    #single-video .help div {
      width: 100%;
      padding-top: 20px; }
    #single-video .help div:first-of-type {
      padding-top: 0; }

  .software-bar .full-list .item {
    width: 20%; } }

@media (max-width: 767px) {
  header {
    height: 80px; }
    header .hamburger {
      width: 80px;
      height: 80px; }
    header .logo .link {
      padding: 0 18px; }
    header .right-col {
      justify-content: space-between; }
    header .search-toggle {
      order: 2; }
      header .search-toggle img {
        width: 30px;
        margin-left: 0; }
    header .btns {
      width: 62%;
      padding-left: 10px;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      order: 1; }
      header .btns .simple-link {
        width: 100%;
        text-align: left;
        margin-bottom: 6px; }
      header .btns .btn, header .btns .formy input[type="submit"], .formy header .btns input[type="submit"], header .btns .formy button[type="submit"], .formy header .btns button[type="submit"] {
        margin-left: 0;
        padding: 6px 12px;
        text-align: center; }

  #main-menu {
    width: 80%;
    transform: translateX(-100%); }

  body.menu-open #main {
    transform: translateX(80%); }

  #landing {
    min-height: 500px;
    padding: 0 15px; }
    #landing .inner h1 {
      font-size: 32px; }
      #landing .inner h2, #landing .inner h3, #landing .inner h4, #landing .inner h5, #landing .inner h6 {
        font-size: 20px; }
      #landing .inner .btn-box {
        display: block;
        margin-bottom: 15px; }

  #content-preview .desc .the-content {
    padding-left: 15px !important;
    padding-right: 15px !important; }

  footer ._col {
    width: 100%; }
    footer .left-col {
      padding: 20px 0; }
      footer .left-col .menu li {
        text-align: center; }
    footer .center-col .newsletter {
      text-align: center; }
      footer .center-col .social {
        justify-content: center; }
        footer .center-col .social .social-network:last-of-type {
          margin-right: 20px; }
    footer #kantaloup {
      justify-content: center; }

  .prokit-enticement .prokit-title {
    font-size: 28px; }
    .prokit-enticement .controls {
      margin-bottom: 50px; }

  .main-img {
    width: 95%;
    margin-bottom: 50px; }

  #about-page .cols {
    columns: 1; }

  #contact-page .formy {
    padding-top: 50px; }

  #functionality-page .fns .fn {
    padding: 25px; }

  #login-page .formy .form-row {
    flex-wrap: wrap; }
    #login-page .formy input {
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px; }

  form.spacing .form-row {
    flex-wrap: wrap; }
    form.spacing input {
      width: 100% !important;
      margin-right: 0;
      margin-bottom: 10px; }

  .inside-page {
    padding-top: 50px; }

  #guided-visit {
    top: 15px;
    left: 15px; }

  .page-title {
    font-size: 32px;
    padding-bottom: 40px; }

  .content-header {
    padding-bottom: 40px; }

  .content-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .content-links .btn, .content-links .formy input[type="submit"], .formy .content-links input[type="submit"], .content-links .formy button[type="submit"], .formy .content-links button[type="submit"] {
      width: calc(50% - 7px);
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 15px;
      margin-right: 0;
      text-align: center; }

  #software-archive .wrap, #software-archive .gutenblocks .wp-block-pullquote, .gutenblocks #software-archive .wp-block-pullquote, #software-archive .gutenblocks blockquote, .gutenblocks #software-archive blockquote {
    display: flex;
    justify-content: space-between; }
    #software-archive .wrap .software-thumb, #software-archive .gutenblocks .wp-block-pullquote .software-thumb, .gutenblocks #software-archive .wp-block-pullquote .software-thumb, #software-archive .gutenblocks blockquote .software-thumb, .gutenblocks #software-archive blockquote .software-thumb {
      width: calc(50% - 10px);
      margin: 0 0 20px; }

  .history-entry {
    flex-wrap: wrap; }
    .history-entry .date {
      width: 50%;
      order: 1; }
    .history-entry .rating {
      width: 50%;
      order: 2; }
    .history-entry .name {
      width: 100%;
      padding-top: 10px;
      order: 3; }

  #kits-page .kits-content .lg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #kits-page .kits-content .kit-btn {
      width: calc(50% - 7px);
      margin: 0 0 15px;
      text-align: center;
      display: inline-flex;
      justify-content: center;
      align-items: center; }

  .summary {
    flex-wrap: wrap; }
    .summary .summary-col {
      width: 100%;
      margin-bottom: 50px; }
    .summary .form-col {
      width: 100%;
      padding-left: 0; }

  .formy .checkbox-row label {
    display: block !important; }
    .formy .checkbox-row label a {
      margin: 0 !important; }

  .key-entry {
    flex-wrap: wrap; }
    .key-entry .key.col {
      width: calc(100% - 50px);
      margin-bottom: 10px;
      flex-basis: auto; }
    .key-entry .status.col {
      width: calc(100% - 50px);
      margin-bottom: 10px;
      flex-basis: auto;
      text-align: left; }
    .key-entry .actions {
      width: 100%;
      margin-bottom: 10px;
      opacity: 1;
      position: static; }

  .title-bar .page-secondary-title {
    margin-bottom: 20px; }
    .title-bar a {
      position: static; }

  .software-bar .full-list .item {
    width: 33.3333%; }

  .menu-bar {
    position: relative; }
    .menu-bar .wrap, .menu-bar .gutenblocks .wp-block-pullquote, .gutenblocks .menu-bar .wp-block-pullquote, .menu-bar .gutenblocks blockquote, .gutenblocks .menu-bar blockquote {
      justify-content: space-between; }
    .menu-bar .mobile-trigger {
      order: 1;
      display: flex;
      align-items: center; }
    .menu-bar .mobile-trigger img {
      width: 30px; }
    .menu-bar .fixed-col {
      order: 2; }
    .menu-bar .spotlight {
      width: auto;
      height: auto;
      padding: 25px 15px 5px;
      order: 3;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background-color: #beccd8;
      display: none;
      z-index: 5000; }
    .menu-bar .spotlight.show {
      display: block; }
    .menu-bar .spotlight ul {
      flex-wrap: wrap; }
    .menu-bar .spotlight .menu-item {
      width: 100%;
      display: block !important; }
    .menu-bar .spotlight .menu-item a {
      color: #474f5c;
      margin-bottom: 20px; }
      .menu-bar .spotlight .menu-item a:hover:after {
        display: none; }

  #single-plan .inner {
    flex-wrap: wrap; }
    #single-plan .inner .info-col {
      width: 100%;
      padding-right: 0; }
    #single-plan .inner .controls-col {
      width: 100%; } }