@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Montserrat:300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

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

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

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

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}
/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


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

/* Grids */ 
@media(min-width:1024px) {
  .container-fluid .row-fluid .page-center {
    float: none;
    max-width: 864px;
    margin: 0 auto;
  }
}

@media (max-width: 1919px) and (min-width: 1280px){
  .container-fluid .row-fluid .page-center {
    float: none;
    max-width: 1200px;
    margin: 0 auto;
  }
}

@media(min-width:1920px) {
  .container-fluid .row-fluid .page-center {
    float: none;
    max-width: 1400px;
    margin: 0 auto;
  }
}

@media(max-width:1023px) and (min-width:768px) {
  .container-fluid .row-fluid .page-center {
    float: none;
    max-width: 700px;
    margin: 0 auto;
  }
}

@media(max-width:767px) {
  .container-fluid .row-fluid .page-center {
    float: none;
    margin-left: 32px;
    margin-right: 32px;
  }
}

/* Used for header/navigation */
.container-fluid .row-fluid .page-center-alternate{
  max-width: 95%;
  margin: auto;
  float: none;
}

@media(max-width:1023px) {
  .container-fluid .row-fluid .page-center-alternate{
    max-width: 100%;
    margin: auto;
    float: none;
  }
  .hs-blog-listing .container-fluid .row-fluid .page-center-alternate, .hs-blog-post .container-fluid .row-fluid .page-center-alternate{
    max-width: 95%;
    margin: auto;
    float: none;
  }
  .search-listing .container-fluid .row-fluid .page-center-alternate{
    max-width: 95%;
    margin: auto;
    float: none;
  }
}

/*********************/
/* General Styles    */
/*********************/

body{
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-size: 20px;
  line-height: normal;
  color: #000000;
  margin:0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.cream{
  background-color: #FFF5E9;
}

html{
  margin:0;
  scroll-padding-top: 76px;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5 , h6{
  font-style: normal;
  font-weight: 300;
  margin: 0 0 25px 0;
  color: #000;
}

h1{
  font-size: 30px;
}

@media screen and (min-width: 1024px){
  h1{
    font-size: 50px;
  }
}

@media screen and (min-width: 1920px){
  h1{
    font-size: 70px;
  }
}

h2{
  font-size: 25px;
}

@media screen and (min-width: 1024px){
  h2{
    font-size: 36px;
  }
}

@media screen and (min-width: 1920px){
  h2{
    font-size: 45px;
  }
}

h3{
  font-size: 22px;
}

@media screen and (min-width: 1024px){
  h3{
    font-size: 30px;
  }
}

@media screen and (min-width: 1920px){
  h3{
    font-size: 40px;
  }
}

h4{
  font-size: 20px;
}

@media screen and (min-width: 1920px){
  h4{
    font-size: 30px;
  }
}

h5{
  font-size:18px;
}

p{
  margin: 0 0 20px 0;
  font-size: 20px;
  font-weight: 300;
}

sup{
  font-size:14px;
}

img{
  height:auto;
}

video:focus{
  outline: none;
}

#player{
  clip-path: inset(3px);
}

.section{
/*   padding:80px 0 80px 0; */
}

@media(max-width:767px){
  .spacer{
    display: none !important; 
  }
}

/* Headings Top */
.gradient-border-banner-heading:before{
  display: inline-block;
  content: "";
  background-image: linear-gradient(to right,#456973,#00A5AD);
  width: 120px;
  height: 8px;
  transform: translateY(-1rem);
}

.gradient-border-banner-heading.orange:before{
  background-image: linear-gradient(to right,#ff9700,#ae12a6);
}

.white-border-banner-heading:before{
  display: inline-block;
  content: "";
  background-image: linear-gradient(to right,#FFFFFF,#FFFFFF);
  width: 120px;
  height: 8px;
  transform: translateY(-1rem);
}

.orange-border-banner-heading:before{
  display: inline-block;
  content: "";
  background-image: linear-gradient(to right,#FF9700,#FF9700);
  width: 120px;
  height: 8px;
  transform: translateY(-1rem);
}

.section-gradient-heading-border-top:before{
  display: inline-block;
  content: "";
  width: 100px;
  height: 8px;
  margin-bottom: 5px;
}

.section-gradient-heading-border-top.teal:before{
  background: linear-gradient(100.45deg,#00a5ad 4.33%,#6534cf 113.26%);
}

.section-gradient-heading-border-top.purple:before{
  background: linear-gradient(151.54deg, #AE12A6 4.33%, #6534CF 113.26%);
}

.section-gradient-heading-border-top.orange:before{
  background: linear-gradient(151.54deg, #FF9700 4.33%, #AE12A6 113.26%);
}

.gradient-border-heading-careers:before{
  display: inline-block;
  content: "";
  background: linear-gradient(90deg, #B000FF 0%, #0081C6 100%);
  width: 200px;
  height: 4px;
  transform: translateY(-1rem);
}

/* Heading Bottom */
.solid-border-section-heading h2{
  position:relative;
}
.solid-border-section-heading h2:after{
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -50px;
  bottom: -15px;
  width: 100px;
}
@media(max-width:767px){
  .solid-border-section-heading h2:after{
    width:48px;
    margin-left: -24px;
  }
}

.solid-border-section-heading.white h2{
  color:white;
}

/* Custom CTAs */
.cta_button.custom-cta-1{
  color: #00A5AD;
  font-size: 20px;
  line-height: 25px;
  position:relative;
  padding-right:35px;
  display: inline-block;
  border:none;
  font-weight: normal;
  text-align:left;
}

@media screen and (min-width:1920px) {
  .cta_button.custom-cta-1{
    font-size: 25px;
    line-height: 30px;
  }
}

.cta_button.custom-cta-1:after{
  content:"";
  background-image: url('https://3848583.fs1.hubspotusercontent-na1.net/hubfs/3848583/BenchSci_2021/Careers%20Microsite/CTA_circle_arrow.svg');
  background-size: 24px 24px;
  height:24px;
  width:24px;
  display: block;
  position:absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cta_button.custom-cta-2{
  color: #FFF;
  font-size: 20px;
  line-height: 25px;
  position:relative;
  padding-right:45px;
  display: inline-block;
  border:none;
  font-weight: normal;
}

@media screen and (min-width:1920px) {
  .cta_button.custom-cta-2{
    font-size: 25px;
    line-height: 30px;
  }
}

.cta_button.custom-cta-2:after{
  content:"";
  background-image: url('https://3848583.fs1.hubspotusercontent-na1.net/hubfs/3848583/BenchSci_2021/Careers%20Microsite/CTA_circle_arrow.svg');
  background-size: 24px 24px;
  height:24px;
  width:24px;
  display: block;
  position:absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.default-cta{
  transition: all .1s ease !important;
}

@media screen and (min-width:768px) {
  .default-cta{
    width: 370px !important;
    height: 50px !important;
    border-radius: 44px !important;
  }
}
.default-cta:hover{
  background-color: #650090 !important;
}

.base-cta{
  transition: all .1s ease !important;
}

@media screen and (min-width:768px) {
  .base-cta{
    width: 290px !important;
    height: 50px !important;
    border-radius: 44px !important;
  }
}
.base-cta:hover{
  background: linear-gradient(90deg, #DA00D8 0%, #1190DC 100%) !important;
}

.scripts{
  display: none !important;
}

.text-center{
  text-align:center;
}
.text-right{
  text-align:right;
}
.text-left{
  text-align:left;
}
a, a:visited, a:active{
  color: #6f278e;
  text-decoration: underline;
  transition: all .1s ease;
  font-weight: 400;
  outline: none;
}

a:hover{
  color: #650090;
}

a.cta_button{
  text-decoration: none;
}

a.scroll-cta-button{
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  background: #00A5AD;
  border-radius: 6px;
  border-width: 0;
  color: rgb(255,255,255);
  font-family: sans-serif;
  height: auto;
  transition: all .4s ease;
  padding: 11px 25px;
  text-shadow: none;
  width: auto;
  line-height: 24px;
  font-family: Lato;
  font-size: 20px;
  font-weight: 400;
  border-radius: 3px;
  border: 1px solid #00A5AD;
}

a.scroll-cta-button.orange{
  background:#FF9700;
  border-color: #FF9700;
}

a.scroll-cta-button:hover{
  background: rgb(19,181,191);
}

a.scroll-cta-button.orange:hover{
  background:#ffb61f;
}

.opt{
  min-height:0px !important;
}

/* Form Styles */

body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select {
  background-color: white;
  border: solid 1px #8D8D8D;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  color: #000000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  box-sizing: border-box;
  text-align: center;
}

body input[type="text"]:focus-visible, body input[type="password"]:focus-visible, body input[type="datetime"]:focus-visible, body input[type="datetime-local"]:focus-visible, body input[type="date"]:focus-visible, body input[type="month"]:focus-visible, body input[type="time"]:focus-visible, body input[type="week"]:focus-visible, body input[type="number"]:focus-visible, body input[type="email"]:focus-visible, body input[type="url"]:focus-visible, body input[type="search"]:focus-visible, body input[type="tel"]:focus-visible, body input[type="color"]:focus-visible, body input[type="file"]:focus-visible, body textarea:focus-visible, body select:focus-visible {
  outline: none;
}

textarea{
  min-height:150px;
}

body input[type="file"]{
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height:auto;
}

body select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image:url('https://3848583.fs1.hubspotusercontent-na1.net/hubfs/3848583/BenchSci_2019/select-box-arrow.svg');
  background-position: 97% center;
  background-repeat: no-repeat;
}

fieldset{
  max-width:100% !important;
}

label{
  font-weight: 300;
  font-size: 25px;
  line-height: 30px;
  display: none;
}

.hs-form-field .input {
  padding: 30px 12px 0 12px;
  margin: 0 !important;
}

.hs-error-msgs.inputs-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  color: #dc3545;
  padding: 0 12px;
}

.hs-error-msgs.inputs-list label{
  font-size: 15px;
  display: block;
  margin: 10px 0 0 0;
  text-align: center;
}

.hs_error_rollup {
  display: none;
}

fieldset.form-columns-1 .hs-input{
  width:100% !important;
}

form .actions{
  margin-top:40px;
  text-align:center;
}

form .actions input[type="submit"]{
  margin: 0px;
  background-color: #b000ff;
  font-size: 20px;
  color: #ffffff;
  line-height: 24px;
  font-weight: 400;
  text-transform: none;
  font-family: 'Roboto', sans-serif;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 40px;
  padding-left: 40px;
  border-radius: 20px;
  border: none;
}

@media screen and (min-width: 768px){
  form .actions input[type="submit"]{
    height: 80px;
    width: 450px;
    border-radius: 44px;
  }
}

form .actions input[type="submit"]:hover{
  background-color: #650090;
  cursor: pointer;
}

form .actions input[type="submit"]:focus{
  outline:none;
}

.submitted-message p{
  margin:0;
  font-size: 15px;
  text-align: center;
}

@media screen and (min-width: 768px){
  .submitted-message p{
    font-size: 20px;
  }
}

@media screen and (min-width: 1920px){
  .submitted-message p{
    font-size: 25px;
  }
}

/* Form Consent */
fieldset.form-columns-1 .hs-input[type="checkbox"]{
  width:auto !important;
}
.hs-form .legal-consent-container .inputs-list{
  margin:0;
  list-style-type:none;
  padding:0;
}
.legal-consent-container .hs-form-booleancheckbox-display>span{
  font-size: 14px;
  line-height: 17px;
  margin-left:30px !important;
}
.legal-consent-container .hs-form-booleancheckbox-display>span a{
  color:#00A5AD;
  border-bottom: 1px solid #00A5AD;
  padding-bottom: 2px;
  font-weight: 400;
}
.legal-consent-container .hs-form-field .input{
  padding-top:5px;
}

@media(max-width:767px){
  .legal-consent-container .hs-form-booleancheckbox-display p{
    font-weight: 300;
  }
}

.mobile-only{
  display:none !important;
}

.desktop-only{
  display:block !important;
}

.mobile-only-blog{
  display:none !important;
}

.desktop-only-blog{
  display:block !important;
}

@media(max-width:1023px){
  .mobile-only{
    display:block !important;
  }
  .desktop-only{
    display:none !important;
  }
}

@media(max-width:1023px){
  .mobile-only-blog{
    display:block !important;
  }
  .desktop-only-blog{
    display:none !important;
  }
}

/* Sticky Styles */
@media screen and (min-width:1024px) {
  .sticky-active .body-container-wrapper{
    margin-top:55px; /* 55 + 28 = 83 */
  }
}

/* Navigation */

.sticky {
  position: fixed;
  width: 100% !important;
  left: 0;
  top: 0;
  z-index: 100;
}

/* Footer Top */
.section.footer-top{
  padding: 35px 0;
  background: #000;
}

.section.footer-top .footer-1920{
  display:none;
}

@media screen and (min-width: 1920px){
  .section.footer-top .footer-1024{
    display:none;
  }
  .section.footer-top .footer-1920{
    display:block;
  }
}

.section.footer-top a, .section.footer-top a:visited, .section.footer-top a:active{
  color: #FFF5E9;
  border: 1px solid #262626;
}

.footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal > ul{
  margin: 35px 0 0 0;
  display: flex;
}

@media screen and (min-width: 1920px){
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal > ul{
    margin: 0;
  }
}

.footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal >ul li.hs-menu-depth-1{
  margin: 0 15px 0 0;
  width: calc(1/5*100% - (1 - 1/5)*15px);
}

.footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal >ul li.hs-menu-depth-1 > a{
  pointer-events: none;
}

.footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal >ul li.hs-menu-depth-1:nth-child(5n){
  margin-right: 0;
}

.footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal >ul li.hs-item-has-children ul.hs-menu-children-wrapper{
  position:relative;
  display:block !important;
}

.footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{
  padding: 5px 0px;
}

@media screen and (min-width: 768px){
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{
    max-width: none;
  }
}

@media screen and (min-width: 1920px){
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{
    max-width: 200px;
  }
}

/* Top level item no link*/
.footer-menu-top  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a{
  font-weight: bold;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #000;
  display:block;
  text-align: center;
  border: 1px solid #FFF5E9;
  border-radius: 30px;
  background: #FFF5E9;
  padding: 10px;
}

/* Child items - links */

.footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li{
  margin: 15px 0;
}
.footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child{
  margin: 15px 0 0 0;
}
.footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
  font-weight: bold;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  display:block;
  text-align: center;
  border-radius: 30px;
  padding: 10px;
}

@media screen and (min-width: 768px){
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
    max-width: none;
    width: auto;
  }
}

@media screen and (min-width: 1920px){
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
    max-width: 198px;
  }
}

.footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover{
  background: rgba(255, 255, 255, 0.05);
}

/* Social Links */
.footer-menu-top .social-links{
  text-align: center;
}

.footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper .social-links a{
  margin: 0 3px 0 0;
  background-color: #0F1C3D;
  border-radius: 50%;
  font-size: initial;
  display: inline-block;
  padding: 0;
  border: none;
}

@media screen and (min-width: 1024px){
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper .social-links a{
/*     padding: 8px; */
    width: 34px;
    height: 34px;
  }
}

@media (min-width:1280px) and (max-width:1919px) {
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper .social-links a{
    margin: 0 13px 0 0;
    width: 43px;
    height: 43px;
  }
} 

@media screen and (min-width: 1920px){
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper .social-links a{
    margin: 0 10px 0 0;
    width: 43px;
    height: 43px;
  }
}

.footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper .social-links a:hover{
   background-color: #0F1C3D;
}

.footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper .social-links a:last-child{
  margin: 0;
}

@media screen and (min-width: 768px){
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper .social-links img{
    width: 26px;
    height: 26px;
    margin: auto;
    display: block;
  }
}

@media screen and (min-width: 1024px){
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper .social-links img{
    width: 34px;
    height: 34px;
  }
}

@media screen and (min-width:1280px) {
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper .social-links img{
    width: 43px;
    height: 43px;
  }
}

/* Footer Bottom */
.section.footer-bottom{
  padding: 35px 0;
  background: #000;
}

.footer-bottom .copyright {
  font-size:12px;
  line-height: 28px;
  font-weight: normal;
  padding: 0;
  color:#FFF5E9;
  text-align: center;
}

/* Header Menu Styles */
/* ==========================================================================
Custom Menu Primary
========================================================================== */


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color:;
}

/* 4/18/2020 */
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
  overflow: hidden !important;
}

/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */


/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can 
* use this for custom styling on any element when the menu is in the open position.                     
*/

.mobile-trigger, .child-trigger{
  display: none; /* Hide button on Desktop */
}

/* Variables
========================================================================== */

   /* Set Mobile Menu Background Color */
      /* Set Link Color */
 /* Set Link Hover Color */

/* 
* Menu Reset
*
* Remove styling from desktop version of custom-menu-primary. Place any 
* additional CSS you want removed from the mobile menu in this reset 
*/

.custom-menu-primary,
.custom-menu-primary .hs-menu-wrapper > ul,
.custom-menu-primary .hs-menu-wrapper > ul li,
.custom-menu-primary .hs-menu-wrapper > ul li a{
  display: block;
  float: none;
  position: static;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  padding: 0px;
  margin: 0px;
  background-image: none;
  background-color: transparent;
  border: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none; 
  max-width: none;
  width: 100%;
  height: auto;
  line-height: 1;  
  font-weight: normal;
  text-decoration: none;
  text-indent: 0px;
  text-align: left;
  color:#ffffff;
}


/* Toggle Button
========================================================================== */

.mobile-trigger{
  display: inline-block !important; /* Show button on mobile */
  cursor: pointer; /* Mouse pointer type on hover */
  position: absolute; /*******************************************/
  top: 0px;          /* Position Button at right of screen  */
  right: 10px;        /*******************************************/
  width: auto; /* Button width */
  height: auto; /* Button height */      
  padding: 7px 10px 8px 10px;
  background: #ffffff; /* Background color */
  border: 1px solid #000000;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #000000; 
}
.mobile-trigger:hover{
  text-decoration: none; /* Removes link text underline on button */
  color:#ffffff;
  background-color: #000000; 
  border-color: transparent;
}

/* Change button when menu is open */
.mobile-open .mobile-trigger{
  color:#ffffff;
  background-color: #000000; 
  border-color: transparent;
}

/* Toggle Button Icon
========================================================================== */

.mobile-trigger i{
  display: inline;
  position: relative;
  top: -4px;
}
.mobile-trigger i:before, .mobile-trigger i:after{
  position: absolute;
  content: '';
}
.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
  width: 22px; /* Icon line width */
  height: 2px; /* Icon line height */
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-color: #000000; /* Icon color */
  display: inline-block;
}
.mobile-trigger i:before{
  top: -6px; /* Position top line */
}
.mobile-trigger i:after{
  top: 6px; /* Position bottom line */
}

.mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
.mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
  background-color: #ffffff; /* Icon color */
}


/* Child Toggle Button
========================================================================== */

.child-trigger{
  display: block !important; /* Hide button on Desktop */
  cursor: pointer; /* Mouse pointer type on hover */
  position: absolute;
  top: 0px;
  right: 35px;
  width: 55px !important; /* Button width */
  min-width: 55px !important;
  height: 45px !important; /* Button height */  
  padding: 0 !important;
  border-left: 1px dotted rgba(255, 255, 255, .20);
}
.child-trigger:hover{
  text-decoration: none;
}
.child-trigger i{
  position: relative;
  top: 50%; /* Centers icon inside button */
  margin: 0 auto !important;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.child-trigger i:after{
  position: absolute;
  content: '';
}
.child-trigger i, .child-trigger i:after{
  width: 10px; /* Icon line width */
  height: 1px; /* Icon line height */
  background-color:#ffffff; /* Icon color */
  display: block;

}
.child-trigger i:after{
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.child-trigger.child-open i:after{
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.child-trigger.child-open i{
}

/* Menu Styles on Mobile Devices
========================================================================== */  

.custom-menu-primary.js-enabled{
  position: relative;
  padding-top: 44px; /* Makes room for button */
/*     margin: 10px 0 10px 0; */
}

/* Hide menu on mobile */
.custom-menu-primary.js-enabled .hs-menu-wrapper,
.custom-menu-primary.js-enabled .hs-menu-children-wrapper{
  display: none;
}  

/* Make child lists appear below parent items */
.custom-menu-primary ul.hs-menu-children-wrapper{
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  display: none;
}

/* Mobile Menu Styles */ 
.custom-menu-primary.js-enabled .hs-menu-wrapper{
  width: 100%;
  position: relative; /**************************************************************/
  top: 0;             /* Positions the menu to drop from the very top of the screen */
  left: 0;            /**************************************************************/
  padding: 0;
}
.custom-menu-primary .hs-menu-wrapper{
  background-color:#000000; /* Menu background color set off global menuColorMobile variable */
  width: 100%; /* Full screen width */
  display:none; /* Hide menu on page load as class js-enabled is added later*/
}

/* Level 1 Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul > li{
  position: relative;
}
.custom-menu-primary .hs-menu-wrapper > ul > li a{
  font-size: 22px; /* Font size of top level list items */
  line-height: 45px;
  overflow: visible;
}

/* Level 1 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul li{
/*     border-top: 1px dotted rgba(255, 255, 255, .35); */
  /* Adds transparent dark highlights to top of top level list items */
}
.custom-menu-primary .hs-menu-wrapper >  ul li a{
  padding: 0 10px;
  color:#ffffff; /* link color set by global mobile-aColor variable */
  text-indent: 10px;
}
.custom-menu-primary .hs-menu-wrapper > ul li a:hover{
  /* 4/18/20 */
  /* link hover color set by global mobile-aColorHover variable */
}

/* Level 2 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background-color: rgba(255, 255, 255, .08);
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  text-indent: 10px; /* Indent Child lists */
/*     font-size: 16px; */
  /* Font size of child lists */
}

/* Level 3 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
  text-indent: 30px; /* Indent Child lists */
}
.custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
  text-indent: 50px; /* Indent Child lists */
}

/* Custom Menu Styles */

.navigation{
  background-color: #FFF5E9;
  border-bottom: 1px solid #000000;
  z-index: 100;
  position: relative;
}
.navigation.transparent{
  background-color:transparent;
  min-height:0;
}
.navigation .logo-menu-container{
  position:relative;
  padding: 20px 0;
}
.navigation.transparent .logo-menu-container{
  min-height:0;
}
.navigation .logo img {
  width: 140px !important;
  height: auto;
}
.hs-tools-menu{
/*   display:none; */
}
.custom-menu-primary, .custom-menu-primary.js-enabled{ /* Add padding top to the menu on page load as class js-enabled is added later*/
  padding-top:0px;
}
.custom-menu-primary.js-enabled{
  background: #FFF5E9;
/*     position: absolute;
  width: 100%; */
}
.navigation.transparent .custom-menu-primary.js-enabled{
  padding-top:0;
  min-height:0; 
}
.custom-menu-primary.js-enabled .hs-menu-wrapper{
/*     height:100vh; */
  border-radius: 0px 0px 10px 10px;
  border: 1px solid #000000;
  border-top: none;
  background: #FFF5E9;
/*     z-index: 3; */
  position: absolute;
  top: 57px;
  left:auto;
  right:0;
  z-index:2;
}
body.mobile-open {
  overflow: hidden;
  height:100vh;
  overflow-y: scroll;
}
html{
  height: -webkit-fill-available;
}
.mobile-trigger{
  top: -5px;
  right: -15px;
  z-index: 2;
}
.mobile-trigger:hover{
  background-color: transparent;
}
.mobile-open .mobile-trigger{
  background-color: transparent;
}
.custom-menu-primary .hs-menu-wrapper{
  background-color:transparent;
}
.custom-menu-primary .hs-menu-wrapper > ul{
  margin: 15px 15px 30px 15px !important;
  width: auto;
}
.custom-menu-primary .hs-menu-wrapper > ul li{
  margin: 15px 0 0 0;
}
.custom-menu-primary .hs-menu-wrapper>ul>li a{
  font-weight: normal;
  font-size: 18px;
  line-height: normal;
  color: #000000;
  padding: 10px;
  border-radius: 25px;
  border: 1px solid #E0D1BE;
  width: auto;
}

/* Header Menu hover*/
.custom-menu-primary .hs-menu-wrapper>ul>li a:hover{
  background-color: #000000;
  border: 1px solid #000000;
  color: #FFF5E9;
}
.custom-menu-primary .hs-menu-wrapper>ul>li.hs-item-has-children .parent-link-container a:hover::after{
  content: url('https://3848583.fs1.hubspotusercontent-na1.net/hubfs/3848583/BenchSci_2024/Homepage/menu-down-white.png');
}
.custom-menu-primary .hs-menu-wrapper>ul>li.hs-item-has-children.active .parent-link-container a:hover::after{
  content: url('https://3848583.fs1.hubspotusercontent-na1.net/hubfs/3848583/BenchSci_2024/Homepage/menu-up-white.png');
}

.custom-menu-primary .hs-menu-wrapper>ul>li.hs-item-has-children.active > a{
/*     color:#00A5AD; */
  /* 4/18/2020 */
/*     color:black;
  display:inline-block;
  position:relative; */
/*     padding: 5px 0;
  margin: 10px 10px 15px 39px; */
}
.custom-menu-primary .hs-menu-wrapper>ul>li.hs-item-has-children.active > a:before{
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 1px;
  left: 0;
  bottom: 0px;
  background-color: #00A5AD;
  width: 100%;
  /* 4/18/2020 */
  display:none;
}

/* 4/18/2020 */
.custom-menu-primary .hs-menu-wrapper>ul>li.hs-item-has-children.active-branch>a{
/*   color:#00A5AD; */
}

/* 4/18/2020 */
.custom-menu-primary .hs-menu-wrapper ul li.hs-menu-item.hs-menu-depth-2.active-branch a{
/*   color:#00A5AD; */
}

.custom-menu-primary .hs-menu-wrapper>ul>li a:hover{
  /* 4/18/2020 */
  /*     color:#000; */
  opacity:1;
}
/* 2nd level*/
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
  width: auto;
  margin: 0 0 0 25px;
}

.custom-menu-primary ul.hs-menu-children-wrapper{
/*     background: #fbfbfb; */
}

/* Add arrows to link instead of adding child trigger*/
.custom-menu-primary .hs-menu-wrapper>ul>li.hs-item-has-children .parent-link-container a::after{
  content: url('https://3848583.fs1.hubspotusercontent-na1.net/hubfs/3848583/BenchSci_2024/Homepage/menu-down.png');
  right: 15px;
  position: absolute;
}
.custom-menu-primary .hs-menu-wrapper>ul>li.hs-item-has-children.active .parent-link-container a::after{
  content: url('https://3848583.fs1.hubspotusercontent-na1.net/hubfs/3848583/BenchSci_2024/Homepage/menu-up.png');
  right: 15px;
  position: absolute;
}

/*   .child-trigger{
  border-left:none;
  width:100% !important;
  background-image: url('https://3848583.fs1.hubspotusercontent-na1.net/hubfs/3848583/BenchSci_2024/Homepage/menu-down.png');
  background-repeat:no-repeat;
  background-position: right 15px center;
  z-index:200;
  right: 0;
}
.child-trigger.child-open{
  background-image: url('https://3848583.fs1.hubspotusercontent-na1.net/hubfs/3848583/BenchSci_2024/Homepage/menu-up.png');
} */

.custom-menu-primary a::selection {
  background: transparent; /* WebKit/Blink Browsers */
}
.custom-menu-primary a::-moz-selection {
  background: transparent; /* Gecko Browsers */
}
/* New Hamburger Icon*/
.mobile-trigger{
  -webkit-transform: rotate(0deg) scale(0.5);
  -moz-transform: rotate(0deg) scale(0.5);
  -o-transform: rotate(0deg) scale(0.5);
  transform: rotate(0deg) scale(0.5);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  width: 60px;
  height: 55px;
  background: transparent;
  border: none;
}
.mobile-trigger span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.mobile-trigger span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.mobile-trigger span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.mobile-trigger span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.mobile-open .mobile-trigger span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}
.mobile-open .mobile-trigger span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.mobile-open .mobile-trigger span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}

/* Academics Menu Item */
/*   .custom-menu-primary.website-pages .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child{
  position:relative;
}

.custom-menu-primary.website-pages .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child:before{
  content: url(https://3848583.fs1.hubspotusercontent-na1.net/hubfs/3848583/BenchSci_2020/academics_black.svg);
  display: block;
  position: absolute;
  left: 35px;
  top: 17px;
}

.custom-menu-primary.website-pages .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child a{
  padding-left: 70px;
  position: relative;
} */

/* Secondary Menu */
.secondary-menu ul{
  float:right;
  margin: 8px 75px 0px 0;
  padding: 0;
}

.secondary-menu ul li{
  float: left;
  list-style-type: none;
}

.secondary-menu ul li a{
  font-family: Roboto;
  font-size: 18px;
  line-height: normal;
  font-weight: 400;
  color: #000000;
  padding: 10px 14px;
  position: relative;
  margin:0 45px 0 14px;
  padding: 0;
  text-decoration:none;
}

.secondary-menu ul li a:hover{
  color:#6f278e;
  
}

/* Sign Up - Last Item */
.secondary-menu ul li:last-child a{
  box-sizing: border-box;
  border-radius: 20px;
  color: white;
  background-color: #000000;
  padding: 10px 18px;  
  margin:0;
  font-size: 16px;
}

.secondary-menu ul li:last-child a:hover{
  background: linear-gradient(90deg, #da00d8, #1190dc);
}

/* Academics Menu - First Item */
.secondary-menu ul li:first-child{
  border-right: 1px solid #000000;
  position:relative;
}

.secondary-menu ul li:first-child a{
  margin: 0 14px 0 0;
}

@media(max-width:1023px){
  .secondary-menu ul{
    margin: 8px 50px 0px 0;
  }
  .secondary-menu ul li a{
    margin:0 20px 0 14px;
  }
}

@media(max-width:767px){
  /* Header Menu Mobile */
  .navigation .row-fluid .page-center{
    margin-left: 0;
    margin-right: 0;
  }
  .navigation .logo-menu-container .logo{
    min-height: 0;
    z-index: 2;
    position: relative;
  }
  .navigation .logo-menu-container .logo img{
    position: absolute;
    top: 0;
    left: 32px;
  }
  .custom-menu-primary.js-enabled{
    min-height: 0;
    padding-top: 37px;
  }
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    border: none;
    box-shadow: 0px 5px 5px rgb(64 78 125 / 20%);
    border-radius: 0;
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li a{
    font-weight: normal;
    font-size: 16px;
  }
  .mobile-trigger{
    right: 17px;
  }
  /* Secondary Menu */
  .secondary-menu{
    display: none;
  }
  /* Footer - Mobile */
  .footer-1024 .logo{
    text-align: center;
  }
  .footer-1024 .logo img{
    max-width: 175px;
  }
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal > ul{
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
  }
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{
    min-width: 180px;
  }
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    min-width: 180px;
  }
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal >ul li.hs-menu-depth-1{
    margin: 0 0 20px 0;
    width: auto;
  }
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal >ul li.hs-menu-depth-1:nth-child(5n){
    margin-bottom: 0;
  }
  /* Social Links */
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper .social-links a{
    margin: 0 8px 0 0;
    min-width: auto;
    box-sizing: content-box;
    width: 34px;
    height: 34px;
  }
  .footer-menu-top .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper .social-links img{
    width: 34px;
    height: 34px;
  }
}

/* Newsroom and Blog Navigation */
.navigation .logo-menu-container .logo-container{
  position: relative;
}
.text-logo a{
  color: #6F278E;
  font-weight: 700;
  font-size: 23px;
  text-decoration: none;
}
.text-logo{
  position: absolute;
  left: 170px;
  top: 5px;
}

.text-logo:before{
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  border: 1px solid #D9D9D9;
  top: 0;
  left: -15px;
}

@media(max-width: 767px) {
  .text-logo{
    display: none;
  }
}

/****************************/
/*     Homepage Styles      */
/****************************/

/* Section Black Box */
.section.black-box{
  padding: 0 0 25px 0;
}

@media screen and (min-width: 768px){
  .section.black-box{
    padding: 0 0 35px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.black-box{
    padding: 0 0 50px 0;
  }
}

/* Section Ultimate Frontier */
.section.ultimate-frontier{
  padding: 25px 0 0 0;
}

@media screen and (min-width: 768px){
  .section.ultimate-frontier{
    padding: 35px 0 10px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.ultimate-frontier{
    padding: 50px 0 25px 0;
  }
}

.section.ultimate-frontier .intro .image-container{
  margin: 0 0 25px 0;
}

.section.ultimate-frontier .intro .image-container img{
  max-width: 55px !important;
}

@media screen and (min-width: 1024px){
  .section.ultimate-frontier .intro .mw{
    max-width: 810px;
    margin: 0 auto;
    float: none;
  }
}
@media screen and (min-width: 1920px){
  .section.ultimate-frontier .intro .mw{
    max-width: 980px;
  }
}

.section.ultimate-frontier .intro h2{
  font-size: 25px;
  color: #6F278E;
}
@media screen and (min-width: 1024px){
  .section.ultimate-frontier .intro h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.ultimate-frontier .intro h2{
    font-size: 70px;
  }
}

.section.ultimate-frontier .intro p{
  font-size: 15px;
}
@media screen and (min-width: 1024px){
  .section.ultimate-frontier .intro p{
    font-size: 25px;
  }
}
@media screen and (min-width: 1920px){
  .section.ultimate-frontier .intro p{
    font-size: 30px;
  }
}

.section.ultimate-frontier .page-center .row{
  margin: 0 0 25px 0;
}

@media screen and (min-width: 768px){
  .section.ultimate-frontier .page-center .row{
    margin: 25px 0;
  }
}

.section.ultimate-frontier .page-center .row > .row-fluid-wrapper > .row-fluid{
  align-items: center;
  display: flex;
}

.section.ultimate-frontier .page-center .row h3{
  font-size: 25px;
}
@media screen and (min-width: 1024px){
  .section.ultimate-frontier .page-center .row h3{
    font-size: 36px;
    max-width: 360px;
  }
}
@media screen and (min-width: 1920px){
  .section.ultimate-frontier .page-center .row h3{
    font-size: 50px;
    max-width: 500px;
  }
}

.section.ultimate-frontier .page-center .row p{
  font-size: 15px;
}

@media screen and (min-width: 1024px){
  .section.ultimate-frontier .page-center .row p{
    font-size: 20px;
    max-width: 490px;
  }
}

@media screen and (min-width: 1920px){
  .section.ultimate-frontier .page-center .row p{
    max-width: 500px;
  }
}

.section.ultimate-frontier .page-center .row .cta-container{
  margin: 10px 0 0 0;
}

@media(max-width:767px){
  .section.ultimate-frontier .page-center .row{
    text-align: center;
  }
  .section.ultimate-frontier .page-center .row > .row-fluid-wrapper > .row-fluid{
    flex-direction: column;
  }
  .section.ultimate-frontier .page-center .row.text-video > .row-fluid-wrapper > .row-fluid{
    flex-direction: column-reverse;
  }
}

/* Section Ascend Platform */
.section.ascend-platform{
  padding: 25px 0;
  color: #fff;
}

@media screen and (min-width: 768px){
  .section.ascend-platform{
    padding: 35px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.ascend-platform{
    padding: 50px 0;
  }
}

.section.ascend-platform .background-video{
  position: absolute;
  z-index: -1;
}

.section.ascend-platform .new-era .image-container{
  margin: 0 0 -200px 0;
}
.section.ascend-platform .new-era .image-container img{
  max-width: 400px !important;
}

.section.ascend-platform .new-era .gradient-container{
  border-radius: 10px;
  background: linear-gradient(102deg, #DA00D8 1.81%, #1190DC 95.44%);
  z-index: -1;
  position: relative;
  padding: 0 0 300px 0;
}

@media screen and (min-width: 1280px){
  .section.ascend-platform .new-era .gradient-container{
    padding: 0 0 460px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.ascend-platform .new-era .gradient-container{
    padding: 0 0 480px 0;
  }
}

@media screen and (min-width: 768px){
  .section.ascend-platform .new-era .gradient-container .mw{
    margin: 0 auto;
    float: none;
    max-width: 610px;
  }
}

@media screen and (min-width: 1920px){
  .section.ascend-platform .new-era .gradient-container .mw{
    margin: 0 auto;
    float: none;
    max-width: 920px;
  }
}

.section.ascend-platform .new-era h2{
  font-size: 18px;
  margin: 280px 0 25px 0;
  color: #fff;
}
@media screen and (min-width: 1024px){
  .section.ascend-platform .new-era h2{
    font-size: 36px;
  }
}
@media screen and (min-width: 1920px){
  .section.ascend-platform .new-era h2{
    font-size: 50px;
    margin: 300px 0 25px 0;
  }
}

.section.ascend-platform .new-era p.secondary-header{
  font-size: 25px;
}
@media screen and (min-width: 1024px){
  .section.ascend-platform .new-era p.secondary-header{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.ascend-platform .new-era p.secondary-header{
    font-size: 70px;
  }
}

.section.ascend-platform .new-era p{
  font-size: 15px;
}
@media screen and (min-width: 1024px){
  .section.ascend-platform .new-era p{
    font-size: 20px;
  }
}
@media screen and (min-width: 1920px){
  .section.ascend-platform .new-era p{
    font-size: 30px;
  }
}

@media screen and (min-width: 768px){
  .section.ascend-platform .new-era .video-container{
    max-width: 600px;
    margin: 0 auto 0 auto;
    float: none;
    position: relative;
    z-index: 1;
  }
}

@media screen and (min-width: 1280px){
  .section.ascend-platform .new-era .video-container{
    max-width: 900px;
  }
}

@media screen and (min-width: 1920px){
  .section.ascend-platform .new-era .video-container{
    max-width: 1100px;
  }
}

.section.ascend-platform .new-era .video-container video{
  margin-top: -250px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; 
}

@media screen and (min-width: 768px){
  .section.ascend-platform .new-era .video-container video{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; 
  }
}

@media screen and (min-width: 1280px){
  .section.ascend-platform .new-era .video-container video{
    margin-top: -400px;
  }
}

@media(max-width:767px){
  .section.ascend-platform .new-era .image-container{
    margin-bottom: -100px;
  }
  .section.ascend-platform .new-era .image-container img{
    max-width: 250px !important;
  }
  .section.ascend-platform .new-era h2{
    margin-top: 150px;
  }
  .section.ascend-platform .new-era .gradient-container{
    padding-left:20px;
    padding-right: 20px;
    padding-bottom: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .section.ascend-platform .new-era .video-container video{
    margin: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }
}

/* Section Investor Logos */
.section.investor-logos{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.investor-logos{
    padding: 80px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.investor-logos{
     padding: 130px 0;
  }
}

/* Section Advisory Board */
.section.advisory-board{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.advisory-board{
    padding: 80px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.advisory-board{
     padding: 130px 0;
  }
}

@media screen and (min-width: 768px){
  .section.advisory-board .mw{
    margin: 0 0 35px 0;
  }
}

@media screen and (min-width: 1024px){
  .section.advisory-board .mw{
    max-width: 785px;
    margin: 0 auto 50px auto;
    float: none;
  }
}

@media screen and (min-width: 1920px){
  .section.advisory-board .mw{
    max-width: 1210px;
  }
}

@media screen and (min-width: 1024px){
  .section.advisory-board h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.advisory-board h2{
    font-size: 70px;
  }
}

.section.advisory-board p{
  font-size: 15px;
}
@media screen and (min-width: 1024px){
  .section.advisory-board p{
    font-size: 20px;
  }
}
@media screen and (min-width: 1920px){
  .section.advisory-board p{
    font-size: 30px;
  }
}

/* Section Homepage Contact */
.section.homepage-contact{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.homepage-contact{
    padding: 80px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.homepage-contact{
     padding: 130px 0;
  }
}

@media (max-width: 767px){
  /* Ascend Platform */
  .section.ascend-platform .page-center .mw > .row-fluid-wrapper > .row-fluid{
    flex-direction: column-reverse;
    align-items: normal;
  }
  .section.ascend-platform .ascend-platform-text{
    margin: 40px 0 0 0;
    text-align: center;
  }
  .section.ascend-platform .image-container img{
    max-width: 190px !important;
  }
}

/****************************/
/*  Solutions Page Styles   */
/****************************/

/* Section BEKG Intro*/
.section.bekg-intro{
  padding: 25px 0 5px 0;
}

@media screen and (min-width: 768px){
  .section.bekg-intro{
    padding: 80px 0 60px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.bekg-intro{
     padding: 130px 0 110px 0;
  }
}

.section.bekg-intro .image-container{
  margin: 0 0 25px 0;
}

@media screen and (min-width: 1024px){
  .section.bekg-intro .mw1{
    max-width: 750px;
    margin: 0 auto;
    float: none;
  }
}
@media screen and (min-width: 1920px){
  .section.bekg-intro .mw1{
    max-width: 1100px;
  }
}

.section.bekg-intro h1{
  font-size: 18px;
}
@media screen and (min-width: 1024px){
  .section.bekg-intro h1{
    font-size: 36px;
  }
}
@media screen and (min-width: 1920px){
  .section.bekg-intro h1{
    font-size: 50px;
  }
}

.section.bekg-intro p.secondary-header{
  color: #6F278E;
  font-size: 25px;
}
@media screen and (min-width: 1024px){
  .section.bekg-intro p.secondary-header{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.bekg-intro p.secondary-header{
    font-size: 70px;
  }
}

@media screen and (min-width: 1024px){
  .section.bekg-intro .mw2{
    max-width: 640px;
    margin: 0 auto;
    float: none;
  }
}
@media screen and (min-width: 1920px){
  .section.bekg-intro .mw2{
    max-width: 950px;
  }
}

.section.bekg-intro h2{
  color: #6F278E;
}
@media screen and (min-width: 1024px){
  .section.bekg-intro h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.bekg-intro h2{
    font-size: 70px;
  }
}

.section.bekg-intro p{
  font-size: 15px;
}
@media screen and (min-width: 1024px){
  .section.bekg-intro p{
    font-size: 20px;
  }
}
@media screen and (min-width: 1920px){
  .section.bekg-intro p{
    font-size: 30px;
  }
}

/* BEKG Unique */
.section.bekg-intro .bekg-unique{
  margin: 25px 0 0 0;
}
@media screen and (min-width: 768px){
  .section.bekg-intro .bekg-unique{
    margin: 70px 0 0 0;
  }
}

.section.bekg-intro .bekg-unique h2{
  color: #000;
}
@media screen and (min-width: 1024px){
  .section.bekg-intro .bekg-unique h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.bekg-intro .bekg-unique h2{
    font-size: 70px;
  }
}

.section.bekg-intro .bekg-unique .feature-card .row-fluid-wrapper > .row-fluid{
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px){
  .section.bekg-intro .bekg-unique .feature-cards-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 50px 0 0 0;
  }
  .section.bekg-intro .bekg-unique .feature-cards-container > .row-fluid-wrapper{
    box-sizing: border-box;
    margin: 50px 40px 0 0;
    width: calc(1/2*100% - (1 - 1/2)*40px);
  }
  .section.bekg-intro .bekg-unique .feature-cards-container > .row-fluid-wrapper:nth-child(2n){
    margin-right: 0;
  }
  .section.bekg-intro .bekg-unique .feature-cards-container > .row-fluid-wrapper:nth-child(-n+2){
    margin-top: 0;
  }
} 

.section.bekg-intro .bekg-unique .feature-card .right-col .feature-text{
  font-size: 20px;
  font-weight: 300;
  margin: 0 0 10px 20px;
}
@media screen and (min-width: 768px){
  .section.bekg-intro .bekg-unique .feature-card .right-col .feature-text{
    margin: 0 0 20px 20px;
  }
}
@media screen and (min-width: 1024px){
  .section.bekg-intro .bekg-unique .feature-card .right-col .feature-text{
    font-size: 25px;
  }
}
@media screen and (min-width: 1920px){
  .section.bekg-intro .bekg-unique .feature-card .right-col .feature-text{
    font-size: 30px;
  }
}

.section.bekg-intro .bekg-unique .feature-card .right-col .feature-description{
  font-size: 15px;
  font-weight: 300;
  margin: 0 0 0 20px;
}
@media screen and (min-width: 1024px){
  .section.bekg-intro .bekg-unique .feature-card .right-col .feature-description{
    font-size: 20px;
  }
}

@media (max-width: 767px){
  .section.bekg-intro .bekg-unique .feature-cards-container > .row-fluid-wrapper{
    margin: 0 auto 32px auto;
    width: 100%;
  }
  .section.bekg-intro .bekg-unique .feature-cards-container > .row-fluid-wrapper:last-child{
    margin: 0 auto 0 auto;
  }
  .section.bekg-intro .bekg-unique .feature-card .left-col{
    width: 20%;
  }
  .section.bekg-intro .bekg-unique .feature-card .right-col{
    width: 80%;
  }
}

/* Product Offering */
.section.bekg-intro .product-offering{
  margin: 25px 0 0 0;
}
@media screen and (min-width: 768px){
  .section.bekg-intro .product-offering{
    margin: 70px 0 0 0;
  }
}
.section.bekg-intro .product-offering .image-container{
  margin: 0 0 25px 0;
}

.section.bekg-intro .product-offering h2{
  color: #6F278E;
}
@media screen and (min-width: 1024px){
  .section.bekg-intro .product-offering h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.bekg-intro .product-offering h2{
    font-size: 70px;
  }
}

.section.bekg-intro .product-offering p.secondary-header{
  font-size: 15px;
  color: #000;
}
@media screen and (min-width: 1024px){
  .section.bekg-intro .product-offering p.secondary-header{
    font-size: 20px;
  }
}
@media screen and (min-width: 1920px){
  .section.bekg-intro .product-offering p.secondary-header{
    font-size: 30px;
  }
}

@media screen and (min-width: 768px){
  .section.bekg-intro .product-offering .offer-cards-container{
    margin: 50px 0 0 0;
  }
}
.section.bekg-intro .product-offering .offer-card{
  margin: 25px 0;
}
.section.bekg-intro .product-offering .offer-card .row-fluid-wrapper > .row-fluid{
  display: flex;
  align-items: center;
}

.section.bekg-intro .product-offering .offer-card .text-col .offer-text{
  font-size: 20px;
  font-weight: 300;
  margin: 0 0 10px 0;
}
@media screen and (min-width: 768px){
  .section.bekg-intro .product-offering .offer-card .text-col .offer-text{
    margin: 0 0 20px 0;
  }
}
@media screen and (min-width: 1024px){
  .section.bekg-intro .product-offering .offer-card .text-col .offer-text{
    font-size: 35px;
  }
}
@media screen and (min-width: 1920px){
  .section.bekg-intro .product-offering .offer-card .text-col .offer-text{
    font-size: 50px;
  }
}

.section.bekg-intro .product-offering .offer-card .text-col .offer-description{
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 1024px){
  .section.bekg-intro .product-offering .offer-card .text-col .offer-description{
    font-size: 20px;
  }
}

@media (max-width: 767px){
  .section.bekg-intro .product-offering .offer-card .row-fluid-wrapper >.row-fluid{
    flex-direction: column;
  }
  .section.bekg-intro .product-offering .offer-card.rev .row-fluid-wrapper>.row-fluid{
    flex-direction: column-reverse;
  }
  .section.bekg-intro .product-offering .offer-card .image-col{
    margin: 0 0 25px 0;
  }
  .section.bekg-intro .product-offering .offer-card .image-col img{
    max-width: 250px !important;
  }
  .section.bekg-intro .product-offering .offer-card .text-col .offer-text,
  .section.bekg-intro .product-offering .offer-card .text-col .offer-description{
    text-align: center;
  }
}

/* Partnership*/
.section.bekg-intro .partnership{
  margin: 25px 0 0 0;
}
@media screen and (min-width: 768px){
  .section.bekg-intro .partnership{
    margin: 70px 0 0 0;
  }
}

@media screen and (min-width: 1024px){
  .section.bekg-intro .partnership .mw{
    max-width: 780px;
    margin: 0 auto;
    float: none;
  }
}
@media screen and (min-width: 1920px){
  .section.bekg-intro .partnership .mw{
    max-width: 1100px;
  }
}

.section.bekg-intro .partnership h2{
  font-size: 18px;
  color: #000;
}
@media screen and (min-width: 1024px){
  .section.bekg-intro .partnership h2{
    font-size: 36px;
  }
}
@media screen and (min-width: 1920px){
  .section.bekg-intro .partnership h2{
    font-size: 50px;
  }
}

.section.bekg-intro .partnership p.secondary-header{
  color: #6F278E;
  font-size: 25px;
}
@media screen and (min-width: 1024px){
  .section.bekg-intro .partnership p.secondary-header{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.bekg-intro .partnership p.secondary-header{
    font-size: 70px;
  }
}

.section.bekg-intro .partnership p{
  font-size: 15px;
}
@media screen and (min-width: 1024px){
  .section.bekg-intro .partnership p{
    font-size: 20px;
  }
}
@media screen and (min-width: 1920px){
  .section.bekg-intro .partnership p{
    font-size: 30px;
  }
}

.section.bekg-intro .partnership .images-container{
  margin: 50px 0 0 0;
}

.section.bekg-intro .partnership .images-container .row-fluid-wrapper >.row-fluid{
  display: flex;
  align-items: center;
}

.section.bekg-intro .partnership .images-container .rounded img{
  border-radius: 10px;
}

@media (max-width: 767px){
  .section.bekg-intro .partnership .images-container .row-fluid-wrapper >.row-fluid{
    flex-direction: column;
  }
  .section.bekg-intro .partnership .images-container .plus img{
    margin: 25px 0;
  }
  .section.bekg-intro .partnership .images-container img{
    max-width: 250px !important;
  }
}

/* Section Solutions Contact */
.section.solutions-contact{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.solutions-contact{
    padding: 80px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.solutions-contact{
     padding: 130px 0;
  }
}

/****************************/
/*    Careers Page Styles   */
/****************************/

/* Section Careers Intro*/
.section.careers-intro{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.careers-intro{
    padding: 80px 0 40px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.careers-intro{
     padding: 130px 0 65px 0;
  }
}

.section.careers-intro .image-container{
  margin: 0 0 15px 0;
}

.section.careers-intro .image-container.banner img{
  border-radius: 10px;
}
@media screen and (min-width: 1024px){
  .section.careers-intro .image-container.banner{
    margin: 25px 0 50px 0;
  }
}

.section.careers-intro .image-container.logo img{
  max-width: 55px !important;
}

@media screen and (min-width: 1024px){
  .section.careers-intro .mw{
    max-width: 650px;
    margin: 0 auto;
    float: none;
  }
}
@media screen and (min-width: 1920px){
  .section.careers-intro .mw{
    max-width: 900px;
  }
}

.section.careers-intro h1{
  font-size: 25px;
}
@media screen and (min-width: 1024px){
  .section.careers-intro h1{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.careers-intro h1{
    font-size: 70px;
  }
}

@media screen and (min-width: 768px){
  .section.careers-intro .flex-container .row-fluid-wrapper >.row-fluid{
    display: flex;
  }
}

.section.careers-intro .left-col{
  border-radius: 20px;
  background: var(--Gradient, linear-gradient(135deg, #DA00D8 0.06%, #1190DC 100.06%));
  padding: 25px;
}
@media screen and (min-width: 768px){
  .section.careers-intro .left-col{
    padding: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (min-width: 1920px){
  .section.careers-intro .left-col{
    padding: 90px;
  }
}

.section.careers-intro .left-col .text{
  font-size: 20px;
  font-weight: 300;
  color: white;
}
@media screen and (min-width: 768px){
  .section.careers-intro .left-col .text{
    font-size: 25px;
  }
}
@media screen and (min-width: 1280px){
  .section.careers-intro .left-col .text{
    font-size: 35px;
  }
}
@media screen and (min-width: 1920px){
  .section.careers-intro .left-col .text{
    font-size: 50px;
  }
}

.section.careers-intro .right-col{
  border-radius: 20px;
  border: 1px solid #000;
  padding: 25px;
}
@media screen and (min-width: 1280px){
  .section.careers-intro .right-col{
    padding: 50px;
  }
}

.section.careers-intro .right-col h2{
  font-size: 20px;
}
@media screen and (min-width: 1280px){
  .section.careers-intro .right-col h2{
    font-size: 30px;
  }
}
.section.careers-intro .right-col p{
  font-size: 15px;
}
@media screen and (min-width: 1280px){
  .section.careers-intro .right-col p{
    font-size: 20px;
  }
}

.section.careers-intro .right-col .cta-container{
  margin: 10px 0 0 0;
}

.section.careers-intro .right-col .cta-container a.anchor,
.section.careers-intro .right-col .cta-container a.anchor:visited{
  font-size: 20px;
  font-weight: 400;
  padding: 8px 40px;
  line-height: normal;
  display: table-cell;
  font-family: "Roboto", sans-serif;
  color: #FFF;
  text-shadow: none;
  background: black;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border-width: 0;
  box-sizing: content-box !important;
  vertical-align: middle;
  border-radius: 20px;
  height: auto;
  width: auto;
}
.section.careers-intro .right-col .cta-container a.anchor:hover{
  background: linear-gradient(90deg, #da00d8, #1190dc);
}

@media (max-width: 767px){
  .section.careers-intro .flex-container{
    text-align: center;
  }
  .section.careers-intro .flex-container .right-col{
    margin: 25px 0 0 0;
  }
  .section.careers-intro .right-col .cta-container a.anchor{
    display: inline-block;
  }
}

/* Section Our Work*/
.section.our-work{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.our-work{
    padding: 40px 0 80px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.our-work{
     padding: 65px 0 130px 0;
  }
}

@media screen and (min-width: 768px){
  .section.our-work .flex-container .row-fluid-wrapper >.row-fluid{
    display: flex;
    align-items: center;
  }
}

.section.our-work .left-col .image-container{
  padding: 0 50px;
}

.section.our-work .right-col h2{
  font-size: 25px;
}
@media screen and (min-width: 1024px){
  .section.our-work .right-col h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.our-work .right-col h2{
    font-size: 70px;
  }
}

.section.our-work .right-col p{
  font-size: 15px;
}
@media screen and (min-width: 1280px){
  .section.our-work .right-col p{
    font-size: 20px;
  }
}

.section.our-work .right-col .text{
  font-size: 20px;
  font-weight: 300;
}
@media screen and (min-width: 1280px){
  .section.our-work .right-col .text{
    font-size: 25px;
  }
}
@media screen and (min-width: 1920px){
  .section.our-work .right-col .text{
    font-size: 30px;
  }
}

@media (max-width: 767px){
  .section.our-work .flex-container{
    text-align: center;
  }
  .section.our-work .flex-container .right-col{
    margin: 25px 0 0 0;
  }
}

/* Section How we work*/
.section.how-we-work{
  padding: 25px 0;
}
@media screen and (min-width: 768px){
  .section.how-we-work{
    padding: 80px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.how-we-work{
     padding: 130px 0;
  }
}

@media screen and (min-width: 1024px){
  .section.how-we-work h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.how-we-work h2{
    font-size: 70px;
  }
}

.section.how-we-work .principle-card .row-fluid-wrapper > .row-fluid{
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px){
  .section.how-we-work .principle-cards-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 50px 0 0 0;
  }
  .section.how-we-work .principle-cards-container > .row-fluid-wrapper{
    box-sizing: border-box;
    margin: 50px 40px 0 0;
    width: calc(1/2*100% - (1 - 1/2)*40px);
  }
  .section.how-we-work .principle-cards-container > .row-fluid-wrapper:nth-child(2n){
    margin-right: 0;
  }
  .section.how-we-work .principle-cards-container > .row-fluid-wrapper:nth-child(-n+2){
    margin-top: 0;
  }
} 

.section.how-we-work .principle-card .right-col .principle-text{
  font-size: 20px;
  font-weight: 300;
  margin: 0 0 10px 20px;
}
@media screen and (min-width: 768px){
  .section.how-we-work .principle-card .right-col .principle-text{
    margin: 0 0 20px 20px;
  }
}
@media screen and (min-width: 1024px){
  .section.how-we-work .principle-card .right-col .principle-text{
    font-size: 25px;
  }
}
@media screen and (min-width: 1920px){
  .section.how-we-work .principle-card .right-col .principle-text{
    font-size: 30px;
  }
}

.section.how-we-work .principle-card .right-col .principle-description{
  font-size: 15px;
  font-weight: 300;
  margin: 0 0 0 20px;
}
@media screen and (min-width: 1024px){
  .section.how-we-work .principle-card .right-col .principle-description{
    font-size: 20px;
  }
}

@media (max-width: 767px){
  .section.how-we-work .principle-cards-container > .row-fluid-wrapper{
    margin: 0 auto 32px auto;
    width: 100%;
  }
  .section.how-we-work .principle-cards-container > .row-fluid-wrapper:last-child{
    margin: 0 auto 0 auto;
  }
  .section.how-we-work .principle-card .left-col{
    width: 20%;
  }
  .section.how-we-work .principle-card .right-col{
    width: 80%;
  }
}

/* Section Who thrives*/
.section.who-thrives{
  padding: 25px 0;
}
@media screen and (min-width: 768px){
  .section.who-thrives{
    padding: 80px 0 40px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.who-thrives{
     padding: 130px 0 65px 0;
  }
}

.section.who-thrives .image-container{
  margin: 0 0 25px 0;
}
@media screen and (min-width: 1024px){
  .section.who-thrives .image-container{
    margin: 0 0 50px 0;
  }
}
.section.who-thrives .image-container.banner img{
  border-radius: 10px;
}

@media screen and (min-width: 1024px){
  .section.who-thrives h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.who-thrives h2{
    font-size: 70px;
  }
}

@media screen and (min-width: 1024px){
  .section.who-thrives .thrive-cards-container{
    margin: 25px 0 0 0;
  }
}

.section.who-thrives .thrive-card .thrive-text{
  font-size: 20px;
  font-weight: 300;
  margin: 25px 0 0 0;
}
@media screen and (min-width: 1024px){
  .section.who-thrives .thrive-card .thrive-text{
    font-size: 25px;
  }
}
@media screen and (min-width: 1920px){
  .section.who-thrives .thrive-card .thrive-text{
    font-size: 30px;-
  }
}

.section.who-thrives .thrive-card .thrive-description{
  font-size: 15px;
  font-weight: 300;
  margin: 10px 0 0 0;
}
@media screen and (min-width: 1024px){
  .section.who-thrives .thrive-card .thrive-description{
    font-size: 20px;
    margin: 20px 0 0 0;
  }
}

@media (max-width: 1023px){
  .section.who-thrives .thrive-card img{
    max-width: 150px;
  }
}

@media (max-width: 767px){
  .section.who-thrives .thrive-card{
    margin: 25px 0 50px 0;
  }
  .section.who-thrives .thrive-card:last-child{
    margin-bottom: 25px;
  }
}

.caveat{
  border-radius: 20px;
  background: linear-gradient(to bottom right, #DA00D8 0.06%, #1190DC 100.06%);
  padding: 15px 10px;
  color: white;
  font-size: 15px;
  font-weight: 300;
  margin: 25px 0 0 0;
}
@media screen and (min-width: 1024px){
  .caveat{
    font-size: 20px;
    margin: 80px 0 0 0;
  }
}
@media screen and (min-width: 1920px){
  .caveat{
    font-size: 30px;
    padding: 25px 10px;
    margin: 130px 0 0 0;
  }
}

/* Section Why join*/
.section.why-join{
  padding: 25px 0;
}
@media screen and (min-width: 768px){
  .section.why-join{
    padding: 40px 0 80px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.why-join{
     padding: 65px 0 130px 0;
  }
}

@media screen and (min-width: 1024px){
  .section.why-join .mw{
    max-width: 710px;
    margin: 0 auto;
    float: none;
  }
}

@media screen and (min-width: 1024px){
  .section.why-join h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.why-join h2{
    font-size: 70px;
  }
}

.section.why-join p{
  font-size: 15px;
}
@media screen and (min-width: 1024px){
  .section.why-join p{
    font-size: 20px;
  }
}

@media screen and (min-width: 1024px){
  .section.why-join .join-cards-container{
    margin: 25px 0 0 0;
  }
}

.section.why-join .join-card .join-description{
  font-size: 15px;
  font-weight: 300;
  margin: 25px 0 0 0;
}
@media screen and (min-width: 1024px){
  .section.why-join .join-card .join-description{
    font-size: 20px;
  }
}

@media (max-width: 1023px){
  .section.why-join .join-card img{
    max-width: 150px;
  }
}

@media (max-width: 767px){
  .section.why-join .join-card{
    margin: 25px 0 50px 0;
  }
  .section.why-join .join-card:last-child{
    margin-bottom: 25px;
  }
}

.section.why-join .cta-container{
  margin: 25px 0 0 0;
}
@media screen and (min-width: 1024px){
  .section.why-join .cta-container{
    margin: 80px 0 0 0;
  }
}
@media screen and (min-width: 1920px){
  .section.why-join .cta-container{
    margin: 130px 0 0 0;
  }
}

.section.why-join .cta-container a.anchor,
.section.why-join .cta-container a.anchor:visited{
  font-size: 20px;
  font-weight: 400;
  padding: 8px 40px;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-family: "Roboto", sans-serif;
  color: #FFF;
  text-shadow: none;
  background: black;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border-width: 0;
  box-sizing: content-box !important;
  vertical-align: middle;
  border-radius: 20px;
  height: auto;
  width: auto;
}
.section.why-join .cta-container a.anchor:hover{
  background: linear-gradient(90deg, #da00d8, #1190dc);
}

/* Section FASTT */
.section.fastt{
  padding: 25px 0 0 0;
}
@media screen and (min-width: 768px){
  .section.fastt{
    padding: 80px 0 15px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.fastt{
     padding: 130px 0 40px 0;
  }
}

.section.fastt .image-container{
  margin: 0 0 25px 0;
}
@media screen and (min-width: 1024px){
  .section.fastt .image-container{
    margin: 0 0 50px 0;
  }
}
.section.fastt .image-container.banner img{
  border-radius: 10px;
}

@media screen and (min-width: 1024px){
  .section.fastt .mw{
    max-width: 770px;
    margin: 0 auto;
    float: none;
  }
}

@media screen and (min-width: 1024px){
  .section.fastt h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.fastt h2{
    font-size: 70px;
  }
}

.section.fastt p{
  font-size: 15px;
}
@media screen and (min-width: 1024px){
  .section.fastt p{
    font-size: 20px;
  }
}

/* Section Growth at BenchSci */
.section.growth{
  padding: 25px 0;
}
@media screen and (min-width: 768px){
  .section.growth{
    padding: 40px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.growth{
     padding: 65px 0;
  }
}

.section.growth .image-container{
  margin: 0 0 25px 0;
}
@media screen and (min-width: 1024px){
  .section.growth .image-container{
    margin: 0 0 50px 0;
  }
}
.section.growth .image-container.banner img{
  border-radius: 10px;
}

@media screen and (min-width: 1024px){
  .section.growth .mw{
    max-width: 760px;
    margin: 0 auto;
    float: none;
  }
}
@media screen and (min-width: 1920px){
  .section.growth .mw{
    max-width: 965px;
  }
}

@media screen and (min-width: 1024px){
  .section.growth h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.growth h2{
    font-size: 70px;
  }
}

.section.growth p.secondary-header{
  font-size: 18px;
}
@media screen and (min-width: 1024px){
  .section.growth p.secondary-header{
    font-size: 36px;
  }
}
@media screen and (min-width: 1920px){
  .section.growth p.secondary-header{
    font-size: 50px;
  }
}

.section.growth p{
  font-size: 15px;
}
@media screen and (min-width: 1024px){
  .section.growth p{
    font-size: 20px;
  }
}

@media screen and (min-width: 1024px){
  .section.growth .growth-cards-container{
    margin: 25px 0 0 0;
  }
}

.section.growth .growth-card .growth-description{
  font-size: 15px;
  font-weight: 300;
  margin: 25px 0 0 0;
}
@media screen and (min-width: 1024px){
  .section.growth .growth-card .growth-description{
    font-size: 20px;
  }
}

@media (max-width: 1023px){
  .section.growth .growth-card img{
    max-width: 150px;
  }
}

@media (max-width: 767px){
  .section.growth .growth-card{
    margin: 25px 0 50px 0;
  }
  .section.growth .growth-card:last-child{
    margin-bottom: 25px;
  }
}

/* Section Perks and Benefits */
.section.perks{
  padding: 25px 0 0 0;
}
@media screen and (min-width: 768px){
  .section.perks{
    padding: 40px 0 80px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.perks{
     padding: 65px 0 130px 0;
  }
}

.section.perks .image-container{
  margin: 0 0 25px 0;
}
@media screen and (min-width: 1024px){
  .section.perks .image-container{
    margin: 0 0 50px 0;
  }
}
.section.perks .image-container.banner img{
  border-radius: 10px;
}

@media screen and (min-width: 1024px){
  .section.perks .mw{
    max-width: 760px;
    margin: 0 auto;
    float: none;
  }
}
@media screen and (min-width: 1920px){
  .section.perks .mw{
    max-width: 965px;
  }
}

@media screen and (min-width: 1024px){
  .section.perks h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.perks h2{
    font-size: 70px;
  }
}

.section.perks p.secondary-header{
  font-size: 18px;
}
@media screen and (min-width: 1024px){
  .section.perks p.secondary-header{
    font-size: 36px;
  }
}
@media screen and (min-width: 1920px){
  .section.perks p.secondary-header{
    font-size: 50px;
  }
}

.section.perks p{
  font-size: 15px;
}
@media screen and (min-width: 1024px){
  .section.perks p{
    font-size: 20px;
  }
}

/* Section The Team */
.section.team{
  padding: 25px 0;
}
@media screen and (min-width: 768px){
  .section.team{
    padding: 80px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.team{
     padding: 130px 0;
  }
}

@media screen and (min-width: 1024px){
  .section.team h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.team h2{
    font-size: 70px;
  }
}

/* Section Life at BenchSci */
.section.life{
  padding: 25px 0;
}
@media screen and (min-width: 768px){
  .section.life{
    padding: 80px 0 40px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.life{
     padding: 130px 0 65px 0;
  }
}

@media screen and (min-width: 1024px){
  .section.life h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.life h2{
    font-size: 70px;
  }
}

/* Section Ready to build*/
.section.ready-to-build{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.ready-to-build{
    padding: 40px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.ready-to-build{
     padding: 65px 0;
  }
}

.section.ready-to-build .gradient-container{
  border-radius: 20px;
  background: linear-gradient(100deg, #1190DC -1.11%, #B000FF 66.26%);
  padding: 25px;
}
@media screen and (min-width: 768px){
  .section.ready-to-build .gradient-container{
    padding: 50px 50px 30px 50px;
  }
}

.section.ready-to-build .image-container{
  margin: 0 0 15px 0;
}

@media screen and (min-width: 1024px){
  .section.ready-to-build .mw{
    max-width: 850px;
    margin: 0 auto;
    float: none;
  }
}
@media screen and (min-width: 1920px){
  .section.ready-to-build .mw{
    max-width: 1060px;
  }
}

.section.ready-to-build h2{
  color: white;
}

@media screen and (min-width: 1024px){
  .section.ready-to-build h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.ready-to-build h2{
    font-size: 70px;
  }
}

.section.ready-to-build p{
  font-size: 15px;
  color: white;
}
@media screen and (min-width: 1024px){
  .section.ready-to-build p{
    font-size: 20px;
  }
}
@media screen and (min-width: 1920px){
  .section.ready-to-build p{
    font-size: 25px;
  }
}

/* Section Open positions*/
.section.open-positions{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.open-positions{
    padding: 40px 0 30px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.open-positions{
     padding: 65px 0 80px 0;
  }
}

@media screen and (min-width: 1024px){
  .section.open-positions h2{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.open-positions h2{
    font-size: 70px;
  }
}

/****************************/
/*  Customers Page Styles   */
/****************************/

/* Section Customers Header */
.section.customers-header{
  padding: 50px 0 25px 0;
}

@media screen and (min-width: 768px){
  .section.customers-header{
    padding: 70px 0 35px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.customers-header{
    padding: 100px 0 50px 0;
  }
}

@media screen and (min-width:768px) {
  .customers-header .mw{
    max-width: 570px;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media screen and (min-width:1920px) {
  .customers-header .mw{
    max-width: 800px;
  }
}

.section.customers-header h1{
  margin: 0 0 40px 0;
}

.section.customers-header p{
  font-size: 15px;
}

@media screen and (min-width:768px) {
  .section.customers-header p{
    font-size: 20px;
  }
}

@media screen and (min-width:1920px) {
  .section.customers-header p{
    font-size: 25px;
  }
}

/* Section Pharma (Formerly Enterprise) Customers */
.section.pharma-customers{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.pharma-customers{
    padding: 35px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.pharma-customers{
    padding: 50px 0;
  }
}

.section.pharma-customers h2{
  margin: 0 0 40px 0;
}

.section.pharma-customers p{
  font-size: 15px;
}

@media screen and (min-width:768px) {
  .section.pharma-customers p{
    font-size: 20px;
  }
}

@media screen and (min-width:1920px) {
  .section.pharma-customers p{
    font-size: 25px;
  }
}

@media screen and (min-width: 768px){
  .section.pharma-customers .all-logos{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
  }
  .section.pharma-customers .all-logos .image-container{
    box-sizing: border-box;
    margin: 31px 16px 0 0;
    outline: 1px solid #D9D9D9;
    border-radius: 10px;
    width: calc(1/3*100% - (1 - 1/3)*16px);
  /*   align-self: stretch; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }
  .section.pharma-customers .all-logos .image-container.gsk{
    font-size: 30px;
  }
  .section.pharma-customers .all-logos .image-container:nth-child(3n),
  .section.pharma-customers .all-logos .image-container:last-child{
    margin-right: 0;
  }
  .section.pharma-customers .all-logos .image-container:nth-child(-n+3){
    margin-top: 0;
  }
}

@media screen and (min-width: 1920px){
  .section.pharma-customers .all-logos .image-container{
    margin: 31px 28px 0 0;
    width: calc(1/4*100% - (1 - 1/4)*28px);
  }
  .section.pharma-customers .all-logos .image-container:nth-child(3n){
    margin-right: 28px;
  }
  .section.pharma-customers .all-logos .image-container:nth-child(4n){
    margin-right: 0;
  }
  .section.pharma-customers .all-logos .image-container:nth-child(-n+3){
    margin-top: 31px;
  }
  .section.pharma-customers .all-logos .image-container:nth-child(-n+4){
    margin-top: 0;
  }
}

.section.pharma-customers .all-logos .image-container img{
  max-width: 210px;
  mix-blend-mode: multiply;
}

.section.pharma-customers .all-logos .image-container img:hover{
  opacity: 0.8;
}

.section.pharma-customers .cta-container{
  margin-top: 20px;
}

/* Section Academic Customers */
.section.academic-customers{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.academic-customers{
    padding: 35px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.academic-customers{
    padding: 50px 0;
  }
}

.section.academic-customers h2{
  margin: 0 0 40px 0;
}

@media screen and (min-width:1920px) {
  .academic-customers .mw{
    max-width: 1064px;
    margin: 0 auto !important;
    float: none !important;
  }
}

.section.academic-customers p{
  font-size: 15px;
}

@media screen and (min-width:768px) {
  .section.academic-customers p{
    font-size: 20px;
  }
}

@media screen and (min-width:1920px) {
  .section.academic-customers p{
    font-size: 25px;
  }
}

@media screen and (min-width: 768px){
  .section.academic-customers .all-logos{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
  }
  .section.academic-customers .all-logos .image-container{
    box-sizing: border-box;
    margin: 31px 16px 0 0;
    outline: 1px solid #D9D9D9;
    border-radius: 10px;
    width: calc(1/3*100% - (1 - 1/3)*16px);
  /*   align-self: stretch; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }
  .section.academic-customers .all-logos .image-container:nth-child(3n),
  .section.academic-customers .all-logos .image-container:last-child{
    margin-right: 0;
  }
  .section.academic-customers .all-logos .image-container:nth-child(-n+3){
    margin-top: 0;
  }
}

@media screen and (min-width: 1920px){
  .section.academic-customers .all-logos .image-container{
    margin: 31px 28px 0 0;
    width: calc(1/4*100% - (1 - 1/4)*28px);
  }
  .section.academic-customers .all-logos .image-container:nth-child(3n){
    margin-right: 28px;
  }
  .section.academic-customers .all-logos .image-container:nth-child(4n){
    margin-right: 0;
  }
  .section.academic-customers .all-logos .image-container:nth-child(-n+3){
    margin-top: 31px;
  }
  .section.academic-customers .all-logos .image-container:nth-child(-n+4){
    margin-top: 0;
  }
}

.section.academic-customers .all-logos .image-container img{
  max-width: 130px;
  mix-blend-mode: multiply;
}

.section.academic-customers .all-logos .image-container img:hover{
  opacity: 0.8;
}

.section.academic-customers .cta-container{
  margin-top: 20px;
}

.section.academic-customers .fyi-header p{
  padding: 20px 0 10px 0;
}

@media screen and (min-width:1920px) {
  .section.academic-customers .fyi-header p{
    font-size: 25px;
  }
}

input.awesomplete{
  background-image: url('https://3848583.fs1.hubspotusercontent-na1.net/hubfs/3848583/BenchSci_2024/Customers/search-icon-grey.svg');
  background-repeat: no-repeat;
  background-position: 15px center;
  width: 550px;
  padding: 29px 65px 30px 65px;
  border-radius: 10px;
  border: 1px solid #8D8D8D;
  position: relative;
  text-align: center;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: #000;
}

@media screen and (min-width: 1920px){
  input.awesomplete{
    width: 800px;
  }
}

input.awesomplete::-webkit-calendar-picker-indicator {
  display: none !important;
}

input.awesomplete::-webkit-list-button{
  display: none !important;
  -webkit-appearance: none !important;
}

input.awesomplete:focus{
  outline:none;
}

input.awesomplete::placeholder{
  color:#000;
  font-family: "Roboto", sans-serif;
  line-height: normal;
}

span.search-clear{
  position:absolute;
  right: 14px;
  top: 23px;
  line-height:29px;
  height: 39px;
  z-index:2;
}

span.search-clear:hover{
  cursor:pointer;
}

span.search-clear img{
  height: 39px;
  width: 39px;
}

.awesomplete > ul{
  border: 1px solid #8d8d8d;
  border-radius: 10px;
  box-shadow:none;
  padding:10px 15px;
  background-color:white;
  z-index:20;
}

.awesomplete > ul:before{
  display: none;
}

.awesomplete > ul > li{
  text-align:left;
  font-size: 16px;
  font-weight: 300;
  font-family: 'Roboto';
  text-align: center;
  margin: 10px 0;
}

.awesomplete > ul > li:hover {
  background: rgba(0, 0, 0, .1);
}

.awesomplete mark, .awesomplete li:hover mark{
  background-color:transparent;
  padding:0;
  margin:0;
  color: #B000FF;
  font-weight:normal;
}
.awesomplete .visually-hidden {
  display: block;
  position: unset;
  font-size: 15px;
  font-weight: 300;
  color: #000;
  margin: 20px 0;
}

.awesomplete a{
  color: #B000FF;
  text-decoration: underline;
  padding-bottom: 2px;
}
.awesomplete a:hover{
  color: #650090;
}

.fyi-footer{
  margin-top:20px;
}

.section.academic-customers .fyi-footer p{
  font-size: 12px;
  line-height: normal;
}

.fyi-footer a{
  color: #B000FF;
  text-decoration: underline;
}

.fyi-footer a:hover{
  color: #650090;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

@media(max-width:767px){
  .section.pharma-customers .all-logos{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 40px 0 0 0;
  }
  .section.pharma-customers .all-logos .image-container{
    outline: 1px solid #D9D9D9;
    border-radius: 10px;
    max-width: 320px;
    margin: 0 0 32px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    width: 100%;
  }
  .section.pharma-customers .all-logos .image-container.gsk{
    font-size: 25px;
  }
  
  .section.academic-customers .all-logos{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 40px 0 0 0;
  }
  .section.academic-customers .all-logos .image-container{
    outline: 1px solid #D9D9D9;
    border-radius: 10px;
    max-width: 320px;
    margin: 0 0 32px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    width: 100%;
  }
  input.awesomplete{
    width: 220px;
    background-size: 20px 20px;
    padding: 24px 40px 24px;
  }
  span.search-clear{
    right: 23px;
    top: 18px;
  }
  span.search-clear img{
    width: 20px;
    height: 20px;
  }
  .section.academic-customers .fyi-header p{
    padding: 15px 0 10px 0;
  }
}

/******************************************************/
/*  Customer (Academic and Enterprise) Page Styles    */
/******************************************************/

/* Section Customer Header */
.section.customer-header{
  padding: 50px 0 0 0;
}

@media screen and (min-width:1920px) {
  .section.customer-header{
    padding: 80px 0 10px 0;
  }
}

@media screen and (min-width:1024px) {
  .customer-header .mw{
    max-width:100%;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media screen and (min-width:1920px) {
  .customer-header .mw{
    max-width:100%;
  }
}

.section.customer-header .image-row{
  padding: 0 0 60px 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.section.customer-header .image-container.benchsci-logo img{
  max-width:180px;
}

.section.customer-header .image-container.customer-logo .customer-name{
  font-weight: bold;
  display: none; /* We unhide if we don't have a Clearbit logo or a default logo */
}

.section.customer-header .image-container{
  position:relative;
}

.section.customer-header .image-container.gsk{
  font-size: 25px;
}

.section.customer-header .image-container:first-child{
  padding-right:75px;
}
.section.customer-header .image-container:first-child:after{
  content:'+';
  width:75px;
  height:50px;
  position:absolute;
  right:0;
  top:5px;
  font-size: 32px;
  line-height: 39px;
  font-weight:300;
  font-family: 'Montserrat', sans-serif;
  color: #404E7D;
}

.section.customer-header .image-container img{
  mix-blend-mode: multiply;
}

/* Section Signup */
.section.signup{
  padding: 0 0 30px 0;
}

@media screen and (min-width:1920px) {
  .section.signup{
    padding: 35px 0 15px 0;
  }
}

.section.signup p{
  font-size: 15px;
}

@media screen and (min-width:768px) {
  .section.signup p{
    font-size: 20px;
  }
}

@media screen and (min-width:1920px) {
  .section.signup p{
    font-size: 30px;
  }
}

.section.signup .heading{
  font-weight:400;
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 24px;
}

@media screen and (min-width:1920px) {
  .section.signup .heading{
    font-size:25px;
  }
}

.section.signup .box-row{
  padding-top:30px;
}

.section.signup .box-row p{
  font-size:20px;
  line-height:24px;
}

.section.signup .box-row .box {
  box-shadow: 3px 3px 15px rgba(64,78,125,0.15);
  border-radius: 3px;
  padding: 30px 25px 20px 25px;
  min-height: 160px;
  position: relative;
}

.section.signup .box-row .box a{
  color:#B000FF;
}

.section.signup .box-row .box a:hover {
  color: #650090;
}

@media screen and (min-width: 1024px){
  .section.signup .box-container{
    padding: 0px;
  }
}

@media screen and (min-width: 1920px){
  .section.signup .box-container {
    padding: 0 55px;
  }
}

/* Section Experiments */
.section.experiments{
  padding:30px 0 30px 0;
}

@media screen and (min-width:1920px) {
  .section.experiments{
    padding:45px 0 30px 0;
  }
}

@media screen and (min-width:1024px) {
  .experiments .mw{
    max-width:100%;
    margin: 0 auto !important;
    float: none !important;
  }
}

.section.experiments .text-area-container{
  margin-top:40px;
}

.section.experiments .text-area:first-child{
  padding-right:50px;
}
.section.experiments .text-area:last-child{
  padding-left:10px;
  padding-right:40px;
}

@media screen and (min-width: 1920px){
  .section.experiments .text-area:first-child{
    padding-right:150px;
    padding-left:50px;
  }
  .section.experiments .text-area:last-child{
    padding-left:80px;
    padding-right:120px;
  }
}

.section.experiments ul li{
  /*   list-style-image: url('https://3848583.fs1.hubspotusercontent-na1.net/hubfs/3848583/BenchSci_2019/checkmark.png'); */
  margin-bottom:20px;
  font-weight: 300;
}

@media screen and (min-width: 1920px){
  .section.experiments ul li{
    font-size:25px;
    line-height:40px;
  }
}

.section.experiments ul, .section.experiments ol{
  padding: 0 0 0 20px;
  margin: 0 0 20px 0;
}
.section.experiments .cta-container{
  margin-top:20px;
  margin-bottom:0px;
}

/* Section Available Products */
.section.available-products{
  padding: 30px 0;
}
@media screen and (min-width: 1920px){
  .section.available-products{
    padding: 90px 0;
  }
}

.section.available-products .gradient-heading{
  padding:20px 50px;
  background: linear-gradient(90deg, #00A5AD 0%, #6534CF 100%), #C4C4C4;
}
@media screen and (min-width: 1920px){
  .section.available-products .gradient-heading{
    padding:25px 75px;
  }
}
.section.available-products .gradient-heading h2{
  margin-bottom:0;
  font-size:30px;
  line-height:35px;
  font-weight:400;
  color:white;
}
@media screen and (min-width: 1920px){
  .section.available-products .gradient-heading h2{
    font-size:45px;
    line-height:53px;
  }
}

.section.available-products .product-list-outer{
  background: #EFF2F5;
  padding: 32px 32px 32px 40px;
}
@media screen and (min-width: 1920px){
  .section.available-products .product-list-outer{
    padding: 40px 56px 40px 64px;
  }
}
.section.available-products .product-list-inner{
  background: #FFFFFF;
  position: relative;
}
.section.available-products .product-list-inner:before {
  background-image: linear-gradient(to bottom,#00A5AD,#6534cf);
}
.section.available-products .product-list-inner:before {
  content: "";
  position: absolute;
  left: -8px;
  bottom: 0;
  width: 8px;
  height: 100%;
}
.section.available-products ul, .section.available-products ol {
  padding: 20px 0 0 20px;
  margin: 0 0 20px 0;
}
@media screen and (min-width: 1920px){
  .section.available-products ul, .section.available-products ol {
    padding: 25px 0 0 25px;
    margin: 0 0 25px 0;
  }
}
.section.available-products ul li, .section.available-products ol li {
  margin-bottom: 20px;
}
@media screen and (min-width: 1920px){
  .section.available-products ul li, .section.available-products ol li {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 1920px){
  .section.available-products ul li, .section.available-products ol li {
    font-size:30px;
    line-height:36px;
  }
}
.section.available-products .product-list-inner .product-list:first-child ul{
  margin-left:15px;
}
@media screen and (min-width: 1920px){
  .section.available-products .product-list-inner .product-list:first-child ul{
    margin-left:25px;
  }
}

/* Section Need Help */
.cdhm2{
  min-height:0px !important;
}
.section.need-help{
  padding:30px 0 30px 0;
}

.section.need-help .need-help-intro p{
  font-size: 15px;
}

@media screen and (min-width:768px) {
  .section.need-help .need-help-intro p{
    font-size: 20px;
  }
}

@media screen and (min-width:1920px) {
  .section.need-help .need-help-intro p{
    font-size: 30px;
  }
}

.section-need-help a{
  color: #00A5AD;
}

/* Section Help Info*/
.section.help-info{
  padding: 0px 0 40px 0;
  border-bottom: 1px solid #E0E0E0;
}

.section.help-info a{
  color: #B000FF;
}

.section.help-info a:hover{
  color: #650090;
}

.help-info-inner{
  padding:40px 10px;
  background: #FBFBFB;
}

@media screen and (min-width: 1920px){
  .help-info-inner{
    max-width:1280px;
    margin: 0 auto;
    float: none;
  }
}

.help-info-inner .span4{
  padding-right: 25px;
  padding-left: 25px;
}

.help-info-inner .span6{
  padding-right: 35px;
  padding-left: 35px;
}

.section.help-info h3{
  font-size: 20px;
  line-height: 30px;
  font-weight:400;
  /*   border-bottom: 1px solid #404E7D; */
  /*   padding-bottom: 2px; */
  display: inline-block;
  margin-bottom:15px;
}

@media screen and (min-width: 1920px){
  .section.help-info h3, .section.help-info p{
    font-size:25px;
    line-height:40px;
  }
}

.help-info-footer{
  margin-top: 35px;
}

.section.help-info .help-info-footer p {
  font-size: 12px;
  line-height: normal;
}

.section.help-info .help-info-footer a{
  color: #B000FF;
  text-decoration: underline;
}

.section.help-info .help-info-footer a:hover{
  color: #650090;
}

@media(max-width:1023px) and (min-width:768px) {
  .section.available-products .gradient-heading h2{
    font-size:27px;
  }
  .section.available-products ul li, .section.available-products ol li{
    font-size:16px;
  }
  .help-info-inner .span4{
    padding-right:10px;
    padding-left:10px;
  }
}

@media(max-width:767px){
  .section.customer-header{
    padding: 40px 0 0 0;
  }
  .section.customer-header .image-container.benchsci-logo img{
    max-width:100px;
  }
  .section.customer-header .image-container.customer-logo img {
    max-height: 90px;
    max-width:90px;
  }
  .section.customer-header .image-container:first-child{
    padding-right:60px;
    line-height: 30px;
  }
  .section.customer-header .image-container:first-child::after{
    width:60px;
    height:30px;
    top:5px;
    font-size:25px;
    line-height:25px;
  }
  .section.customer-header .image-row{
    padding: 0 0 30px 0;
  }
  
  .section.signup {
    padding: 0;
  }

  .section.signup .heading, .section.signup .box-row p{
    font-size: 15px;
    line-height: 18px;
  }
  .section.signup .box-row{
    padding-top:15px;
  }
  .section.signup .box-row .box{
    padding: 30px 30px 20px 30px;
    margin-bottom: 25px;
    min-height:auto;
  }
  .section.experiments {
    padding: 25px 0 20px 0;
  }

  .section.experiments .text-area-container{
    margin-top:20px;
  }
  .section.experiments .text-area:first-child{
    padding-right:0;
  }
  .section.experiments .text-area:last-child{
    padding-left:0;
    padding-right:0;
  }
  .section.experiments ul li{
    font-size:18px;
    line-height:27px;
  }
  .section.experiments .cta-container{
    margin-top:10px;
  }

  .section.available-products{
    padding: 30px 0 20px 0;
  }
  .section.available-products .gradient-heading h2{
    font-size:25px;
    line-height:29px;
    text-align:center;
  }
  .section.available-products .product-list-outer{
    padding: 25px 15px 25px 23px;
  }
  .section.available-products .product-list-inner{
    padding:20px 0 10px 0;
  }
  .section.available-products ul, .section.available-products ol{
    padding: 0 0 0 10px;
    margin: 0 25px 10px 25px;
  }
  .section.available-products .product-list-inner .product-list:first-child ul{
    margin-left:25px;
  }
  .section.available-products ul li, .section.available-products ol li{
    font-size:18px;
    line-height:27px;
    margin-bottom:10px;
  }

  .section.need-help {
    padding: 25px 0 15px 0;
  }
  .section.help-info{
    padding: 0px 0 50px 0;
  }
  .help-info-inner {
    padding: 35px 0;
  }
  .help-info-inner .span4, .help-info-inner .span6{
    padding-left:15px;
    padding-right:15px;
  }
  .section.help-info h3, .section.help-info p{
    font-size:18px;
    line-height:27px;
  }
}

/****************************/
/*  About Us Page Styles  */
/****************************/

/* Section About Intro */
.section.about-intro{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.about-intro{
    padding: 80px 0 40px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.about-intro{
    padding: 130px 0 65px 0;
  }
} 

.section.about-intro .image-container{
  margin: 0 0 25px 0;
}

@media screen and (min-width: 1024px){
  .section.about-intro .mw{
    max-width: 1280px;
    margin: 0 auto;
    float: none;
  }
}

@media screen and (min-width: 1920px){
  .section.about-intro .mw{
    max-width: 930px;
  }
}

.section.about-intro h1{
    margin: 0 0 40px 0;
    font-size: 25px;
}

@media screen and (min-width: 1024px){
  .section.about-intro h1{
    font-size: 50px;
  }
}
@media screen and (min-width: 1920px){
  .section.about-intro h1{
    font-size: 70px;
  }
}

.section.about-intro p{
  font-size: 15px;
}

@media screen and (min-width: 768px){
  .section.about-intro p{
    font-size: 20px;
  }
}

@media screen and (min-width: 1920px){
  .section.about-intro p{
    font-size: 30px;
  }
}

/* Section Our Timeline */
.section.our-timeline{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.our-timeline{
    padding: 40px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.our-timeline{
     padding: 65px 0;
  }
}

/* Section Leadership Team */
.section.leadership-team{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.leadership-team{
    padding: 40px 0 80px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.leadership-team{
      padding: 65px 0 130px 0;
  }
}

/* Section About Contact */
.section.about-contact{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.about-contact{
    padding: 80px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.about-contact{
     padding: 130px 0;
  }
}


@media(max-width:767px) {
  
}

/****************************/
/*  Partners Page Styles    */
/****************************/

/* Section Partners Page Header */
.section.partners-page-header{
  padding: 50px 0;
}
@media screen and (min-width: 768px){
  .section.partners-page-header{
    padding: 70px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.partners-page-header{
     padding: 100px 0;
  }
}

@media screen and (min-width: 1280px) {
  .section.partners-page-header .mw{
    max-width: 700px;
    margin: 0 auto !important;
    float: none !important;
  }
}

.section.partners-page-header h1{
  margin: 0;
}

/* Section Publishers Intro */
.section.publishers-intro{
  padding: 50px 0 25px 0;
}
@media screen and (min-width: 768px){
  .section.publishers-intro{
    padding: 70px 0 35px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.publishers-intro{
     padding: 100px 0 50px 0;
  }
}

@media screen and (min-width: 1024px) {
  .section.publishers-intro .mw{
    max-width: 575px;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media screen and (min-width: 1920px) {
  .section.publishers-intro .mw{
    max-width: 920px;
    margin: 0 auto !important;
    float: none !important;
  }
}

.section.publishers-intro h2{
  margin: 0 0 40px 0;
}

.section.publishers-intro p{
  font-size: 15px;
}

@media screen and (min-width: 768px){
  .section.publishers-intro p{
    font-size: 20px;
  }
}

@media screen and (min-width: 1920px){
  .section.publishers-intro p{
    font-size: 25px;
  }
}

.section.publishers-intro .cta-container{
  margin-top: 20px;
}

/* Section Publisher Logos */
.section.publisher-logos{
  padding: 25px 0;
}
@media screen and (min-width: 768px){
  .section.publisher-logos{
    padding: 35px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.publisher-logos{
     padding: 50px 0;
  }
}

/* Section Vendors Intro */
.section.vendors-intro{
  padding: 25px 0;
}
@media screen and (min-width: 768px){
  .section.vendors-intro{
    padding: 35px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.vendors-intro{
     padding: 50px 0;
  }
}

@media screen and (min-width: 1024px) {
  .section.vendors-intro .mw{
    max-width: 575px;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media screen and (min-width: 1920px) {
  .section.vendors-intro .mw{
    max-width: 920px;
    margin: 0 auto !important;
    float: none !important;
  }
}

.section.vendors-intro h2{
  margin: 0 0 40px 0;
}

.section.vendors-intro p{
  font-size: 15px;
}

@media screen and (min-width: 768px){
  .section.vendors-intro p{
    font-size: 20px;
  }
}

@media screen and (min-width: 1920px){
  .section.vendors-intro p{
    font-size: 25px;
  }
}

.section.vendors-intro .cta-container{
  margin-top: 20px;
}

/* Section Vendor Logos */
.section.vendor-logos{
  padding: 25px 0 50px;
}
@media screen and (min-width: 768px){
  .section.vendor-logos{
    padding: 35px 0 70px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.vendor-logos{
     padding: 50px 0 100px 0;
  }
}



/* Section Publishers Vendors */
.section.publishers-vendors{
  background: linear-gradient(180deg, #FFFFFF 60.5%, rgba(255, 255, 255, 0) 100%), #F7F9FC;
  padding:90px 0 50px 0;
}

@media screen and (min-width:1920px) {
  .section.publishers-vendors{
    padding:90px 0 70px 0;
  }
}

.section.publishers-vendors .publishers-container, .section.publishers-vendors .vendors-container {
  background: #FBFBFB;
  padding: 55px 30px;
}

@media screen and (min-width:1920px) {
  .section.publishers-vendors .publishers-container, .section.publishers-vendors .vendors-container {
    padding: 55px;
  }
}

.section.publishers-vendors .publishers-container{
  margin-bottom:60px;
}

@media screen and (min-width:1024px) {
  .section.publishers-vendors .publishers-container .mw, .section.publishers-vendors .vendors-container .mw{
    max-width:370px;
  }
}

.section.publishers-vendors .publishers-container h2, .section.publishers-vendors .vendors-container h2{
  margin-bottom:20px;
}

.section.publishers-vendors .publishers-container h3, .section.publishers-vendors .vendors-container h3{
  font-size: 20px;
  line-height: 24px;
}

@media screen and (min-width:1024px) {
  .section.publishers-vendors .publishers-container .content, .section.publishers-vendors .vendors-container .content{
    max-width:350px;
  }
}

@media screen and (min-width:1920px) {
  .section.publishers-vendors .publishers-container .content, .section.publishers-vendors .vendors-container .content{
    max-width:485px;
  }
}

.section.publishers-vendors .publishers-container .content p, .section.publishers-vendors .vendors-container .content p{
  font-size:16px;
  color:#333333;
}

.section.publishers-vendors .publishers-container .cta-container, .section.publishers-vendors .vendors-container .cta-container{
  margin-top:15px;
}

@media screen and (min-width:1920px) {
  .section.publishers-vendors .publishers-container .cta-container, .section.publishers-vendors .vendors-container .cta-container{
    margin-top:45px;
  }
}

.section.publishers-vendors .publishers-container .right .heading h3, .section.publishers-vendors .vendors-container .right .heading h3{
  font-size: 20px;
  line-height: 24px;
}

@media(max-width:767px) {
  .header-wrapper.partners .banner .mw{
    max-width:290px;
    margin: 0 auto;
    float:none;
  }
  .header-wrapper.partners .banner {
    padding: 50px 0 55% 0;
  }
  .header-wrapper.partners{
    background: url(https://3848583.fs1.hubspotusercontent-na1.net/hubfs/3848583/BenchSci_2020/Banners/Partners_Header_Color_Resized.svg) 110% bottom no-repeat;
    background-size: 130%;
  }
  .section.publishers-vendors{
    padding:50px 0 25px 0;
  }
  .section.publishers-vendors .publishers-container, .section.publishers-vendors .vendors-container {
    padding:20px 15px;
  }
  .section.publishers-vendors .publishers-container .cta-container, .section.publishers-vendors .vendors-container .cta-container{
    margin-bottom:45px;
    text-align:center;
  }
}

/********************************/
/*      Newsroom Page Styles    */
/********************************/

/* Section Newsroom Intro */
.section.newsroom-intro{
  padding: 50px 0 25px 0;
}

@media screen and (min-width: 768px){
  .section.newsroom-intro{
    padding: 70px 0 35px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.newsroom-intro{
    padding: 100px 0 50px 0;
  }
}

.section.newsroom-intro .page-center > .row-fluid-wrapper > .row-fluid{
  align-items: center;
  display: flex;
}


@media screen and (min-width: 768px){
  .section.newsroom-intro .image-container{
    padding: 0 20px 0 0;
    border-right: 1px solid #D9D9D9;
  }
}

.section.newsroom-intro .image-container .widget-type-custom_widget{
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
}

.section.newsroom-intro .image-container .widget-type-custom_widget{
  height: 225px;
}

@media screen and (min-width: 1280px){
  .section.newsroom-intro .image-container .widget-type-custom_widget{
    height: 315px;
  }
}

@media screen and (min-width: 1920px){
  .section.newsroom-intro .image-container .widget-type-custom_widget{
    height: 360px;
  }
}

.section.newsroom-intro .image-container img{
  display: none;
}

.section.newsroom-intro .newsroom-intro-text h1{
  font-size: 40px;
}

@media screen and (min-width: 1024px){
  .section.newsroom-intro .newsroom-intro-text h1{
    font-size: 50px;
  }
}

@media screen and (min-width: 1920px){
  .section.newsroom-intro .newsroom-intro-text h1{
    font-size: 70px;
  }
}

.section.newsroom-intro .newsroom-intro-text p{
  font-size: 15px;
}

@media screen and (min-width: 768px){
  .section.newsroom-intro .newsroom-intro-text p{
    font-size: 20px;
  }
}

@media screen and (min-width: 1920px){
  .section.newsroom-intro .newsroom-intro-text p{
    font-size: 25px;
  }
}

/* Section Featured Press Releases */
.section.featured-press-releases{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.featured-press-releases{
    padding: 35px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.featured-press-releases{
    padding: 50px 0;
  }
}

/* Section Featured In The News */
.section.featured-in-the-news{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.featured-in-the-news{
    padding: 35px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.featured-in-the-news{
    padding: 50px 0;
  }
}

/* Section Featured Awards */
.section.featured-awards{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.featured-awards{
    padding: 35px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.featured-awards{
    padding: 50px 0;
  }
}

/* Section Press Corner */
.section.press-corner{
  padding: 25px 0 50px 0;
}

@media screen and (min-width: 768px){
  .section.press-corner{
    padding: 35px 0 70px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.press-corner{
    padding: 50px 0 100px 0;
  }
}

@media(max-width:767px) {
  .section.newsroom-intro .page-center > .row-fluid-wrapper > .row-fluid{
    flex-direction: column;
    align-items: normal;
  }
  .section.newsroom-intro .newsroom-intro-text{
    margin: 40px 0 0 0;
    text-align: center;
  }
}

/**********************************/
/*  Press Releases Page Styles    */
/**********************************/

/* Section Press Releases */
.section.press-releases{
  padding: 50px 0;
}

@media screen and (min-width: 768px){
  .section.press-releases{
    padding: 70px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.press-releases{
    padding: 100px 0;
  }
}

/**********************************/
/*  Awards Page Styles    */
/**********************************/

/* Section Awards */
.section.awards{
  padding: 50px 0;
}

@media screen and (min-width: 768px){
  .section.awards{
    padding: 70px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.awards{
    padding: 100px 0;
  }
}

/*******************************/
/*  In The News Page Styles    */
/*******************************/

/* Section In The News */
.section.in-the-news{
  padding: 50px 0;
}

@media screen and (min-width: 768px){
  .section.in-the-news{
    padding: 70px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.in-the-news{
    padding: 100px 0;
  }
}

/********************************/
/*  News Article Page Styles    */
/********************************/

/* Section News Article */
.section.news-article{
  padding: 50px 0 25px 0;
}

@media screen and (min-width: 768px){
  .section.news-article{
    padding: 70px 0 45px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.news-article{
    padding: 100px 0 75px 0;
  }
}

@media screen and (min-width: 1280px) {
  .section.news-article .mw{
    max-width: 914px;
    margin: 0 auto !important;
    float: none !important;
  }
}

.section.news-article .header h1{
  font-size: 25px;
}

@media screen and (min-width: 768px){
  .section.news-article .header h1{
    font-size: 50px;
  }
}

.section.news-article .subheader h2{
  font-size: 15px;
  line-height: 20px;
  font-style: italic;
  font-weight: 400;
}

@media screen and (min-width: 768px){
  .section.news-article .subheader h2{
    font-size: 20px;
    line-height: 32px;
  }
}

.section.news-article .article-body p{
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  margin: 0 0 25px 0;
}

@media screen and (min-width: 768px){
  .section.news-article .article-body p{
    font-size: 20px;
    line-height: 32px;
  }
}

.section.news-article .article-body h1,
.section.news-article .article-body h2,
.section.news-article .article-body h3,
.section.news-article .article-body h4,
.section.news-article .article-body h5,
.section.news-article .article-body h6{
  font-weight: 700;
}

.section.news-article .article-body ul li, .section.news-article .article-body ol li{
  font-size: 15px;
  line-height: 20px;
  margin: 0 0 25px 0;
}

@media screen and (min-width: 768px){
  .section.news-article .article-body ul li, .section.news-article .article-body ol li{
    font-size: 20px;
    line-height: 32px;
  }
}

/****************************/
/*   Contact Us Page Styles    */
/****************************/

/* Section Contact Intro */
.section.contact-intro{
  padding: 50px 0 25px 0;
}

@media screen and (min-width: 768px){
  .section.contact-intro{
    padding: 70px 0 35px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.contact-intro{
    padding: 100px 0 50px 0;
  }
} 

@media screen and (min-width: 1024px){
  .section.contact-intro .mw{
    max-width: 720px;
    margin: 0 auto;
    float: none;
  }
}

@media screen and (min-width: 1920px){
  .section.contact-intro .mw{
    max-width: 810px;
    margin: 0 auto;
    float: none;
  }
}

.section.contact-intro h1 {
    margin: 0 0 40px 0;
}

.section.contact-intro .contact-intro-text{
/*   margin: 0 0 40px 0; */
}

.section.contact-intro .contact-intro-text p{
  font-size: 15px;
}

@media screen and (min-width: 768px){
  .section.contact-intro .contact-intro-text p{
    font-size: 20px;
  }
}

@media screen and (min-width: 1920px){
  .section.contact-intro .contact-intro-text p{
    font-size: 25px;
  }
}

/* Section Contact Map */
.section.contact-map{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.contact-map{
    padding: 35px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.contact-map{
    padding: 50px 0;
  }
}

/* Section Contact Address */
.section.contact-address{
  padding: 25px 0 50px 0;
}

@media screen and (min-width: 768px){
  .section.contact-address{
    padding: 35px 0 70px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.contact-address{
    padding: 50px 0 100px 0;
  }
}

.section.contact-address p{
  font-size: 15px;
}

@media screen and (min-width: 768px){
  .section.contact-address p{
    font-size: 20px;
  }
}

@media screen and (min-width: 1920px){
  .section.contact-address p{
    font-size: 25px;
  }
}

@media(max-width:767px) {
  
}

/************************************/
/*   Request a Demo Page Styles    */
/***********************************/

/* Section Request Intro */
.section.request-intro{
  padding: 50px 0;
}

@media screen and (min-width: 768px){
  .section.request-intro{
    padding: 70px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.request-intro{
    padding: 100px 0;
  }
} 

@media screen and (min-width: 1024px){
  .section.request-intro .mw{
    max-width: 720px;
    margin: 0 auto;
    float: none;
  }
}

@media screen and (min-width: 1920px){
  .section.request-intro .mw{
    max-width: 810px;
  }
}

.section.request-intro h1 {
    margin: 0 0 40px 0;
}

.section.request-intro .request-intro-text{
/*   margin: 0 0 40px 0; */
}

.section.request-intro .request-intro-text p{
  font-size: 15px;
}

@media screen and (min-width: 768px){
  .section.request-intro .request-intro-text p{
    font-size: 20px;
  }
}

@media screen and (min-width: 1920px){
  .section.request-intro .request-intro-text p{
    font-size: 25px;
  }
}

/* Section Request Sign Up */
.section.request-sign-up{
  padding: 50px 0;
}

@media screen and (min-width: 768px){
  .section.request-sign-up{
    padding: 70px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.request-sign-up{
    padding: 100px 0;
  }
} 

@media screen and (min-width: 1024px){
  .section.request-sign-up .mw{
    max-width: 720px;
    margin: 0 auto;
    float: none;
  }
}

@media screen and (min-width: 1920px){
  .section.request-sign-up .mw{
    max-width: 810px;
  }
}

.section.request-sign-up h2 {
    margin: 0 0 40px 0;
}

@media(max-width:767px) {

}

/************************************/
/*      Resources Page Styles       */
/************************************/

/* Section Resources Intro */
.section.resources-intro{
  padding: 50px 0 25px 0;
}

@media screen and (min-width: 768px){
  .section.resources-intro{
    padding: 70px 0 35px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.resources-intro{
    padding: 100px 0 50px 0;
  }
} 

@media screen and (min-width: 1024px){
  .section.resources-intro .mw{
    max-width: 720px;
    margin: 0 auto;
    float: none;
  }
}

@media screen and (min-width: 1920px){
  .section.resources-intro .mw{
    max-width: 810px;
    margin: 0 auto;
    float: none;
  }
}

.section.resources-intro h1 {
    margin: 0 0 40px 0;
}

.section.resources-intro p{
  font-size: 15px;
}

@media screen and (min-width: 768px){
  .section.resources-intro p{
    font-size: 20px;
  }
}

@media screen and (min-width: 1920px){
  .section.resources-intro p{
    font-size: 25px;
  }
}

/* Section Resources */
.section.resources{
  padding: 25px 0 50px 0;
}

@media screen and (min-width: 768px){
  .section.resources{
    padding: 35px 0 70px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.resources{
    padding: 50px 0 100px 0;
  }
} 

.section.resources .resource-box{
  padding: 70px 35px;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
}

@media screen and (min-width: 1280px){
  .section.resources .resource-box{
    padding: 70px 115px;
  }
}

@media screen and (min-width: 1920px){
  .section.resources .resource-box{
    padding: 70px 165px;
  }
}

.section.resources .resource-box .image-container img{
  width: 160px;
  height: 160px !important;
}

@media screen and (min-width: 768px){
  .section.resources .resource-box .image-container img{
    width: 200px;
    height: 200px !important;
  }
}

.section.resources .resource-box .resource-name{
  margin: 30px 0 0 0;
  font-size: 20px;
  font-weight: 500;
}

@media screen and (min-width: 768px){
  .section.resources .resource-box .resource-name{
    font-size: 25px;
  }
}

.section.resources .resource-box .resource-description{
  margin: 30px 0 0 0;
  font-size: 15px;
  font-weight: 300;
}

@media screen and (min-width: 768px){
   .section.resources .resource-box .resource-description{
    font-size: 20px;
  }
}

.section.resources .resource-box .cta-container{
  margin: 30px 0 0 0;
}


@media (max-width: 767px){
  .section.resources .resource-box:first-child{
    margin: 0 0 35px 0;
  }
}

/**************************************/
/*  Leadership Principles Page Styles  */
/**************************************/

/* Section Leadership Principles Header */
.section.leadership-principles-header{
  padding: 50px 0 25px 0;
}

@media screen and (min-width: 768px){
  .section.leadership-principles-header{
    padding: 70px 0 35px 0;
  }
}

@media screen and (min-width:1920px) {
  .section.leadership-principles-header{
    padding: 100px 0 50px 0;
  }
}

@media screen and (min-width:1024px) {
  .section.leadership-principles-header .mw1{
    max-width: 550px;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media screen and (min-width:1920px) {
  .section.leadership-principles-header .mw1{
    max-width: 795px;
  }
}

.section.leadership-principles-header h1{
  margin: 0 0 40px 0;
}

@media screen and (min-width:1024px) {
  .section.leadership-principles-header .mw2{
    max-width: 720px;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media screen and (min-width:1920px) {
  .section.leadership-principles-header .mw2{
    max-width: 1130px;
  }
}
.section.leadership-principles-header p{
  font-size: 15px;
}

@media screen and (min-width:768px){
  .section.leadership-principles-header p{
    font-size: 20px;
  }
}

@media screen and (min-width:1920px){
  .section.leadership-principles-header p{
    font-size: 25px;
  }
}

.section.leadership-principles-header .image-container{
  margin: 30px 0 0 0;
}

.section.leadership-principles-header .image-container img{
  border-radius: 10px;
}

/* Section Leadership Principles */
.section.leadership-principles{
  padding: 25px 0;
}

@media screen and (min-width:768px) {
  .section.leadership-principles{
    padding: 35px 0 0 0;
  }
}

@media screen and (min-width:1920px) {
  .section.leadership-principles{
    padding: 50px 0 15px 0;
  }
}

/* Section - Join our team*/
.section.join-our-team{
  padding: 25px 0 50px 0;
}

@media screen and (min-width:768px) {
  .section.join-our-team{
    padding: 35px 0 70px 0;
  }
}

@media screen and (min-width:1920px) {
  .section.join-our-team{
    padding: 50px 0 100px 0;
  }
}

/**********************************/
/*      Advisors Page Styles      */
/**********************************/

/* Section Advisory Board Intro */
.section.advisory-board-intro{
  padding: 50px 0 25px 0;
}

@media screen and (min-width: 768px){
  .section.advisory-board-intro{
    padding: 70px 0 35px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.advisory-board-intro{
    padding: 100px 0 50px 0;
  }
} 

@media screen and (min-width: 1024px){
  .section.advisory-board-intro .mw{
    max-width: 720px;
    margin: 0 auto;
    float: none;
  }
}

@media screen and (min-width: 1920px){
  .section.advisory-board-intro .mw{
    max-width: 810px;
    margin: 0 auto;
    float: none;
  }
}

.section.advisory-board-intro h1 {
    margin: 0 0 40px 0;
}

.section.advisory-board-intro p{
  font-size: 15px;
}

@media screen and (min-width: 768px){
  .section.advisory-board-intro p{
    font-size: 20px;
  }
}

@media screen and (min-width: 1920px){
  .section.advisory-board-intro p{
    font-size: 25px;
  }
}

/* Section Science Advisors */
.section.science-advisors{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.science-advisors{
    padding: 35px 0
  }
}

@media screen and (min-width: 1920px){
  .section.science-advisors{
     padding: 50px 0;
  }
}

/* Section Culture and Technology Advisors */
.section.culture-and-technology-advisors{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.culture-and-technology-advisors{
    padding: 35px 0
  }
}

@media screen and (min-width: 1920px){
  .section.culture-and-technology-advisors{
     padding: 50px 0;
  }
}

/* Section Inclusive Board */
.section.inclusive-board{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.inclusive-board{
    padding: 35px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.inclusive-board{
    padding: 50px 0;
  }
} 

@media screen and (min-width: 1024px){
  .section.inclusive-board .mw{
    max-width: 720px;
    margin: 0 auto;
    float: none;
  }
}

@media screen and (min-width: 1920px){
  .section.inclusive-board .mw{
    max-width: 810px;
    margin: 0 auto;
    float: none;
  }
}

.section.inclusive-board p{
  font-size: 15px;
}

@media screen and (min-width: 768px){
  .section.inclusive-board p{
    font-size: 20px;
  }
}

@media screen and (min-width: 1920px){
  .section.inclusive-board p{
    font-size: 25px;
  }
}

@media(max-width:767px) {
  
}

/**********************************/
/*    Legal Pages Styles          */
/**********************************/

/* Section Legal Page Header */
.section.legal-page-header{
  padding: 50px 0;
}
@media screen and (min-width: 768px){
  .section.legal-page-header{
    padding: 70px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.legal-page-header{
     padding: 100px 0;
  }
}

@media screen and (min-width: 1280px) {
  .section.legal-page-header .mw{
    max-width: 700px;
    margin: 0 auto !important;
    float: none !important;
  }
}

.section.legal-page-header h1{
  font-size: 25px;
  margin: 0;
}

@media screen and (min-width: 768px){
  .section.legal-page-header h1{
    font-size: 50px;
  }
}

/* Section Legal Page Content */
.section.legal-page-content{
  padding: 25px 0 25px 0;
}
@media screen and (min-width: 768px){
  .section.legal-page-content{
    padding: 35px 0 45px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.legal-page-content{
     padding: 50px 0 75px 0;
  }
}

@media screen and (min-width: 1280px) {
  .section.legal-page-content .mw{
    max-width: 914px;
    margin: 0 auto !important;
    float: none !important;
  }
}

.section.legal-page-content p{
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  margin: 0 0 25px 0;
}

@media screen and (min-width: 768px){
  .section.legal-page-content p{
    font-size: 20px;
    line-height: 32px;
  }
}

.section.legal-page-content h1,
.section.legal-page-content h2,
.section.legal-page-content h3,
.section.legal-page-content h4,
.section.legal-page-content h5,
.section.legal-page-content h6{
  font-weight: 700;
}

@media screen and (min-width: 768px){
  .section.legal-page-content h2{
    font-size: 40px;
  }
  .section.legal-page-content h3{
    font-size: 30px;
  }
}

.section.legal-page-content ul li, .section.legal-page-content ol li{
  font-size: 15px;
  line-height: 20px;
  margin: 0 0 15px 0;
}

@media screen and (min-width: 768px){
  .section.legal-page-content ul li, .section.legal-page-content ol li{
    font-size: 20px;
    line-height: 32px;
  }
}

.section.legal-page-content table tr td{
  padding: 15px !important;
}

.section.legal-page-content table tr td p{
  margin: 0;
}

@media screen and (min-width: 768px){
  .section.legal-page-content table tr td{
    padding: 25px !important;
  }
}

/* BENCHSCI BLOG */

/***********************************/
/*  BenchSci Blog Listing Styles   */
/***********************************/

/* Section Our Stories */
.section.our-stories{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.our-stories{
    padding: 50px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.our-stories{
    padding: 80px 0;
  }
}

/* Section More From Our Team */
.section.more-from-our-team{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.more-from-our-team{
    padding: 50px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.more-from-our-team{
    padding: 80px 0;
  }
}

/* Pagination */
.blog-pagination{
  text-align: center;
  margin: 20px 0 0 0;
}

.blog-pagination a, .blog-pagination a:active, .blog-pagination a:visited{
  background: #000000;
  border-radius: 20px;
  color: #fff;
  display: inline-grid;
  font-size: 20px;
  font-weight: 400;
  padding: 8px 0px;
  text-decoration: none;
  width: 120px;
  margin: 0 5px;
}

@media screen and (min-width: 768px){
  .blog-pagination a, .blog-pagination a:active, .blog-pagination a:visited{
    width: 240px;
    margin: 0 10px;
  }
}

.blog-pagination a:hover {
  background: linear-gradient(90deg, #DA00D8 0%, #1190DC 100%);
  color: #fff;
}

/* Section Blog Search */
.section.blog-search{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.blog-search{
    padding: 50px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.blog-search{
    padding: 80px 0;
  }
}

/* Search Input Box */
.section.blog-search{
  position: relative;
}
.section.blog-search span.search-clear{
  display: none;
}
.section.blog-search.typing span.search-clear{
  display: block;
}
.hs-search-field .hs-search-field__bar label{
  display: none;
}

.hs-search-field .hs-search-field__bar .hs-search-field__input{
  display: block;
  height: auto;
  background-color: #FFF5E9;
  background-image: url("https://3848583.fs1.hubspotusercontent-na1.net/hubfs/3848583/BenchSci_2025/Blog/search-glass-black.svg");
  background-position: 15px;
  background-repeat: no-repeat;
  border: 1px solid #000000;
  border-radius: 10px;
  color: #000;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  padding: 29px 65px;
  position: relative;
  text-align: center;
}

@media (max-width: 767px){
  .hs-search-field .hs-search-field__bar .hs-search-field__input{
    background-size: 20px 20px;
    padding: 24px 40px;
  }
}

.hs-search-field .hs-search-field__bar .hs-search-field__input:focus{
  outline:none;
}

/* Predictive Search */
.hs-search-field--open .hs-search-field__suggestions{
  position: absolute;
  top: 90px;
  border: 1px solid #8d8d8d;
  border-radius: 10px;
  box-shadow: none;
  padding: 15px 0px;
  background-color: white;
  z-index:11;
  width: 100%;
}

.hs-search-field__suggestions a{
  color: #000;
  font-weight: 300;
  font-size: 16px;
  text-decoration: none;
  padding: 5px 20px;
}

.hs-search-highlight{
  color: #6F278E;
  font-weight: normal;
}

.hs-search-field__suggestions li{
  margin: 5px 15px;
  font-size: 16px;
}

.hs-search-field__suggestions li#results-for{
  display: none;
}

/******************************************/
/*   BenchSci Search Results Page Styles  */
/******************************************/

/* Section Search Results */
.section.search-results{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.search-results{
    padding: 50px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.search-results{
    padding: 80px 0;
  }
}

/***********************************/
/*    BenchSci Blog Post Styles    */
/***********************************/

/* Section Post Body */
.section.post-body{
  padding: 25px;
}

@media screen and (min-width: 768px){
  .section.post-body{
    padding: 50px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.post-body{
    padding: 80px 0;
  }
}

@media screen and (min-width: 1280px){
  .section.post-body .post-body-modules{
    max-width: 925px;
    margin: 0px auto;
    float: none;
  }
}

/* Section Post Footer */
.section.post-footer{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.post-footer{
    padding: 50px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.post-footer{
    padding: 80px 0;
  }
}

/* Related Posts */
.section.related-posts{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.related-posts{
    padding: 50px 0;
  }
}

@media screen and (min-width: 1920px){
  .section.related-posts{
    padding: 80px 0;
  }
}

/* LANDING PAGES */

/**********************************/
/* Academic Landing Page Styles   */
/**********************************/

/* Section Academics Header */
.section.academics-header{
  padding: 50px 0 25px 0;
}

@media screen and (min-width: 768px){
  .section.academics-header{
    padding: 70px 0 35px 0;
  }
}

@media screen and (min-width:1920px) {
  .section.academics-header{
    padding: 100px 0 50px 0;
  }
}

@media screen and (min-width:1024px) {
  .section.academics-header .mw1{
    max-width: 716px;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media screen and (min-width:1920px) {
  .section.academics-header .mw1{
    max-width: 1050px;
  }
}

.section.academics-header h1{
  margin: 0 0 40px 0;
}

@media screen and (min-width:1024px) {
  .section.academics-header .mw2{
    max-width: 690px;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media screen and (min-width:1920px) {
  .section.academics-header .mw2{
    max-width: 1140px;
  }
}

.section.academics-header p{
  font-size: 15px;
}

@media screen and (min-width:768px){
  .section.academics-header p{
    font-size: 20px;
  }
}

@media screen and (min-width:1920px){
  .section.academics-header p{
    font-size: 25px;
  }
}

.section.academics-header .cta-container{
  margin: 30px 0 0 0;
}

/* Section Right Antibody*/
.section.right-antibody{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.right-antibody{
    padding: 35px 0;
  }
}

@media screen and (min-width:1920px) {
  .section.right-antibody{
    padding: 50px 0;
  }
}

@media screen and (min-width:1024px) {
  .section.right-antibody .mw{
    max-width: 650px;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media screen and (min-width:1920px) {
  .section.right-antibody .mw{
    max-width: 845px;
  }
}

.section.right-antibody h2{
  margin: 0 0 40px 0;
}

.section.right-antibody p{
  font-size: 15px;
}

@media screen and (min-width:768px){
  .section.right-antibody p{
    font-size: 20px;
  }
}

@media screen and (min-width:1920px){
  .section.right-antibody p{
    font-size: 25px;
  }
}

.section.right-antibody .image-container{
  margin: 30px 0 0 0;
}

/* Section Scanning Literature */
.section.scanning-literature{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.scanning-literature{
    padding: 35px 0;
  }
}

@media screen and (min-width:1920px) {
  .section.scanning-literature{
    padding: 50px 0;
  }
}

@media screen and (min-width:1024px) {
  .section.scanning-literature .mw{
    max-width: 650px;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media screen and (min-width:1920px) {
  .section.scanning-literature .mw{
    max-width: 845px;
  }
}

.section.scanning-literature h2{
  margin: 0 0 40px 0;
}

.section.scanning-literature p{
  font-size: 15px;
}

@media screen and (min-width:768px){
  .section.scanning-literature p{
    font-size: 20px;
  }
}

@media screen and (min-width:1920px){
  .section.scanning-literature p{
    font-size: 25px;
  }
}

.section.scanning-literature .image-container{
  margin: 30px 0 0 0;
}

/* Section Leverage Data*/
.section.leverage-data{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.leverage-data{
    padding: 35px 0;
  }
}

@media screen and (min-width:1920px) {
  .section.leverage-data{
    padding: 50px 0;
  }
}

@media screen and (min-width:1024px) {
  .section.leverage-data .mw{
    max-width: 650px;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media screen and (min-width:1920px) {
  .section.leverage-data .mw{
    max-width: 845px;
  }
}

.section.leverage-data h2{
  margin: 0 0 40px 0;
}

.section.leverage-data p{
  font-size: 15px;
}

@media screen and (min-width:768px){
  .section.leverage-data p{
    font-size: 20px;
  }
}

@media screen and (min-width:1920px){
  .section.leverage-data p{
    font-size: 25px;
  }
}

.section.leverage-data .image-container{
  margin: 30px 0 0 0;
}

/* Section The Interface*/
.section.the-interface{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.the-interface{
    padding: 35px 0;
  }
}

@media screen and (min-width:1920px) {
  .section.the-interface{
    padding: 50px 0;
  }
}

@media screen and (min-width:1024px) {
  .section.the-interface .mw{
    max-width: 650px;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media screen and (min-width:1280px) {
  .section.the-interface .mw{
    max-width: 975px;
  }
}

@media screen and (min-width:1920px) {
  .section.the-interface .mw{
    max-width: 1145px;
  }
}

.section.the-interface .video-container{
  background: linear-gradient(
    to bottom,
    white 20%,
    #0F1C3D 20% 80%,
    white 80%
  );
}

.section.the-interface h2{
  margin: 0 0 40px 0;
}

.section.the-interface video{
  border-radius: 10px;
  outline: 1px solid #d9d9d9;
}

/* Section Scientific Publishers - Academics */
.section.scientific-publishers-academics{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.scientific-publishers-academics{
    padding: 35px 0;
  }
}

@media screen and (min-width:1920px) {
  .section.scientific-publishers-academics{
    padding: 50px 0;
  }
}

@media screen and (min-width:1024px) {
  .section.scientific-publishers-academics .mw{
    max-width: 650px;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media screen and (min-width:1920px) {
  .section.scientific-publishers-academics .mw{
    max-width: 815px;
  }
}

.section.scientific-publishers-academics h2{
  margin: 0 0 40px 0;
}

/* Section Join Researchers */
.section.join-researchers{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.join-researchers{
    padding: 35px 0;
  }
}

@media screen and (min-width:1920px) {
  .section.join-researchers{
    padding: 50px 0;
  }
}

@media screen and (min-width:1024px) {
  .section.join-researchers .mw{
    max-width: 600px;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media screen and (min-width:1920px) {
  .section.join-researchers .mw{
    max-width: 775px;
  }
}

.section.join-researchers h2{
  margin: 0 0 40px 0;
}

/* Section Academics Signup */
.section.academics-signup{
  padding: 25px 0;
}

@media screen and (min-width: 768px){
  .section.academics-signup{
    padding: 35px 0;
  }
}

@media screen and (min-width:1920px) {
  .section.academics-signup{
    padding: 50px 0;
  }
}

@media screen and (min-width:1024px) {
  .section.academics-signup .mw{
    max-width: 550px;
    margin: 0 auto !important;
    float: none !important;
  }
}

@media screen and (min-width:1920px) {
  .section.academics-signup .mw{
    max-width: 700px;
  }
}

.section.academics-signup h2{
  margin: 0 0 40px 0;
}

/* Academic FAQs */

.section.academics-faqs{
  padding: 25px 0 50px 0;
}

@media screen and (min-width: 768px){
  .section.academics-faqs{
    padding: 35px 0 70px 0;
  }
}

@media screen and (min-width:1920px) {
  .section.academics-faqs{
    padding: 50px 0 100px 0;
  }
}

/**********************************/
/*   Video Landing Page Styles   */
/*********************************/

/* Section Training Video */
.section.training-video{
  padding: 50px 0;
}

@media screen and (min-width:768px) {
  .section.training-video {
    padding: 70px 0;
  }
}

@media screen and (min-width:1920px) {
  .section.training-video{
    padding: 100px 0;
  }
}

.section.training-video h1{
  margin: 0 0 70px 0;
}

/***************************/
/*   Miscellaneous Styles  */
/***************************/

/* hubspot cookie disclaimer styles */
.hs-site-page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area, .hs-landing-page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area{
  text-align:left !important;
}

@media only screen and (max-width: 960px){
  div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom{
    border-bottom: 0;
    bottom: 0;
    top: auto;
    box-shadow: 0 -1px 3px #eaf0f6;
    position: fixed;
  }
}

/* SYSTEM PAGES */

/**********************************/
/*    Error Pages Styles          */
/**********************************/

/* Section Error Page Content */
.section.error-page-content{
  padding: 50px 0;
}
@media screen and (min-width: 768px){
  .section.error-page-content{
    padding: 70px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.error-page-content{
     padding: 100px 0;
  }
}

.section.error-page-content .image{
  margin: 0 0 50px 0;
}

.section.error-page-content .text{
  margin: 0 0 35px 0;
}

.section.error-page-content .text p{
  font-size: 15px;
}
@media screen and (min-width: 768px){
  .section.error-page-content .text p{
    font-size: 20px;
  }
}

/* .section.error-page-content .error-page-button{
  background: #b000ff;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  padding: 11px 43px;
  text-decoration: none;
}
@media screen and (min-width: 768px){
  .section.error-page-content .error-page-button{
    padding: 8px 75px;
    font-size: 20px;
  }
}

.section.error-page-content .error-page-button:hover{
  background-color: #650090;
} */

/************************************/
/*    Warning Pages Styles          */
/************************************/

/* Section Warning Page Content */
.section.warning-page-content{
  padding: 50px 0;
}
@media screen and (min-width: 768px){
  .section.warning-page-content{
    padding: 70px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.warning-page-content{
     padding: 100px 0;
  }
}

@media screen and (min-width:768px) {
  .warning-page-content .mw{
    max-width: 850px;
    margin: 0 auto !important;
    float: none !important;
  }
}
@media screen and (min-width:1920px) {
  .warning-page-content .mw{
    max-width: 850px;
  }
}

.section.warning-page-content .image{
  margin: 0 0 50px 0;
}

.section.warning-page-content .text{
  margin: 0 0 35px 0;
}

.section.warning-page-content .text p{
  font-size: 15px;
}
@media screen and (min-width: 768px){
  .section.warning-page-content .text p{
    font-size: 20px;
  }
}

/* .section.warning-page-content .warning-page-button{
  background: #b000ff;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  padding: 11px 43px;
  text-decoration: none;
}
@media screen and (min-width: 768px){
  .section.warning-page-content .warning-page-button{
    padding: 8px 75px;
    font-size: 20px;
  }
}

.section.warning-page-content .warning-page-button:hover{
  background-color: #650090;
} */

/*************************************/
/*    Password Pages Styles          */
/*************************************/

/* Section Password Page Content */
.section.password-page-content{
  padding: 50px 0;
}
@media screen and (min-width: 768px){
  .section.password-page-content{
    padding: 70px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.password-page-content{
     padding: 100px 0;
  }
}

@media screen and (min-width: 1024px){
  .section.password-page-content .mw{
    max-width: 720px;
    margin: 0 auto;
    float: none;
  }
}

@media screen and (min-width: 1920px){
  .section.password-page-content .mw{
    max-width: 810px;
    margin: 0 auto;
    float: none;
  }
}

.section.password-page-content .heading{
  margin: 0 0 25px 0;
}

.section.password-page-content .pwd-form span{
  font-size: 15px;
  font-weight: 300;
  color: #dc3545;
}

.section.password-page-content .pwd-form span form{
  margin: 20px 0 0 0;
}

.section.password-page-content .pwd-form input[type="password"]{
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  color: #000000;
  border: 1px solid #8D8D8D;
  border-radius: 10px;
  background-color: white;
  height: 60px !important;
  padding: 14px 24px;
  margin: 0 0 20px 0 !important;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  box-sizing: border-box;
  text-align: center;
}

.section.password-page-content .pwd-form input[type="password"]:focus-visible{
  outline: none;
}

.section.password-page-content .pwd-form input[type="submit"]{
  margin: 20px 0 0 0;
  background-color: #b000ff;
  font-size: 20px;
  color: #ffffff;
  line-height: 24px;
  font-weight: 400;
  text-transform: none;
  font-family: 'Roboto', sans-serif;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 40px;
  padding-left: 40px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
}
@media screen and (min-width: 768px){
  .section.password-page-content .pwd-form input[type="submit"]{
    height: 80px;
    width: 450px;
    border-radius: 44px;
  }
}

.section.password-page-content .pwd-form input[type="submit"]:hover{
  background-color: #650090;
}

/***********************************************/
/*    BenchSci Unsubscribe Page Styles          */
/***********************************************/

/* Section Unsubscribe Page Content */
.section.unsubscribe-page-content{
  padding: 50px 0;
}
@media screen and (min-width: 768px){
  .section.unsubscribe-page-content{
    padding: 70px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.unsubscribe-page-content{
     padding: 100px 0;
  }
}

@media screen and (min-width: 1024px){
  .section.unsubscribe-page-content .mw{
    max-width: 720px;
    margin: 0 auto;
    float: none;
  }
}

@media screen and (min-width: 1920px){
  .section.unsubscribe-page-content .mw{
    max-width: 810px;
    margin: 0 auto;
    float: none;
  }
}

.section.unsubscribe-page-content .heading{
  margin: 0 0 5px 0;
}

.section.unsubscribe-page-content .unsub-form .hs-email label{
  display: none;
}

.section.unsubscribe-page-content .unsub-form .hs-email .hs-error-msgs.inputs-list{
  margin: 0;
}

.section.unsubscribe-page-content .unsub-form .hs-email .hs-error-msgs.inputs-list label{
  display: block;
  font-size: 15px;
  font-weight: 300;
  color: #dc3545;
}

.section.unsubscribe-page-content .unsub-form input[type="email"]{
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  color: #000000;
  border: 1px solid #8D8D8D;
  border-radius: 10px;
  background-color: white;
  height: 60px !important;
  padding: 14px 24px;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  box-sizing: border-box;
  text-align: center;
}

.section.unsubscribe-page-content .unsub-form input[type="email"]:focus-visible{
  outline: none;
}

.section.unsubscribe-page-content .unsub-form .hs-fieldtype-booleancheckbox ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.section.unsubscribe-page-content .unsub-form .hs-fieldtype-booleancheckbox ul label{
  font-size: 15px;
  line-height: normal;
}

@media screen and (min-width: 768px){
  .section.unsubscribe-page-content .unsub-form .hs-fieldtype-booleancheckbox ul label{
    font-size: 20px;
  }
}

.section.unsubscribe-page-content .unsub-form .hs-fieldtype-booleancheckbox ul label input{
  margin-right: 10px;
}

.section.unsubscribe-page-content .unsub-form input[type="submit"]{
  margin: 10px 0 0 0;
  background-color: #b000ff;
  font-size: 20px;
  color: #ffffff;
  line-height: 24px;
  font-weight: 400;
  text-transform: none;
  font-family: 'Roboto', sans-serif;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 40px;
  padding-left: 40px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
}
@media screen and (min-width: 768px){
  .section.unsubscribe-page-content .unsub-form input[type="submit"]{
    height: 80px;
    width: 450px;
    border-radius: 44px;
  }
}

.section.unsubscribe-page-content .unsub-form input[type="submit"]:hover{
  background-color: #650090;
}

/***********************************************/
/*    Email Subscription Pages Styles          */
/***********************************************/

/* Section Email Page Content */
.section.email-page-content{
  padding: 50px 0;
}
@media screen and (min-width: 768px){
  .section.email-page-content{
    padding: 70px 0;
  }
}
@media screen and (min-width: 1920px){
  .section.email-page-content{
     padding: 100px 0;
  }
}

@media screen and (min-width: 1024px){
  .section.email-page-content .mw{
    max-width: 720px;
    margin: 0 auto;
    float: none;
  }
}

@media screen and (min-width: 1920px){
  .section.email-page-content .mw{
    max-width: 810px;
    margin: 0 auto;
    float: none;
  }
}

/* Email Subscription Preferences Page */

html body .widget-type-email_subscriptions .page-header{
  padding-bottom: 0;
}

.widget-type-email_subscriptions .page-header p{
  padding-bottom: 20px;
}

.widget-type-email_subscriptions h1 {
  font-size: 25px;
  font-weight: 300;
  line-height: normal;
  margin: 0;
  text-align: center;
}

@media screen and (min-width: 768px){
  .widget-type-email_subscriptions h1{
    font-size: 50px;
  }
}

.widget-type-email_subscriptions h2 {
  font-size: 20px;
  font-weight: 300;
  margin: 15px 0 0 0;
  text-align: center;
}

.widget-type-email_subscriptions p {
  font-size: 15px;
  font-weight: 300;
  margin: 0;
  text-align: center;
}

@media screen and (min-width: 768px){
  .widget-type-email_subscriptions p {
    font-size: 20px;
  }
}

.widget-type-email_subscriptions .email-prefs{
  margin: 30px 0 0 0;
}

.widget-type-email_subscriptions .email-prefs .item .item-inner{
  border: 1px solid #E4E4E4;
  background: #f8f8f8;
  padding: 20px;
}

.widget-type-email_subscriptions .email-prefs .item .item-inner.hovered{
  box-shadow: none;
}

.widget-type-email_subscriptions .email-prefs .item .item-inner.selected{
  background: #ebebeb
}

.widget-type-email_subscriptions .email-prefs .item .item-inner *{
  color: #000;
}

.widget-type-email_subscriptions .email-prefs .item .item-inner .checkbox-row input {
  top: 2px;
  margin-right: 10px;
}

@media screen and (min-width: 768px){
  .widget-type-email_subscriptions .email-prefs .item .item-inner .checkbox-row input {
    top: 5px;
  }
}

.widget-type-email_subscriptions .email-prefs .item .item-inner .checkbox-row span.fakelabel span{
  font-size: 15px;
  margin-left: 0;
  font-weight: 400;
}

@media screen and (min-width: 768px){
  .widget-type-email_subscriptions .email-prefs .item .item-inner .checkbox-row span.fakelabel span{
    font-size: 20px;
  }
}

.widget-type-email_subscriptions .email-prefs .item .item-inner p{
  margin: 5px 0px 0px 23px;
  text-align: left;
}

.widget-type-email_subscriptions .email-prefs .subscribe-options{
  margin: 15px 0 0 0;
}

.widget-type-email_subscriptions .email-prefs .subscribe-options p.header{
  text-align: center;
}

.widget-type-email_subscriptions .email-prefs .subscribe-options p label{
  margin: 15px 0 0 0;
  display: block;
  font-size: 20px;
  line-height: 30px;
}

.widget-type-email_subscriptions .email-prefs .subscribe-options p label input{
  margin: 0 2px 0 1px;
}

.widget-type-email_subscriptions .email-prefs .subscribe-options p label span{
  font-size: 15px;
  font-weight: 400;
}

@media screen and (min-width: 768px){
  .widget-type-email_subscriptions .email-prefs .subscribe-options p label span{
    font-size: 20px;
  }
}

.widget-type-email_subscriptions .email-prefs #submitbutton{ 
  display: block;
  margin: 50px auto 0px auto;
  background-color: #b000ff;
  border: none;
  border-radius: 20px;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  padding: 8px 40px;
  text-transform: none;
  cursor: pointer;
}

@media screen and (min-width: 768px){
  .widget-type-email_subscriptions .email-prefs #submitbutton{ 
    border-radius: 44px;
    height: 80px;
    width: 450px;
  }
}

.widget-type-email_subscriptions .email-prefs #submitbutton:hover{
  background-color: #650090;
}

/* Email Subscriptions Confirmation Page */
html body .widget-type-email_subscriptions_confirmation .page-header{
  padding-bottom: 0;
}

.widget-type-email_subscriptions_confirmation .page-header p{
  padding-bottom: 20px;
}

.widget-type-email_subscriptions_confirmation h1 {
  font-size: 25px;
  font-weight: 300;
  line-height: normal;
  margin: 0;
  text-align: center;
}

@media screen and (min-width: 768px){
  .widget-type-email_subscriptions_confirmation h1{
    font-size: 50px;
  }
}

.widget-type-email_subscriptions_confirmation h2 {
  font-size: 20px;
  font-weight: 300;
  margin: 15px 0 0 0;
  text-align: center;
}

.widget-type-email_subscriptions_confirmation p {
  font-size: 15px;
  font-weight: 300;
  text-align: center;
}

@media screen and (min-width: 768px){
  .widget-type-email_subscriptions_confirmation p {
    font-size: 20px;
  }
}

.widget-type-email_subscriptions_confirmation .success{
  font-size: 15px;
  text-align: center;
  color: #B000FF;
  font-weight: 300;
  text-align: center;
}

.widget-type-email_subscriptions_confirmation .success[name="hs-subscriptions-update-success"]{
  display: block !important;
}

@media screen and (min-width: 768px){
  .widget-type-email_subscriptions_confirmation .success{
    font-size: 20px;
  }
}

/* Email Backup Unsubscribe Page */
html body .widget-type-email_simple_subscription .page-header{
  padding-bottom: 0;
}

.widget-type-email_simple_subscription .page-header p{
  padding-bottom: 20px;
}

.widget-type-email_simple_subscription h1 {
  font-size: 25px;
  font-weight: 300;
  line-height: normal;
  margin: 0;
  text-align: center;
}

@media screen and (min-width: 768px){
  .widget-type-email_simple_subscription h1{
    font-size: 50px;
  }
}

.widget-type-email_simple_subscription h3 {
  font-size: 15px;
  font-weight: 300 !important;
  text-align: center;
  margin: 20px 0 0 0;
}

@media screen and (min-width: 768px){
  .widget-type-email_simple_subscription h3 {
    font-size: 20px;
  }
}