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

/***********************************************/
/* 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;}


/*****************************************/
/* =============================================================================
Table of Contents:

1. EXTERNAL RESOURCES
2. BASE STYLES
  - LAYOUT
  - TYPO
  -- Basic text
  -- Hero imgs text
  -- Homepage page
  -- H1 POSITION ??
  -- Contact page
  -- Cards
  -- Accordion
  -- Blog
  -- Footer
  - NAVIGATION MENU
  -- Mobile menu
  -- Navigation menu A
  -- Navigation menu Prodcuts
  - FOOTER
  - LOGO
3. BUTTONS
  - HERO CTA
  - ACCORDION
4. CARDS
   - HOMEPAGE BLOG
   - COLUMN CARDS
   - CARDS WIDTH
   - VIDEO
   - ACCORDION
   -- Mobile homepage
5. BUTTONS
8. MISCELLANEOUS
9. MOBILE MEDIA QUERIES
============================================================================== */
/* =============================================================================
1. EXTERNAL RESOURCES
============================================================================= */


/*Font*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap')

:root {
    --breakpoint-xl: 1440px;
    /*Override variables*/
    --font-family-sans-serif: Open Sans,sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --gray-dark: #343a40;
    /*Override Bootstrap defaults */
    --font-family-serif: "Open Sans", sans-serif;
    --font-family-text: var(--font-family-serif);
}

/* =============================================================================
2. BASE STYLES
============================================================================= */
body {
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  font-weight: 200;
  color: #000000;
  background-color: #FFFFFF;
  font-style: normal;
  line-height: 1.5;
}
header {
  background-color: #959595;
  color: #000000;
}
/************************************************* LAYOUT *********************/
.container-fluid { /**Carousel**/
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1440px) {
  .container {
      max-width: 1440px;
  }
}
/*********************************************** TYPO *************************/
/* Basic text */
h1, h2, h3, h5 {
  font-family: "Exo 2", sans-serif;
  font-weight:normal;
  font-style:normal;
  text-transform: uppercase;
  color: #000000;
  line-height: 1;
}
h1, h2 {
  font-weight: 800;
  line-height: 2.3rem;
}
h1 {
  font-size: 2.4375rem;
  /* margin-top: 3rem; */
  margin: 0 0 1.5rem;
}
h2 {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.4rem;
  margin-bottom: 1.15rem;
}
h3 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.45rem;
}
h4 {
  font-size: 1rem;
  font-weight: 800;
}
h5>a {
}
h5>a.link_white {
  color: #FFFFFF;
}
h6 {
  font-weight: 500;
}
.white_stripe hr {
  margin:0;
  border-color: #FFFFFF;
  border-top: 0px solid rgba(0,0,0,.1);
  padding: 2rem 0;
}
.lightgray_stripe hr {
  margin:0;
  border-color: #F4F6FA;
  border-top: 0px solid rgba(0,0,0,.1);
  padding: 2rem 0;
  background-color: #F4F6FA;
}
#locations-container ul, #locations-container li, #locations-container ul>li  {
  list-style-type: none;
}
 #locations-container ul {
   padding-inline-start: 0px;
 }
footer {
  background-color: #000000;
  color: #FFFFFF;
}
/*COVID-19*/
.covid-19 h3 {
  color: #FFFFFF
}

/* Hero imgs text */
.hero h1 {
  font-family: "Exo 2", sans-serif;
  color: #fbc416;
  margin: 0 0 .3rem;
}
.hero h2 {
  color: #FFFFFF;
  text-transform: inherit;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 1.4375rem;
  line-height: 1.7rem;
  margin-bottom: 1.15rem;
}
.hero a {
  color: #FFFFFF;
}

/* Homepage */
.section_homepage_bg_blog h1, .section_workWith_bg_ourwork h1,
.section_workAt_bg_lifeatJade h1 {
  margin: 3rem 0 1.5rem;
}
.section_homepage_ourpartners h3 {
    margin: 3rem 0 0;
}
.section_homepage_ourproducts p {
  color: #000000;
}
.section_homepage_bg_blog p {
  font-size: 0.875rem;
}

/* Worth at */
.section_workAt_bg_lifeatJade h1, .section_workAt_bg_lifeatJade p {
  color: #FFFFFF;
}
.section_workAt_choicePerks .card-body h6 {
  margin-bottom: 0;
}
/* Contact page */
.section_bg_locations h3 {
  color: #7b34ff
}

/* Cards */
.card h1, .card h2, .card h3, .card h5 {
  color: #FFFFFF;
}
.card h2 {
  margin-bottom: 1rem;
}
.card h3 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2rem;
  margin: 0;
}
.card p {
  margin-bottom: 0;
}
.section_bg_homepage h2 {
  margin-bottom: 0;
}
.section_bg_homepage .card p {
  margin-bottom: 0;
}
.green-card p.card-text, .violet-card p.card-text,
.pink-card p.card-text, .yellow-card p, .blue-card p,
.pink-card p {
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  font-weight: 200;
  color: #FFFFFF;
  font-style: normal;
  line-height: 1.5;
  text-transform: none;
  font-size: 1rem;
}
#meetTheTribeCarousel .card h3, #meetTheChiefsCarousel .card h3 {
   font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.card h5 {
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 0.3rem;
}
.card-text {
  color: #FFFFFF;
  font-family: 'Exo 2', sans-serif;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1rem;
  margin-bottom: 1rem;
}
.card-text-2 {
  color: #FFFFFF;
  font-size: .8rem;
  font-weight: 400;
  text-transform: none ;
  margin-top: -1rem;
  line-height: 1.2rem;
}
.yellow-card h2, .yellow-card h3,
.yellow-card h4,.yellow-card h5, .yellow-card p {
    color: #000000;
}

/* Accordion */
.accordion .card h3 {
  color: #000000;
  margin:0
}
.card-header#headingOne  {
  background-color: #1d45d8;
}
.card-header#headingTwo {
  background-color: #0d90b9;
}
.card-header#headingThree  {
  background-color: #00cc00;
}
.card-header#headingOne h2, .card-header#headingOne h5,
.card-header#headingTwo h2, .card-header#headingTwo h5,
.card-header#headingThree h2, .card-header#headingThree h5 {
 margin: 0;
}
.card-header#headingOne:active, .card-header#headingTwo:active,
.card-header#headingThree:active {
    background-color: #000000;
}

/* Blog */
.section_homepage_bg_blog .card a {
  font-size: 1rem;
  line-height: 0;
  font-weight: 700;
  text-transform: none;
}
/* Footer */
.footer p {
  font-size: 0.75rem;
}
.footer a {
  text-transform: inherit;
  color: #FFFFFF;
}

.footer ul {
  list-style-type:none;
  padding-inline-start: 0;
}
/*********************************************** - NAVIGATION MENU ************/
nav {
  background-color: #000000
}
a {
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
}
nav .nav-item a {
  font-size: 0.9375rem;
  font-weight: 600;
}
nav a.nav-link {
    letter-spacing: 0.04rem;
}
a:hover, .nav-link:focus,.nav-link:hover {
    text-decoration: none;
    color: #ff0066;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
}
/* Mobile Menu */
.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,1);
    border-color: #000000;
    border-radius: 0;
}
.navbar {
  padding: 0rem 0rem;
}
/*
#nav-home  a:hover, #nav-home .active,
#nav-home .current-page  {
  color: #1d45d8;
  font-weight: 600;
}
#nav-workwith  a:hover, #nav-workwith .active,
#nav-workwith .current-page  {
  color: #fbc416;
  font-weight: 600;
}
#nav-workat a:hover, #nav-workat .active,
#nav-workat .current-page {
  /* color: #ff0066; *//*
  color: #1d45d8;
  font-weight: 600;
}
#nav-contact a:hover, #nav-contact .active,
#nav-contact .current-page {
  color: #00cc00;
  font-weight: 600;
}
#nav-blog a:hover, #nav-blog.active,
#nav-blog.current-page {
  color: #7b34ff;
  font-weight: 600;
}
#nav-modernise a:hover, #nav-modernise.active,
#nav-modernise.current-page {
  color: #FF0032;
  font-weight: 600;
}
*/
/*- Navigation menu A */
.nav_menu_white a.nav-link, .nav_menu_black a.nav-link {
  margin: 0;
  font-size: 0.875rem;
  letter-spacing: .05rem;
}
.nav_menu_white .nav-link, .nav_menu_black .nav-link  {
    display: block;
    padding: .15rem 0rem;
}
.nav_menu_white a.nav-link {
    color: #FFFFFF;
}
.nav_menu_white .nav-link:hover, .nav_menu_black .nav-link:hover {
    color: #ff0066;
}
.dropdown-toggle::after {
  border: solid #FFFFFF;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 7px;
    height: 7px;
    margin-left: 1em;
}
.dropdown-menu {
  top: 250%;
  min-width: 10rem;
  padding: 0.5rem 0rem;
  margin: .125rem 0 0;
  font-size: 1rem;
  background-color: #000000;
  background-clip: padding-box;
  border-radius: 0;
}
.dropdown-item {
  color: #FFFFFF;
  padding: .75rem;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #ff0066;
}

/*********************************************** - LOGO ***********************/
.logo {
  width: 4em;
}
/*********************************************** - FOOTER *********************/
.footer {
  padding: 1rem 0 .5rem;
}
.footer .nav-link {
  display: initial;
}

/* =============================================================================
3. Buttons
============================================================================= */
.btn  {
      font-weight: 600;
      color: #FFFFFF;
      padding: 0;
      margin: 0;
      border:0;
      font-size: 1.125rem;
}
.btn-2 {
  color: #000000;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: .05rem;
  text-transform: uppercase;
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255, 0);
}
.btn-link:hover {
  text-decoration: none;
}
.section_bg_homepage .btn-2 {
  padding: 0 0 1.5625rem;
}
/*********************************************** - HERO CTA *******************/
.hero .btn, .hero .btn-pink {
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 700;
    padding: 0.6375rem 1.8rem;
}
.hero .btn {
    background-color: #000000;
    border: 1px solid #000000;
}
.hero .btn-pink {
    background-color: #FF0066;
    border: 1px solid #FF0066;
}
.hero .btn:hover {
    color: #FF0066;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.hero .btn-pink:hover {
    color: #FFFFFF;
    background-color: #FF0066;
    border: 1px solid #FF0066;
}
.cta {
    background-color: #FF0066;
    border: 1px solid #FF0066;
    border-radius: 0;
    padding: 1rem 1.1875rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5;
}
.cta:hover {
   background-color: #000000;
   color:  #FF0066;
   border: 1px solid #000000;
}
/* COVID-19 button*/
.cta-covid-19 {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 0;
    padding: 1rem 1.1875rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5;
}
/* .btn-covid-19 {
  font-size: .9rem;
} */
/*********************************************** - accordion ******************/
.accordion .btn {
  text-align: left;
}

/* =============================================================================
4. CARDS
============================================================================= */
.card {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: transparent;
      background-clip: border-box;
      border: none;
      border-radius: 0;
}
.card-header {
    border-bottom: 0px solid rgba(0,0,0,.125);
}
.card-header:first-child {
    border-radius: calc(0rem - 1px) calc(0rem - 1px) 0 0;
}
.card-img-top {
    border-top-left-radius: calc(0rem - 1px);
    border-top-right-radius: calc(0rem - 1px);
}
.blue-card, .green-card, .violet-card, .pink-card,
.blue-card-2, .green-card-2, .violet-card-2, .pink-card-2 {
    color: #FFFFFF;
}
.blue-card, .blue-card-2 {
  background-color: #1d45d8;
}
.green-card, .green-card-2 {
  background-color: #00cc00;
}
.violet-card, .violet-card-2  {
  background-color: #7b34ff;
}
.pink-card, .pink-card-2 {
  background-color: #ff0066;
}
.yellow-card, .yellow-card-2 {
  background-color: #fbc416;
}
.black-card {
  background-color: #000000;
}
.blue-card-outline {
  background-color: none;
  border: 1px solid #1d45d8;
}
.green-card-outline {
  background-color: none;
  border: 1px solid #00cc00;
}
.violet-card-outline  {
  background-color: none;
  border: 1px solid #7b34ff;
}
.pink-card-outline {
  background-color: none;
  border: 1px solid #ff0066;
}
.yellow-card-outline {
  background-color: none;
  border: 1px solid #fbc416;
}
.black-card-outline {
  background-color: none;
  border: 1px solid #000000;
}

/*hovers*/
.green-card:hover, .violet-card:hover,
.pink-card:hover, .blue-card:hover,
.yellow-card:hover   {
  cursor: pointer;
  background-color: #000000;
  transition: background-color 1s linear;
    	-webkit-transition: background-color 1s linear;
    	-moz-transition: background-color 1s linear;
    	-o-transition: background-color 1s linear;
    	-ms-transition: background-color 1s linear;
}
.yellow-card:hover h5, .yellow-card:hover p {
  color: #FFFFFF !important;
}
.card-img {
  border-radius: 0px !important;
}
.overlay {
  /* transition: .5s ease; */
  /* background-color: #000000; */
  transition: background-color 1s linear;
    	-webkit-transition: background-color 1s linear;
    	-moz-transition: background-color 1s linear;
    	-o-transition: background-color 1s linear;
    	-ms-transition: background-color 1s linear;
}
.card:hover .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  background-color: #000000;
}
.card-body {
  padding: .9rem;
}
.card-img-overlay {
    padding: 0.8125rem;
}
.card-img-overlay-2 {
    position: absolute;
    top: 12px;
    right: 0;
    bottom: 0;
    left: 15px;
    padding: 0;
}
.card-margin {
  margin-top: .75rem;
}

/*Work with */
.section_workWith_bg_ourwork .card {
  margin: 0 0 1rem;
}
.section_workWith_problemsWeSolve .card-margin {
  margin-top: 0px;
}

/* Work at Jade*/
.section_workAt_choicePerks .card {
 margin: 0 0 1rem;
}

/********************************************** - HOMEPAGE BLOG ***************/
.section_homepage_bg_blog .card {
  background-color: #f1f2f2;
}

/********************************************** - COLUMN CARDS*****************/
.card-columns .card {
    margin-bottom: 0;
}
.section_homepage_ourwork .card-columns {
      column-count: 2;
      column-gap: .8rem;
}

/*********************************************** - VIDEO **********************/
.sizer {
  margin: 0 0 1.5rem ;
}
.video-card {
    width: 20.6rem;
}
.sizer2 .embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 1rem 0rem;
}
.embed-responsive-16by9 .video-lifeatjade  {
padding-bottom: 25%;
}

/*********************************************** - ACCORDION ******************/
/* Mobile homepage*/
.card-header#headingOne, .card-header#headingTwo, .card-header#headingThree {
    margin: .5rem 0;
}

/* =============================================================================
5. MOBILE MEDIA QUERIES
============================================================================= */
@media only screen and (min-width: 576px) {
  /* =============================================================================
  4. Cards
  ============================================================================= */
  /*********************************************** - CARDS WIDTH **************/
  .section_bg_homepage .wwr-card {
    width: 10.6rem;
  }
  /*********************************************** - VIDEO **********************/
  .video-card {
      width: 31.9rem;
  }
}

@media only screen and (min-width: 768px) {
  /* ===========================================================================
  2. BASE STYLES
  =========================================================================== */
  /*********************************************** TYPO ***********************/
  h1 {
    margin: 0rem 0 1.5rem;
  }
  h2 {
    font-size: 1.875rem;
    line-height: 1.9rem;
  }
  h3 {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
  .white_stripe hr {
    padding: 1rem 0;
  }

  /* Hero imgs text */
  .hero h1 {
    font-size: 2.4375rem;
  }
  .hero h2 {
    font-size: 1.4375rem;
    line-height: 1.8rem;
  }

  /* Cards */
  .card h2 {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.9rem;
    margin:0 0 1.5rem 0;
  }
  .card h3 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2rem;
    margin: 0;
  }
  .card h5 {
    font-size: 1.125em;
  }
  .card-text {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin-bottom: 1rem;
  }
  .card-text-2 {
    font-size: 1rem;
    margin-top: -1rem;
    line-height: 1.2rem;
  }
  /*homepage*/
  .section_homepage_bg_blog h1, .section_homepage_bg_lifeAtJade h1 {
    margin: 1.25rem 0 2rem;
  }
  .section_homepage_bg_lifeAtJade h1 {
    color: #FFFFFF;
  }
  /*Work With Jade */
  .section_workWith_bg_ourwork h1 {
     margin: 0 0 2rem;
  }

  /*Work at Jade*/
  .section_workAt_bg_lifeatJade h1 {
     margin: 0 0 2rem;
  }
  .meet_the .card h3 {
    font-size: .9rem;
  }
  .meet_the .card p {
    font-size: .9rem;
    line-height: 1rem;
    margin-bottom: 0;
  }
  .section_workAt_choicePerks .card h6 {
    font-size: .8rem;
  }

  /*********************************************** - NAVIGATION MENU ************/
  /*- Navigation menu A */
  .nav_menu_white a.nav-link, .nav_menu_black a.nav-link {
    font-size: 1rem;
    letter-spacing: .05rem;
  }
  /*********************************************** - FOOTER ************/
  .footer p {
    margin: .5rem 0 0;
  }

  /*********************************************** - LOGO ***********************/
  .logo {
    width:6rem;
  }

  /* =============================================================================
  3. Buttons
  ============================================================================= */
  .btn, .btn-2 {
    font-size: 1.5rem;
  }
  .btn-2 {
    font-size: 1rem;
  }
  .section_homepage_PDC .btn-2 {
    margin: 0;
  }
  /* COVID-19 button*/
  .btn-covid-19 {
    font-size: .9rem;
  }

  /*********************************************** - HERO CTA *******************/
  .hero .btn  {
      font-size: 1rem;
      padding: .5rem .6rem;
  }
  .cta {
      padding: 0.875rem;
      font-size: 1.0625rem;
      line-height: 1.5;
  }

  /* =============================================================================
  4. Cards
  ============================================================================= */
  /*homepage */
  .section_homepage_ourproducts_jte .card-body, .section_homepage_ourproducts_icm .card-body,
  .section_homepage_ourproducts_jadePlatform .card-body {
    padding: 2.3rem 1.3rem;
  }
  .card-img-overlay {
      padding: 1.25rem;;
  }
  .card-img-overlay-2 {
      top: 6.1rem;
      right: 0;
      bottom: 0;
      left: 1.25rem;
      padding: 0;
  }
  .card-margin {
    margin-top: 1.75rem;
  }
  /* Work with jade*/
  .section_workWith_problemsWeSolve .card-margin {
    margin-top: 1rem;
  }

  /* Work at Jade */
  .section_workAt_bg_secret_sauce .card-body {
    padding: 2.8125rem;
  }
  .section_workAt_choicePerks .card {
   margin: 1rem;
  }
  /********************************************** - COLUMN CARDS*****************/
  /*homepage*/
  .section_homepage_ourwork .card-columns {
    column-gap: 1.875rem;
  }
   /* .section_workAt_choicePerks .card-columns {
         column-count: 3;
         column-gap: 1rem;
   } */
  /*********************************************** - CARDS WIDTH **************/
  .section_bg_homepage .wwr-card {
    width: 14.33rem;
  }

  /*********************************************** - vIDEO **************/
  .video-card {
    width: 43rem;
  }

  .sizer2 .embed-responsive {
      position: relative;
      display: block;
      width: 100%;
      padding: 3.9rem 0rem;
  }
  /*********************************************** - ACCORDION ******************/
  /* Mobile homepage*/
  .card-header#headingOne, .card-header#headingTwo, .card-header#headingThree {
      margin: 1.875rem 0  0;
  }
}

@media only screen and (min-width: 992px) {
  /* ===========================================================================
  2. BASE STYLES
  =========================================================================== */
  /*********************************************** TYPO ***********************/
  h1 {
    margin: 2.5rem 0 1.5rem;
  }
  .white_stripe hr {
    padding: 1.8rem 0;
  }

  /* Hero imgs text */
  .hero h1 {
    margin: 0 0 0.6rem;
    /*font-size: 5rem;
    line-height: 4.5rem;*/
    font-size: 3rem;
    line-height: 2.8rem;
  }
  .hero h2 {
/*     font-size: 1.45rem;
    line-height: 1.8rem; */
    font-size: 1.2rem;
    line-height: 1.45rem;
  }

  /*homepage */
  .section_homepage_ourpartners h3 {
      margin: 6.25rem 0 0;
  }
  .section_homepage_ourproducts p {
    color: #FFFFFF;
  }
  .section_homepage_jadeplatform h1, .section_homepage_jadeplatform h3 {
    color: #000000;
  }
  /* Cards */
  .card h5 {
    font-size: 1.5rem;
  }

  /*********************************************** - NAVIGATION MENU ************/
  .navbar {
    padding: 1.2rem 0;
  }
  nav a.nav-link {
    margin: 0 0 0 1.9rem;
    letter-spacing: 0.04rem;
  }
  .dropdown-menu {
    padding: 1.6rem 1.2rem;
  }

  /*********************************************** - FOOTER ************/
  .footer p {
    margin: .2rem 0 0;
    font-size: 1rem;
  }
  /*********************************************** - LOGO ***********************/
  .logo {
    width:6rem;
  }

  /* =============================================================================
  3. Buttons
  ============================================================================= */
  /* COVID-19 button*/
  .btn-covid-19 {
    font-size: 1.2rem;
  }
  /*********************************************** - HERO CTA *******************/
  .hero .btn {
      font-size: 1.1rem;
      padding: 1rem;
  }
  .cta {
      padding: 1.2rem 1.8rem;
      font-size: 1.25rem;
      line-height: 1.5;
  }

  /* =============================================================================
  4. Cards
  ============================================================================= */
  .card-body {
    padding: 2rem;
  }
  .section_homepage_ourproducts .card-group>.card:first-child {
    margin-right: 15px;
  }
  .section_homepage_ourproducts .card-group>.card:last-child {
    margin-left: 15px;
  }
  /*homepage */
  .section_homepage_ourproducts_jte .card-body, .section_homepage_ourproducts_icm .card-body,
  .section_homepage_ourproducts_jadePlatform .card-body {
    padding: 2.3rem 2.5rem;
  }
  #our_products_JTE .card-body {
    padding: 2.3rem 2.3rem 1rem 2.3rem;
  }
  #our_products_ICM .card-body {
    padding: 2.3rem 2.3rem 1rem 2.3rem;
  }
  .card-img-overlay-2 {
      top: 3.5rem;
      left: 1.5rem;
  }
  .card-margin {
    margin-top: 1.9rem;
 }

 /* Work with jade*/
 .section_workWith_problemsWeSolve .card-margin {
   margin-top: 1.9rem;
 }
 .section_workWith_bg_ourwork .card {
    margin: 0 0 0rem;
}

 /* Work at Jade */
 .meet_the .card-body, .section_workAt_choicePerks .card-body {
   padding: 1rem;
 }
 .section_workAt_choicePerks .card-margin {
   margin-top: 0.5rem;
 }

  /*********************************************** - COLUMN CARDS**************/
  .section_homepage_ourproducts .card-columns,
  .section_homepage_jadeplatform .card-columns {
        column-count: 2;
        column-gap: 1.875rem;
  }
  /*********************************************** - CARDS WIDTH **************/
  .section_bg_homepage .wwr-card {
    width: 19rem;
  }
  .video-card {
    width: 57rem;
  }

  /*********************************************** - vIDEO **************/
  .sizer2 .embed-responsive {
      position: relative;
      display: block;
      width: 100%;
      padding: 3.9rem 0rem;
  }
}

@media only screen and (min-width: 1025px) {
  /* ===========================================================================
  2. BASE STYLES
  =========================================================================== */
  /*********************************************** TYPO ***********************/
  /* Basic text */
  .white_stripe hr {
    padding: 2.8125rem 0;
  }

  /* Hero imgs text */
  .hero h1 {
    margin-bottom: 0.5rem;
    font-size: 3.5rem;
    line-height: 3.15rem;
  }

  .hero h2 {
/*     font-size: 2.625rem;
    line-height: 2.9rem; */
    font-size: 1.5rem;
    line-height: 2rem;
  }

  /* Homepage */
  .section_homepage_bg_blog p {
    font-size: 0.9375rem;
  }
  /*homepage*/
  .section_homepage_bg_blog h1, .section_homepage_bg_lifeAtJade h1 {
    margin: 3rem 0 2rem;
  }
  /*Work With Jade */
  .section_workWith_bg_ourwork h1 {
     margin: 3rem 0 2rem;
  }

  /*Work at Jade*/
  .section_workAt_bg_lifeatJade h1 {
     margin: 3rem 0 2rem;
  }

  /* Work With */
  #section_workWith_text {
    margin: 0 0 7.75rem;
  }
  /* Work at Jade*/
  .meet_the .card h3 {
    margin: 0;
  }

  /*********************************************** - NAVIGATION MENU ************/
  /*- Navigation menu A */
  .nav_menu_white a.nav-link, .nav_menu_black a.nav-link {
    font-size: 1.25rem;
  }

  /* =============================================================================
  3. Buttons
  ============================================================================= */
  .btn-2 {
        font-size: 1.25rem;
  }

  .section_bg_homepage .btn-2 {
    padding: 2rem 0 4.0625rem;
  }
  /* =============================================================================
  4. Cards
  ============================================================================= */
  .card-body {
    padding: 2rem;
  }
  .green-card .card-body, .violet-card .card-body, .pink-card .card-body, .blue-card .card-body,
  .green-card-2 .card-body, .violet-card-2 .card-body, .pink-card-2 .card-body, .blue-card-2 .card-body {
    margin: .35rem;
  }

  /*homepage */
  #our_products_JTE .card-body {
    padding: 3.5rem 3.5rem 1.5rem 3.5rem;
  }
  #our_products_ICM .card-body {
    padding: 3.5rem 3.5rem 1.5rem 3.5rem;
  }

  /* Work at Jade page*/
  .section_workAt_bg_secret_sauce .card-body {
    padding: 5.625rem;
}

  /*********************************************** - COLUMN CARDS**************/
  /* section_homepage_ourwork */
  .section_homepage_ourwork .card-columns {
        column-gap: 2.2rem;
  }

  /*********************************************** - CARDS WIDTH **************/
  .section_bg_homepage .wwr-card {
    width: 18rem;
  }
  .video-card {
      width: 51rem;
  }
  /*********************************************** - VIDEO ********************/
  .sizer2 .embed-responsive {
      position: relative;
      display: block;
      width: 106%;
      padding: 3.9rem 0rem;
  }
}

@media only screen and (min-width: 1200px) {
  /* ===========================================================================
  2. BASE STYLES
  =========================================================================== */
  /*********************************************** TYPO ***********************/
  /* Basic text */
  h1 {
    font-size: 3.4rem;
    margin: 0 0 4rem;
    line-height: 3.5rem;
  }
  .h1-left h1 {
    margin-top: 6rem;
  }
  /* Hero imgs text */
  .hero h1 {
    font-size: 3.4em;
    line-height: 3rem;
    margin-bottom: .7rem;
  }
  .hero h2 {
    font-size: 1.8rem;
    line-height: 1.9rem;
  }

  /* Cards */
  .card h2 {
    font-size: 2.5rem;
    line-height: 2.7rem;
    margin-bottom: 3.125rem;
  }
  .card h3 {
    font-size: 1.5rem;
    line-height: 1.7rem;
    margin-bottom: 1rem;
  }
  .card-text {
    margin-bottom: 1rem;
  }
  .card-text {
    font-size: 1.5rem;
    line-height: 1.4rem;
    margin-bottom: .8rem;
  }
  .card-text-2 {
    font-size: 1.25rem;
    margin-top: -0.7rem;
    line-height: 1.7rem;
  }
  /*Work at Jade*/
  .meet_the .card h3 {
    font-size: 1rem;
  }
  .meet_the .card p {
    font-size: 1rem;
    line-height: 1.2rem;
  }
  .section_workAt_choicePerks .card h6 {
    font-size: 1.25rem;
  }

  /*********************************************** - FOOTER ************/
  .footer p {
    margin: .7rem 0 0;
  }
  /* =============================================================================
  3. Buttons
  ============================================================================= */
  .btn-2 {
        font-size: 1.25rem;
  }
  /*********************************************** - HERO CTA *******************/
  .hero .btn {
      font-size: .9rem;
      padding: .7rem;
  }
  .cta {
      padding: 1.2rem 1.8rem;
      font-size: 1.25rem;
      line-height: 1.5;
  }
  /* =============================================================================
  4. Cards
  ============================================================================= */
  .card-img-overlay-2 {
      top: 90px;
  }

  /*homepage */
  #our_products_JTE .card-body {
    padding: 3.9rem 2.4rem;
  }
  #our_products_ICM .card-body {
    padding: 3.9rem 2.4rem;
  }
  /*********************************************** - CARDS WIDTH **************/
  .section_bg_homepage .wwr-card {
    width: 17rem;
  }
  .video-card {
    width: 18.2rem;
  }
  /*********************************************** - VIDEO ********************/
  .sizer2 .embed-responsive {
      position: relative;
      display: block;
      width: 100%;
      padding: 10rem 7rem;
  }
}

@media only screen and (min-width: 1366px) {
  /* ===========================================================================
  2. BASE STYLES
  =========================================================================== */
  /*********************************************** TYPO ***********************/
  /* Basic text */
  h1 {
    font-size: 3.6rem;
    margin: 0 0 4rem;
    line-height: 3.6rem;
  }
  /* Hero imgs text */
  .hero h1 {
    font-size: 3.6rem;
    line-height: 3.4rem;
    margin-bottom: .8rem;
  }
  .hero h2 {
    font-size: 1.9rem;
    line-height: 2.3rem;
  }
  /* =============================================================================
  4. Cards
  ============================================================================= */
  .card-img-overlay-2 {
      top: 90px;
  }
  /*homepage */
  #our_products_JTE .card-body {
    padding: 4.5rem 7.4rem;
  }
  #our_products_ICM .card-body {
    padding: 4.5rem 7.4rem;
  }
}

@media only screen and (min-width: 1440px) {
  /* ===========================================================================
  2. BASE STYLES
  =========================================================================== */
  /*********************************************** TYPO ***********************/
  /* Basic text */
  h1 {
    font-size: 4.2rem;
    margin: 0 0 4rem;
    line-height: 3.9rem;
  }
  /* Hero imgs text */
  .hero h1 {
    font-size: 4.2rem;
    line-height: 3.7rem;
    margin-bottom: .8rem;
  }
  .hero h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  /*Work at Jade*/
  .meet_the .card h3 {
    font-size: 1.25rem;
    line-height: 1.7rem;
    margin-bottom: 0;
  }
  .meet_the .card p {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  /* =============================================================================
  4. Cards
  ============================================================================= */
  .card-img-overlay-2 {
      top: 135px;
  }
  #our_products_JTE .card-body {
    padding: 5.4375rem 1rem
  }
  #our_products_ICM .card-body {
    padding: 5.4375rem 1rem
  }
  /*********************************************** - CARDS WIDTH **************/
  .section_bg_homepage .wwr-card {
    width: 18rem;
  }
  .video-card {
    width: 32rem;
  }
  /*********************************************** - VIDEO ********************/
  .sizer2 .embed-responsive {
      position: relative;
      display: block;
      width: 100%;
      padding: 7rem 7rem;
  }
}

@media only screen and (min-width: 1536px) {
  /* ===========================================================================
  2. BASE STYLES
  =========================================================================== */
  /*********************************************** TYPO ***********************/
  /* Basic text */
  h1 {
    font-size: 4.5rem;
    margin: 0 0 4rem;
    line-height: 4rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  p, ul {
    font-size: 1.25rem;
    line-height: 1.4;
  }
  .h1-left h1 {
    margin-top: 7.75rem;
  }
  .white_stripe hr {
    padding: 2.8125rem 0;
  }

  /* Hero imgs text */
  .hero h1 {
    font-size: 4.5rem;
    line-height: 4rem;
    margin-bottom: .9rem;
  }
  .hero h2 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  /* Homepage */
  .section_homepage_bg_blog p {
    font-size: 0.9375rem;
  }

  /* Cards */
  .green-card p.card-text, .violet-card p.card-text,
  .pink-card p.card-text, .green-card p, .violet-card p,
  .pink-card p, .blue-card p, .yellow-card p {
    line-height: 1.4;
    font-size: 1.25rem;
  }
  .card h2 {
    font-size: 2.5rem;
    line-height: 2.7rem;
    margin-bottom: 3.125rem;
  }
  .card h3 {
    font-size: 1.5rem;
    line-height: 1.7rem;
    margin-bottom: 1rem;
  }
  .card-text {
    margin-bottom: 1rem;
  }
  .card-text {
    font-size: 1.5rem;
    line-height: 1.4rem;
    margin-bottom: .8rem;
  }
  .card-text-2 {
    font-size: 1.25rem;
    margin-top: -0.7rem;
    line-height: 1.7rem;
  }
  /* Work at Jade*/
  .meet_the .card h3 {
    margin: 0;
  }
  .section_workAt_choicePerks .card h6 {
    font-size: 1.25rem;
  }
  /* =============================================================================
  3. Buttons
  ============================================================================= */
  .btn-2 {
        font-size: 1.25rem;
  }
  /*********************************************** - HERO CTA *******************/
  .hero .btn {
      font-size: 1.1rem;
      padding: 1rem;
  }
  .cta {
      padding: 1.2rem 1.8rem;
      font-size: 1.25rem;
      line-height: 1.5;
  }
  /* =============================================================================
  4. Cards
  ============================================================================= */
  /*********************************************** - CARDS WIDTH **************/
  .section_bg_homepage .wwr-card {
    width: 18rem;
  }
  .video-card {
    width: 33.9rem;
  }
  /*********************************************** - VIDEO ********************/
  .sizer2 .embed-responsive {
      position: relative;
      display: block;
      width: 106%;
      padding: 3.7rem 0rem;
  }
  #our_products_JTE .card-body {
    padding: 7.4375rem 3.5rem;
  }
  #our_products_ICM .card-body {
    padding: 7.4375rem 3.5rem;
  }
}

@media only screen and (min-width: 1680px) {
  /* ===========================================================================
  2. BASE STYLES
  =========================================================================== */
  /*********************************************** TYPO ***********************/
  /* Basic text */
  h1 {
    font-size: 4.6rem;
    margin: 0 0 4rem;
    line-height: 4.3rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  p, ul {
    font-size: 1.25rem;
    line-height: 1.4;
  }
  .h1-left h1 {
    margin-top: 7.75rem;
  }
  .white_stripe hr {
    padding: 2.8125rem 0;
  }

  /* Hero imgs text */
  .hero h1 {
    font-size: 4.6rem;
    line-height: 4rem;
    margin-bottom: .9rem;
  }
  .hero h2 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  /* =============================================================================
  4. Cards
  ============================================================================= */
  #our_products_JTE .card-body {
    padding: 7.4375rem 7.65rem;
  }
  #our_products_ICM .card-body {
    padding: 7.4375rem 7.65rem;
  }
}


@media only screen and (min-width: 1820px) {
  /* ===========================================================================
  2. BASE STYLES
  =========================================================================== */
  /*********************************************** TYPO ***********************/
  /* Basic text */
  h1 {
    font-size: 5rem;
    margin: 0 0 4rem;
    line-height: 4.5rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  p, ul {
    font-size: 1.25rem;
    line-height: 1.4;
  }
  .h1-left h1 {
    margin-top: 7.75rem;
  }
  /* =============================================================================
  4. Cards
  ============================================================================= */
  #our_products_JTE .card-body {
    padding: 7.4375rem 12.4rem;
  }
  #our_products_ICM .card-body {
    padding: 7.4375rem 12.4rem;
  }
}

@media only screen and (min-width: 1920px) {
  /* =============================================================================
  4. Cards
  ============================================================================= */
  #our_products_JTE .card-body {
    padding: 7.4375rem 3.5rem 7.4375rem 15.3rem;
  }
  #our_products_ICM .card-body {
    padding: 7.4375rem 15.3rem 7.4375rem 7.5rem;
  }
}

@media only screen and (min-width: 2543px) {
  #our_products_JTE .card-body {
    padding: 7.4375rem 7.5rem 7.4375rem 35.33rem;
  }
  #our_products_ICM .card-body {
    padding: 7.4375rem 35.3rem 9.2rem 7.5rem;
  }
}