/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.hs-content-id-90087859632 > .span12 {
  background:#1d252c;
  background: url('https://22732406.fs1.hubspotusercontent-na1.net/hubfs/22732406/Backgrounds/Exokeryx%20Homepage%20Background%201.jpg') no-repeat bottom left;
  background-size: cover;
}

.hs-content-id-90087859632 .header__bottom {
  padding-top: 5em!important;
  background: none!important;
}

.hs-content-id-90087859632 .header__logo-col {
	display: none!important;
}

.header__container--left .header__logo-col {
  max-width: 200px!important;
}

.header__container--left .header__menu-col {
  text-align: center!important;
}

/* NAVIGATION ================ */
.header__menu-submenu {
  border: none!important;
  left: 20px!important;
  top: 105%!important;
}

.hs-content-id-90087859632 .header__menu-toggle svg {
  fill: #89BD2E!important;
}

.header__menu--mobile {
   background: #89BD2E!important;
}

.header__menu--mobile .header__menu-item--depth-1 a {
  color: #1D252D!important; 
}

.header__menu-link {
    width: 100%!important;
}

.header__menu-submenu .header__menu-link--active-link {
    background-color: transparent!important;
}

@media (max-width: 767px) {
  .header__menu-item--depth-1 {
  border: none!important;
  }
  .header__menu-child-toggle svg {
     fill: #1D252D!important;
  }
  .header__menu-submenu--level-2 {
    margin-left: 5%!important;
  }
}
/* CAREERS (BLOG) ==================== */
  .blog-comments,
  .blog-post__timestamp {
    display: none!important;
  }

  .blog-listing--card .blog-listing__post-image-wrapper {
    height: 255px;
  }
  
  .hs-blog-post .blog-listing__post-image-wrapper {
    height: 158px!important;
  }

/*FOOTER ===================== */

#hs_cos_wrapper_footer-module-7,
#hs_cos_wrapper_widget_1667327019831_ {
    text-align: center!important;
}

@media (min-width: 767px) {
  .header__container--left .header__menu-col {
    flex: 3 0 0;
  }
  .header__container--left .header__menu-col {
    margin-left: 0!important;
    text-align: center!important;
  }
}

@media screen and (min-width : 320px) and (min-width : 480px) {
  #hs_cos_wrapper_footer-module-7 {
    text-align: center!important;
}
}

/* METHODS COMPARISON TABLE  */
    table {
        width: 100%;
        border-collapse: collapse;
        border-style: none;
        font-family: Montserrat, sans-serif;
      
    }
    th, td {
        padding: 10px;
        text-align: center;      
        width: 15%;
      border-style: none;
      vertical-align: middle;
    }
    th:nth-child(odd), tr:nth-child(1) {
        background-color: #009cde;
    }
    th:nth-child(even) {
        background-color: #00b5f4;
    }
    tr:first-child {
        background-color: #fcf7ee;
    }
    
    th:first-child {
      text-align: left;
      padding-left: 3%;
    }
  
    td:first-child {
      font-size:24px;
      text-align: left;
      padding-left: 3%;
      width: 40%;
    }
    th {
      color: #fff;
      font-size: 24px;
    }
    .green-check {
        display: block;
        color: #547826;
        background-color: #82c13e;
        border-radius: 100%;
        margin: auto;
        width: 45px;
        height; 45px;
        padding: 15px;
    }
    .yellow-minus {
        display: block;
        color: #986d0b;
        background-color: #fdb513;
        border-radius: 100%;
        margin: auto;
        width: 45px;
        height; 45px;
        padding: 15px;
    }
    .red-x {
      display: inline-block;
        color: #8b1d23;
        background-color: #e7313b;
        border-radius: 50%;
        margin: auto;
        width: 45px;
        height; 45px;
        padding: 15px;
    }

/*
.hs-site-page .blog-listing__post {
  display: flex;
  flex: wrap;
  justify-content: space-between;
  width: calc(50% - 1rem);
}*/


#hs-content-id-111620234257 .vjs-hubspot .vjs-poster, 
#hs-content-id-111620234257 .vjs-hubspot .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  display: none!important;
}
.row-fluid-wrapper.row-depth-1.row-number-1.dnd_area-row-0-max-width-section-centering.dnd_area-row-0-vertical-alignment.dnd-section.dnd_area-row-0-padding {
  position: relative;
}

/* When the browser is at least 600px and above */
@media screen and (min-width: 375px) and (max-width: 500px){
  h1 {
    font-size: 2.5em!important;
  }
}